/* Arcade redesign v2026-05-06: game-first layout inspired by modern browser-game hubs. */
:root{
  --arcade-bg:#070b18;
  --arcade-bg-2:#0c1430;
  --arcade-panel:#111a36;
  --arcade-panel-2:#151f3f;
  --arcade-card:#101936;
  --arcade-border:rgba(148,163,184,.18);
  --arcade-text:#eef5ff;
  --arcade-muted:#a9b7d0;
  --arcade-soft:#dbeafe;
  --arcade-accent:#7c3aed;
  --arcade-accent-2:#22c55e;
  --arcade-blue:#38bdf8;
  --arcade-shadow:0 22px 70px rgba(0,0,0,.35);
}
body.arcade-skin{
  background:
    radial-gradient(circle at 12% 0%, rgba(124,58,237,.24) 0, transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(34,197,94,.18) 0, transparent 28%),
    linear-gradient(180deg,#070b18 0%,#091027 45%,#070b18 100%);
  color:var(--arcade-text);
}
.arcade-skin a{color:#8bc7ff}
.arcade-skin .site-header{background:rgba(7,11,24,.92);border-bottom:1px solid var(--arcade-border);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.arcade-skin .site-logo{color:#fff;display:inline-flex;align-items:center;gap:10px}
.arcade-skin .site-logo::before{content:"▶";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#22c55e,#38bdf8);color:#06111f;font-size:.8rem;font-weight:900}
.arcade-skin .site-nav a{color:#dbe7ff;border-radius:999px;padding:8px 10px}
.arcade-skin .site-nav a:hover,.arcade-skin .site-nav a.is-current{background:rgba(255,255,255,.08);color:#fff}
.arcade-skin .nav-toggle{background:#101936;border-color:var(--arcade-border);color:#fff}
.arcade-skin .container,.arcade-skin .site-header__inner{width:min(1220px,calc(100% - 28px))}
.arcade-game-page .hero{display:none!important}
.arcade-skin .breadcrumbs{margin:18px 0 12px;color:var(--arcade-muted);font-size:.92rem}
.arcade-top{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:18px;align-items:start;margin:12px 0 26px}
.arcade-game-card,.arcade-sidebar,.arcade-skin .content-card,.arcade-skin .play-section,.arcade-skin .related-section,.arcade-skin .quick-card,.arcade-skin .trust-item,.arcade-skin .info-card,.arcade-skin .toc,.arcade-skin .sidebar-card{background:linear-gradient(180deg,rgba(17,26,54,.98),rgba(12,20,44,.98));border:1px solid var(--arcade-border);border-radius:18px;box-shadow:var(--arcade-shadow);color:var(--arcade-text)}
.arcade-summary{padding:18px 18px 14px;border-bottom:1px solid var(--arcade-border);background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(56,189,248,.08))}
.arcade-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:900;color:#93c5fd}
.arcade-summary h1{margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08;color:#fff}
.arcade-summary p{max-width:860px;margin:10px 0 0;color:#cad7ec;line-height:1.55}
.arcade-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.arcade-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#eaf2ff;font-weight:800;font-size:.84rem}
.arcade-quick-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.arcade-quick-nav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#c9ffe0;font-weight:800;font-size:.88rem;text-decoration:none}
.arcade-quick-nav a:hover{background:rgba(34,197,94,.2);color:#fff;text-decoration:none}
.arcade-game-card .play-section{padding:0;margin:0;border-radius:0 0 18px 18px;box-shadow:none;border:0;background:transparent}
.arcade-game-card .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;background:#0b1228;border-bottom:1px solid var(--arcade-border)}
.arcade-game-card .section-kicker{margin:0;color:#84ccff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.arcade-game-card .section-head h2{margin:0;font-size:1.02rem;color:#fff;line-height:1.2}
.arcade-game-card .fullscreen-btn,.arcade-skin .fullscreen-btn{border:0;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#062813;font-weight:950;padding:11px 14px;box-shadow:0 12px 26px rgba(34,197,94,.22);cursor:pointer}
.arcade-game-card .iframe-shell{height:auto;min-height:540px;aspect-ratio:16/9;border-radius:0;background:#050816;border:0;overflow:hidden;box-shadow:none}
.arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{border-radius:0!important;height:100%!important;min-height:540px!important;background:#050816!important}
.arcade-game-card .deferred-media{position:relative;inset:auto;min-height:540px;border:0!important}
.arcade-game-card .deferred-media__button,.arcade-game-card .deferred-media__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.arcade-game-card .deferred-media__poster{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.08)}
.arcade-game-card .deferred-media__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,25,.08),rgba(3,8,25,.62))}
.arcade-game-card .deferred-media__center{position:absolute;inset:0;display:grid;place-items:center;padding:24px}
.arcade-game-card .deferred-media__badge{display:grid;justify-items:center;gap:13px;text-align:center}
.arcade-game-card .deferred-media__logo{width:min(155px,40vw);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.42)}
.arcade-game-card .deferred-media__play{width:84px;height:84px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#38bdf8);display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.38)}
.arcade-game-card .deferred-media__play::before{content:"";margin-left:7px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent #06111f}
.arcade-game-card .deferred-media__caption{margin:0;color:#fff;font-weight:950;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.arcade-game-card .play-note{margin:0;padding:12px 16px;color:#aebbd2;border-top:1px solid var(--arcade-border);font-size:.95rem;background:rgba(7,11,24,.38)}
.arcade-sidebar{padding:14px;position:sticky;top:88px}
.arcade-sidebar__head h2{margin:0;color:#fff;font-size:1.08rem}
.arcade-sidebar__head p{margin:4px 0 12px;color:var(--arcade-muted);font-size:.9rem;line-height:1.4}
.arcade-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arcade-side-card{display:block;min-width:0;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.arcade-side-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(56,189,248,.38);text-decoration:none}
.arcade-side-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#070b18}
.arcade-side-card__body{display:block;padding:8px 8px 9px}
.arcade-side-card strong{display:block;color:#fff;font-size:.82rem;line-height:1.18;min-height:2.15em}
.arcade-side-card small{display:block;margin-top:3px;color:#9fb0ca;font-size:.72rem;line-height:1.2}
.arcade-skin .content-layout{gap:22px}
.arcade-skin .content-card,.arcade-skin .related-section{padding:22px;color:#e7eefc}
.arcade-skin .content-card h2,.arcade-skin .related-section h2,.arcade-skin .quick-card h2,.arcade-skin .sidebar-card h2,.arcade-skin .trust-item strong,.arcade-skin .info-card h3{color:#fff}
.arcade-skin .content-card h2{border-left:4px solid var(--arcade-accent-2);padding-left:12px;margin-top:30px}
.arcade-skin .content-card h3{color:#eaf2ff}
.arcade-skin .content-card p,.arcade-skin .content-card li,.arcade-skin .quick-card p,.arcade-skin .sidebar-card p,.arcade-skin .trust-item span,.arcade-skin .info-card p{color:#c5d1e6}
.arcade-skin .toc{padding:16px;margin-bottom:24px;background:#0b1228}
.arcade-skin .toc__title,.arcade-skin .section-kicker{color:#93c5fd}
.arcade-skin .toc a{color:#dbeafe}
.arcade-skin .table-wrap{border-color:var(--arcade-border);background:#0b1228}
.arcade-skin .seo-table,.arcade-skin .info-table{background:#0b1228;color:#dbeafe;border-color:var(--arcade-border)}
.arcade-skin .seo-table th,.arcade-skin .seo-table td,.arcade-skin .info-table th,.arcade-skin .info-table td{border-color:rgba(148,163,184,.18)}
.arcade-skin .seo-table th,.arcade-skin .info-table th{background:#101936;color:#fff}
.arcade-skin .notice-box{background:rgba(56,189,248,.10);border-color:rgba(56,189,248,.22);color:#dbeafe}
.arcade-skin .game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.arcade-skin .game-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:none;color:#fff}
.arcade-skin .game-card:hover{border-color:rgba(56,189,248,.35)}
.arcade-skin .game-card__image img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}
.arcade-skin .game-card__body{padding:12px}
.arcade-skin .game-card__body h3{margin:0 0 5px;color:#fff;font-size:1rem;line-height:1.22}
.arcade-skin .game-card__body p{margin:0;color:#aebbd2;font-size:.9rem;line-height:1.45}
.arcade-skin .trust-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.arcade-skin .download-buttons a,.arcade-skin .btn-primary{background:linear-gradient(135deg,#22c55e,#38bdf8);color:#06111f}
.arcade-skin .btn-secondary,.arcade-skin .btn-light{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff}
.arcade-skin:not(.arcade-game-page) .hero{background:linear-gradient(135deg,#0c1430,#111a36);border:1px solid var(--arcade-border)}
.arcade-skin .site-footer{background:#050816;border-top:1px solid var(--arcade-border);color:#cbd5e1;margin-top:34px}
.arcade-skin .site-footer h2,.arcade-skin .site-footer h3{color:#fff}
.arcade-skin .site-footer a{color:#bfdbfe}
@media (max-width:980px){
  .arcade-top{grid-template-columns:1fr}
  .arcade-sidebar{position:relative;top:auto}
  .arcade-side-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .arcade-skin .container,.arcade-skin .site-header__inner{width:min(100% - 20px,1220px)}
  .arcade-skin .site-nav{background:#070b18;border-top:1px solid var(--arcade-border)}
  .arcade-top{gap:14px;margin-top:8px}
  .arcade-summary{padding:15px}
  .arcade-summary h1{font-size:1.55rem}
  .arcade-meta span{font-size:.78rem;min-height:28px}
  .arcade-game-card .section-head{align-items:flex-start;flex-direction:column;padding:12px}
  .arcade-game-card .fullscreen-btn{width:100%}
  .arcade-game-card .iframe-shell,.arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:410px!important;aspect-ratio:4/5}
  .arcade-side-grid{grid-template-columns:1fr 1fr;gap:9px}
  .arcade-sidebar{padding:12px}
  .arcade-side-card strong{font-size:.78rem}
  .arcade-skin .content-card,.arcade-skin .related-section{padding:16px}
}


/* Expert recheck polish v2026-05-06: cleaner arcade layout, no fake ratings, stronger responsive behavior. */
.arcade-skin .site-header{backdrop-filter:blur(14px)}
.arcade-top{grid-template-columns:minmax(0,1fr) 336px;gap:20px;margin:14px 0 28px}
.arcade-game-card{overflow:hidden}
.arcade-summary{padding:20px 20px 16px}
.arcade-meta span:first-child{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.28);color:#d9ffe7}
.arcade-game-card .iframe-shell{min-height:580px;aspect-ratio:16/9}
.arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:580px!important}
.arcade-sidebar{max-height:calc(100vh - 106px);overflow:auto;scrollbar-width:thin}
.arcade-side-card img{aspect-ratio:1/1;transition:transform .18s ease}
.arcade-side-card:hover img{transform:scale(1.035)}
.arcade-skin .content-card{font-size:1.01rem}
.arcade-skin .content-card h2{scroll-margin-top:92px}
.arcade-skin .article-note{border-left:4px solid rgba(34,197,94,.75);padding:12px 14px;background:rgba(34,197,94,.08);border-radius:14px;color:#d6fbe2}
.arcade-skin .sidebar-card{box-shadow:0 18px 50px rgba(0,0,0,.25)}
.arcade-skin .sidebar-card .quick-facts li{gap:8px}
.arcade-skin .game-card__tag{display:inline-flex;margin:0 0 8px;padding:4px 8px;border-radius:999px;background:rgba(56,189,248,.12);color:#bfe8ff;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.arcade-skin .game-card__image{display:block;background:#080d1f}
.arcade-skin .game-card__image img{transition:transform .18s ease}
.arcade-skin .game-card:hover .game-card__image img{transform:scale(1.03)}
@media (min-width:1180px){
  .arcade-game-card .iframe-shell{min-height:610px}
  .arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:610px!important}
}
@media (max-width:980px){
  .arcade-top{grid-template-columns:1fr}
  .arcade-sidebar{max-height:none;overflow:visible}
  .arcade-side-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .arcade-game-card .iframe-shell,.arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:430px!important;aspect-ratio:4/5}
  .arcade-summary p{font-size:.96rem}
  .arcade-quick-nav a{flex:1 1 auto;justify-content:center}
  .arcade-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .arcade-game-card .iframe-shell,.arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:390px!important}
  .arcade-summary{padding:14px}
  .arcade-side-card strong{min-height:auto}
}


/* Final UX + SEO audit polish v2026-05-06
   Goal: keep the game fully playable in normal view, not only fullscreen. */
html{background:#070b18;}
body.arcade-skin{min-height:100vh;background-color:#070b18;}
.arcade-skin .site-main{background:transparent;}
.arcade-game-card .iframe-shell{
  height:clamp(680px,78vh,820px)!important;
  min-height:680px!important;
  aspect-ratio:auto!important;
  background:#050816!important;
}
.arcade-game-card iframe,
.arcade-game-card .deferred-media,
.arcade-game-card .deferred-media__frame{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:680px!important;
  background:#050816!important;
}
.arcade-game-card .play-note strong{color:#f8fafc;}
.arcade-sidebar__head p{max-width:30ch;}
.arcade-skin .content-card p{max-width:76ch;}
.arcade-skin .content-card h2{line-height:1.22;}
.arcade-skin .sidebar-card a{word-break:break-word;}
.arcade-skin .site-footer{margin-top:34px;background:#050816;}
@media (min-width:1180px){
  .arcade-game-card .iframe-shell{height:clamp(720px,80vh,860px)!important;min-height:720px!important;}
  .arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:720px!important;}
}
@media (max-width:980px){
  .arcade-game-card .iframe-shell{height:clamp(600px,76vh,760px)!important;min-height:600px!important;}
  .arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:600px!important;}
}
@media (max-width:760px){
  .arcade-game-card .iframe-shell{height:clamp(520px,78vh,680px)!important;min-height:520px!important;aspect-ratio:auto!important;}
  .arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:520px!important;}
}
@media (max-width:420px){
  .arcade-game-card .iframe-shell{height:clamp(500px,78vh,620px)!important;min-height:500px!important;}
  .arcade-game-card iframe,.arcade-game-card .deferred-media,.arcade-game-card .deferred-media__frame{min-height:500px!important;}
}