/* Local-only adaptations. Original reference theme lives in assets/theme.css. */
html{scroll-behavior:smooth}body{min-width:320px}.myarcade_game_wrap{width:100%;max-width:100%}#game-placeholder{width:100%;height:540px;display:flex;align-items:center;justify-content:center;background:#71c5cf;overflow:hidden}#game-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:0;animation:none;transform:none}.game-cn:hover{transform:none}.post-ratings img{border-radius:0}.post-ratings-loading{display:none}.txcn img{max-width:100%;height:auto}.game-ctrl a{cursor:pointer}.lights-off:after{content:'';position:fixed;inset:0;background:#000b;z-index:150}.lights-off .game-cn,.lights-off .game-ctrl{position:relative;z-index:151}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2c3e50;color:white;border-radius:12px;padding:12px 24px;z-index:10000;display:none}#toast.visible{display:block}dialog{border:0;border-radius:20px;width:min(90vw,520px);padding:28px;color:#2c3e50;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#18323d99}dialog form{float:right}dialog button{border:0;background:none;font-size:28px;cursor:pointer}dialog input{width:100%;margin:20px 0}#search-results a{display:block;padding:8px;border-bottom:1px solid #ddd}.saved-comment{margin:16px 0;padding:16px;background:#fff;border-radius:12px;overflow-wrap:anywhere}.saved-comment p{white-space:pre-wrap}.botn-gtop{display:block!important}#game-placeholder:fullscreen{height:100vh;background:#71c5cf}a:focus-visible,button:focus-visible{outline:3px solid #ffb800;outline-offset:4px}.game_post_meta_data{flex-wrap:wrap}#site-footer{box-shadow:none;padding:0}.video-container{padding:20px;min-height:70px}.post-ratings img[role=button]:focus-visible{outline:2px solid #fff}
@media(max-width:1200px){#game-placeholder{height:480px}}@media(max-width:992px){#game-placeholder{height:405px}}@media(max-width:768px){#game-placeholder{height:auto;aspect-ratio:16/9}#header_horizontal .cont .menu{display:none!important}#header_horizontal .cont .menu.is-open{display:block!important;position:absolute;top:100%;left:0;right:0;width:100%;background:#5dcedc;z-index:200;padding:20px}#header_horizontal .menu .button-close{display:none}#header_horizontal .menu .nav_menu{display:flex;flex-direction:column}#header_horizontal .menu-botn{display:block}.post-sngl>header{padding-left:16px;padding-right:16px}.post-sngl>header figure{display:none}.game_post_meta_data .gm-cate a{padding:6px 10px!important;font-size:12px!important}#respond{padding:12px}#respond label.icofrm.fa-comment,#respond .comment-form textarea{width:100%!important}#respond .cols-n4{width:100%}footer li{margin:5px 8px!important}.logo img{max-width:180px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Local symbol fallbacks avoid requiring an unavailable icon font. */
[class*="fa-"]:before{font-family:Arial,sans-serif!important}.fa-bars:before{content:'☰'}.fa-close:before{content:'×'}.fa-search:before{content:'⌕'}.fa-lightbulb-o:before{content:'☼'}.fa-arrows-alt:before{content:'⛶'}.fa-share-alt:before{content:'↗'}.fa-user:before{content:'♙'}.fa-calendar:before{content:'▦'}.fa-comments:before{content:'▤'}.fa-gamepad:before{content:'♧'}.fa-chevron-up:before{content:'↑'}.fa-angle-right:before{content:'›'}
/* Single-game landing page and prominent download call to action. */
.single-game-content{width:100%!important;float:none!important}.single-game-layout{display:block}.download-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:28px 0 38px;padding:32px 36px;background:#fffbea;border:3px solid #ffd034;border-radius:22px;box-shadow:0 10px 28px #28464b24;scroll-margin-top:24px}.download-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#8c6500}.download-panel h2{margin:6px 0 10px;font-size:28px}.download-panel p{margin:0;color:#52616b}.download-action{flex-shrink:0;text-align:center}.download-panel .download-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:19px 28px;background:#ffd034;color:#243746;border:2px solid #e9af00;border-bottom:5px solid #c79200;border-radius:14px;font:800 21px Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 7px 18px #e7ad0033;transition:transform .2s,background .2s}.download-panel .download-button:hover{background:#ffdd59;transform:translateY(-2px)}.download-button span{font-size:30px;font-weight:800}.download-action #download-status{margin-top:10px;font-size:12px;color:#6a6043}.footer-nav{margin-bottom:16px}.single-game-content .post-list{max-width:100%}
@media(max-width:768px){.download-panel{flex-direction:column;padding:24px 18px;text-align:center;gap:20px;margin:20px 0 28px}.download-panel h2{font-size:24px}.download-action{width:100%}.download-panel .download-button{width:100%;font-size:19px;padding:17px 14px}}

/* Portrait showcase paired with the existing download content. */
.video-download-hero {
  display: grid !important;
  grid-template-columns: minmax(220px, 300px) minmax(0, 460px);
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 72px);
  padding: 36px !important;
}
.video-download-hero .myarcade_game_wrap {width: 100%; margin: 0; order: initial; min-width: 0;}
#game-placeholder.portrait-video-stage {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #71c5cf;
  box-shadow: 0 16px 38px #225a642b, 0 0 0 5px #fff;
}
#game-placeholder .game-preview-video {
  display: block;
  width: 100%;
  height: 100%;
  /* The file is 640×360: fill the portrait viewport with its central gameplay. */
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  background: transparent;
}
.video-download-hero .download-panel {
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  text-align: left;
}
.video-download-hero .download-panel h2 {font-size: clamp(28px, 3.5vw, 44px); line-height: 1.15; margin: 16px 0 20px;}
.video-download-hero .download-copy p {font-size: 17px; line-height: 1.8; max-width: 34ch;}
.video-download-hero .download-eyebrow {display: inline-block; padding: 6px 12px; border-radius: 30px; background: #fff0af;}
.video-download-hero .download-action {max-width: 100%;}
.video-download-hero .download-button {white-space: normal; font-size: 20px;}
@media (max-width: 680px) {
  .video-download-hero {grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 24px 20px !important;}
  .video-download-hero .myarcade_game_wrap {width: min(100%, 270px); justify-self: center;}
  .video-download-hero .download-panel {align-items: center; text-align: center; gap: 20px;}
  .video-download-hero .download-panel h2 {font-size: 30px;}
  .video-download-hero .download-copy p {margin-inline: auto; font-size: 16px;}
  .video-download-hero .download-action {width: 100%;}
}
#game-placeholder.portrait-video-stage:fullscreen {width: 100vw; height: 100vh; border-radius: 0; box-shadow: none; background: #71c5cf;}
#game-placeholder:fullscreen .game-preview-video {width: min(100vw, 56.25vh); height: min(100vh, 177.778vw); border-radius: 0;}
