.arcade-game-page{max-width:1320px;margin:auto;padding:32px 24px 72px}
.arcade-game-hero{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:center;margin:24px 0 30px}
.arcade-game-icon{display:block;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.24))}
.arcade-game-hero h1{margin:0 0 8px}
.arcade-game-hero p{margin:0;color:#b8cbbf}
.arcade-frame-shell{position:relative;width:100%;min-height:720px;overflow:hidden;border:1px solid #456447;border-radius:24px;background:radial-gradient(circle at 50% 20%,#27533e,#071f19 70%);box-shadow:0 24px 70px #0005}
.arcade-frame-shell iframe{display:block;width:100%;height:clamp(640px,64vw,760px);border:0;background:#071f19}
.arcade-launch{position:absolute;z-index:2;inset:0;display:grid;place-content:center;padding:28px;text-align:center}
.arcade-launch[hidden]{display:none!important}
.arcade-launch button{margin:auto}
.arcade-launch p{max-width:55ch}
.arcade-guide{margin-top:32px;padding:clamp(24px,4vw,44px);border:1px solid #416456;border-radius:24px;background:linear-gradient(155deg,#173c32,#0b2822);box-shadow:0 22px 60px #0003}
.arcade-guide-intro{max-width:850px}
.arcade-guide-intro h2{margin:.25rem 0 .7rem;font-size:clamp(1.7rem,3vw,2.45rem)}
.arcade-guide-intro>p:not(.eyebrow){font-size:1.05rem;line-height:1.75;color:#d8e6dc}
.arcade-guide-meta{font-size:.86rem!important;color:#9eb7a8!important}
.arcade-guide-meta a{color:#d8f69a}
.arcade-guide-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 34px;padding-bottom:24px;border-bottom:1px solid #35564a}
.arcade-guide-nav a{padding:8px 13px;border:1px solid #577565;border-radius:999px;color:#eff8f1;text-decoration:none;background:#0b2b24}
.arcade-guide-nav a:hover,.arcade-guide-nav a:focus-visible{border-color:#b7ef78;color:#071f19;background:#b7ef78}
.arcade-guide-section{scroll-margin-top:92px;margin-top:34px}
.arcade-guide-section h3{margin:0 0 14px;font-size:1.38rem;color:#f6f1dc}
.arcade-guide-section h4{margin:0 0 8px;color:#d8f69a}
.arcade-guide-section p,.arcade-guide-section li{line-height:1.72;color:#d1dfd5}
.arcade-guide-section ol,.arcade-guide-section ul{margin:0;padding-left:1.35rem}
.arcade-guide-section li+li{margin-top:9px}
.arcade-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.arcade-rule-grid>div{padding:20px;border:1px solid #3e6152;border-radius:16px;background:#0b2c25}
.arcade-rule-grid p{margin:0}
.arcade-table-wrap{overflow-x:auto;border:1px solid #416456;border-radius:16px}
.arcade-guide table{width:100%;border-collapse:collapse;min-width:620px;background:#0b2c25}
.arcade-guide th,.arcade-guide td{padding:15px 17px;border-bottom:1px solid #35564a;text-align:left;vertical-align:top;line-height:1.55}
.arcade-guide thead th{color:#071f19;background:#b7ef78}
.arcade-guide tbody th{width:160px;color:#f4d88a}
.arcade-guide tbody tr:last-child th,.arcade-guide tbody tr:last-child td{border-bottom:0}
.arcade-guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.arcade-faq{display:grid;gap:12px}
.arcade-faq details{padding:0 18px;border:1px solid #416456;border-radius:14px;background:#0b2c25}
.arcade-faq summary{padding:16px 28px 16px 0;cursor:pointer;font-weight:800;color:#f6f1dc}
.arcade-faq p{margin:0;padding:0 0 18px}
.arcade-related{margin-top:38px}
.arcade-related-links{display:flex;gap:12px;flex-wrap:wrap}
.arcade-related-links a{padding:11px 16px;border:1px solid #688164;border-radius:10px;text-decoration:none}
.arcade-progress-badge{display:inline-flex;margin:.15rem 0 .45rem;padding:.24rem .55rem;border:1px solid rgba(183,239,120,.42);border-radius:999px;color:#ebc477;background:rgba(7,31,25,.6);font-size:.78rem;font-weight:800;letter-spacing:.03em}
.arcade-continue{display:inline-flex;margin:1rem 0 1.4rem;padding:.75rem 1rem;border-radius:.75rem;background:#b7ef78;color:#173127;font-weight:900;text-decoration:none}
.arcade-continue[hidden]{display:none}
@media(max-width:919px){
  .arcade-game-page{padding-inline:18px}
  .arcade-frame-shell{min-height:620px}
  .arcade-frame-shell iframe{height:clamp(620px,92vw,720px)}
  .arcade-rule-grid{grid-template-columns:1fr}
}
@media(max-width:639px){
  .arcade-game-page{padding:20px 14px 50px}
  .arcade-game-hero{grid-template-columns:72px 1fr;gap:15px}
  .arcade-game-icon{width:72px;height:72px}
  .arcade-frame-shell{min-height:min(812px,145vw);border-radius:16px}
  .arcade-frame-shell iframe{height:min(812px,145vw);min-height:540px}
  .arcade-guide{padding:22px 18px;border-radius:18px}
  .arcade-guide-columns{grid-template-columns:1fr;gap:0}
  .arcade-guide-nav{gap:7px}
  .arcade-guide-nav a{font-size:.88rem;padding:7px 10px}
}
@media(max-width:390px){
  .arcade-frame-shell,.arcade-frame-shell iframe{min-height:520px}
}