:root{--bg:#08080a;--panel:#111216;--panel2:#17181d;--line:#32343b;--orange:#ff8a1f;--orange2:#ffb04a;--text:#f5f5f2;--muted:#92949d;--danger:#ff554f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060607;color:var(--text);font-family:Arial Black,Arial,sans-serif}body{padding:18px;background:radial-gradient(circle at 50% 0,rgba(255,138,31,.09),transparent 35%),linear-gradient(#09090b,#040405);overflow-x:hidden}.arcade-shell{width:min(880px,100%);margin:auto;border:1px solid #25262b;background:linear-gradient(145deg,#15161a,#0b0b0d 45%,#111216);box-shadow:0 35px 100px #000;border-radius:22px;overflow:hidden;position:relative}.arcade-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 47%,rgba(255,138,31,.035) 47% 52%,transparent 52%)}.marquee{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:3px solid var(--orange);background:linear-gradient(180deg,#202126,#111216);position:relative}.marquee:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:rgba(255,255,255,.1)}.brand-lockup{display:flex;align-items:center;gap:12px}.forge-logo{width:58px;height:58px;object-fit:contain}.eyebrow{margin:0 0 2px;color:var(--orange);font:700 10px Arial,sans-serif;letter-spacing:.18em}.brand-lockup h1{margin:0;font-size:clamp(23px,5vw,38px);letter-spacing:.02em;line-height:.9}.brand-lockup h1 span{color:var(--orange)}.header-actions{display:flex;gap:8px}.icon-btn,.close-btn{width:42px;height:42px;border:1px solid #3a3b42;background:#121318;color:#fff;border-radius:8px;font:900 17px Arial;cursor:pointer}.icon-btn:hover,.close-btn:hover{border-color:var(--orange);color:var(--orange)}.score-strip{display:grid;grid-template-columns:1.25fr 1.25fr .75fr .75fr;background:#0d0e11;border-bottom:1px solid #2b2c32}.score-cell{padding:12px 16px;border-right:1px solid #28292f;display:flex;justify-content:space-between;align-items:end;gap:12px}.score-cell:last-child{border:0}.score-cell span{font:700 10px Arial,sans-serif;letter-spacing:.16em;color:var(--muted)}.score-cell strong{font-size:24px;letter-spacing:.08em;color:#fff;text-shadow:0 0 15px rgba(255,138,31,.18)}.cabinet{padding:16px 18px 18px}.screen-frame{padding:10px;background:linear-gradient(145deg,#2b2c31,#0b0c0f);border:1px solid #34353b;box-shadow:inset 0 0 0 2px #09090b,0 18px 40px #000}.screen-bezel{position:relative;aspect-ratio:1;border:8px solid #050506;background:#020202;overflow:hidden;box-shadow:inset 0 0 35px #000}canvas{display:block;width:100%;height:100%;touch-action:none;background:#050505}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,2,3,.82);backdrop-filter:blur(2px);transition:.18s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-panel{text-align:center;width:min(390px,82%);padding:22px}.overlay-logo{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,138,31,.25))}.mini-title{margin:4px 0;color:var(--orange);font:800 10px Arial;letter-spacing:.25em}.start-panel h2{font-size:clamp(42px,10vw,78px);margin:0;letter-spacing:.04em;text-shadow:3px 3px 0 #27282e}.start-panel p:not(.mini-title){font:600 14px/1.5 Arial;color:#b9bbc2}.press-hint{font-size:11px!important;letter-spacing:.08em}.arcade-btn{min-height:46px;padding:0 22px;border:1px solid #44464f;border-bottom-width:4px;border-radius:8px;background:linear-gradient(#26272d,#15161a);color:#fff;font:900 14px Arial;letter-spacing:.05em;cursor:pointer}.arcade-btn:hover{border-color:#777983;transform:translateY(-1px)}.arcade-btn:active{transform:translateY(2px);border-bottom-width:1px}.arcade-btn.primary{background:linear-gradient(#ff9e3f,#f4770d);border-color:#ffbd78 #a74700 #8e3c00;color:#090909;box-shadow:0 0 18px rgba(255,138,31,.2)}.charge-panel{padding:14px 4px 4px}.charge-head{display:flex;justify-content:space-between;font:800 10px Arial;letter-spacing:.14em;color:#b6b7bd}.charge-head strong{color:var(--orange)}.charge-track{height:10px;margin-top:8px;border:1px solid #33353c;background:#08080a;padding:2px}.charge-track div{height:100%;width:0;background:linear-gradient(90deg,#ba4d00,var(--orange),#ffd08d);box-shadow:0 0 12px var(--orange);transition:width .2s}.effects{min-height:24px;display:flex;gap:7px;flex-wrap:wrap;padding-top:8px}.effect-chip{font:800 10px Arial;letter-spacing:.08em;color:#111;background:var(--orange2);padding:5px 8px;border-radius:4px}.controls-row{display:flex;justify-content:center;gap:10px;margin-top:8px}.touch-controls{display:none;width:210px;margin:16px auto 0;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,58px);gap:7px;justify-content:center}.touch-controls button{border:1px solid #454750;border-bottom-width:4px;border-radius:8px;background:#191a1f;color:var(--orange);font-size:22px;font-weight:900}.touch-controls button:active{transform:translateY(2px);border-bottom-width:1px}.touch-controls [data-dir=up]{grid-column:2}.touch-controls [data-dir=left]{grid-column:1;grid-row:2}.touch-controls [data-dir=down]{grid-column:2;grid-row:2}.touch-controls [data-dir=right]{grid-column:3;grid-row:2}.machine-footer{padding:12px 18px;border-top:1px solid #292a30;display:flex;justify-content:space-between;gap:15px;color:#696b73;font:700 9px Arial;letter-spacing:.12em}.forge-dialog{width:min(480px,calc(100% - 24px));border:1px solid #3b3d44;border-top:4px solid var(--orange);border-radius:12px;background:#121318;color:#fff;padding:0;box-shadow:0 30px 90px #000}.forge-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.forge-dialog form{padding:18px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head h2{margin:0;font-size:20px}.close-btn{width:36px;height:36px;font-size:24px}.forge-dialog label{display:grid;gap:8px;color:var(--muted);font:700 11px Arial;letter-spacing:.12em}.forge-dialog select{height:44px;background:#0a0b0d;color:#fff;border:1px solid #363840;border-radius:6px;padding:0 12px;font-weight:800}.wide{width:100%;margin-top:12px}.stats-list{margin:16px 0;border:1px solid #2e3036}.stats-list p{display:flex;justify-content:space-between;margin:0;padding:11px 12px;border-bottom:1px solid #2e3036;font:700 11px Arial;color:var(--muted)}.stats-list p:last-child{border:0}.stats-list strong{color:#fff}.text-btn{width:100%;border:0;background:transparent;color:#8d8f97;font:700 10px Arial;letter-spacing:.12em;cursor:pointer}.text-btn:hover{color:var(--danger)}.forge-dialog>form>p{font:500 14px/1.65 Arial;color:#c0c1c7}.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.power-grid span{display:flex;align-items:center;gap:10px;border:1px solid #303239;background:#0c0d10;padding:10px}.power-grid b{display:grid;place-items:center;width:32px;height:32px;background:var(--orange);color:#111;border-radius:4px}.power-grid i{font:800 10px Arial;font-style:normal;color:#b8bac1}.legal{font-size:11px!important;color:#71737b!important}.shake{animation:shake .24s linear}.flash{animation:flash .45s ease}@keyframes shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes flash{50%{box-shadow:inset 0 0 80px rgba(255,138,31,.45)}}@media(max-width:680px){body{padding:0}.arcade-shell{border-radius:0;min-height:100vh}.marquee{min-height:76px;padding:10px 12px}.forge-logo{width:46px;height:46px}.eyebrow{display:none}.header-actions{gap:5px}.icon-btn{width:38px;height:38px}.score-strip{grid-template-columns:1fr 1fr}.score-cell.compact{display:none}.score-cell{padding:10px 12px}.score-cell strong{font-size:19px}.cabinet{padding:10px}.screen-frame{padding:6px}.screen-bezel{border-width:5px}.touch-controls{display:grid}.machine-footer{font-size:8px;flex-direction:column;align-items:center}.controls-row .arcade-btn{flex:1}.start-panel{width:90%;padding:10px}.start-panel h2{font-size:50px}}@media(max-height:760px) and (min-width:681px){.arcade-shell{width:min(680px,100%)}.marquee{min-height:72px}.forge-logo{width:44px;height:44px}.brand-lockup h1{font-size:28px}.cabinet{padding:10px}.score-cell{padding:8px 12px}.score-cell strong{font-size:19px}.screen-frame{padding:6px}}


/* BUILD 0003: clean arcade viewport fit */
html,body{width:100%;height:100%;min-height:0}
body{padding:10px;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,138,31,.075),transparent 42%),linear-gradient(#09090b,#040405)}
.arcade-shell{height:calc(100dvh - 20px);min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(920px,calc(100vw - 20px));border-radius:16px}
.arcade-shell:before,.scanlines{display:none!important}
.marquee{min-height:70px;padding:8px 16px;border-bottom-width:2px}
.forge-logo{width:46px;height:46px}
.brand-lockup h1{font-size:28px}
.score-cell{padding:7px 14px}
.score-cell strong{font-size:19px}
.cabinet{min-height:0;padding:8px 12px 10px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:center}
.screen-frame{width:min(100%,calc(100dvh - 270px));max-height:100%;aspect-ratio:1;margin:0 auto;padding:6px}
.screen-bezel{width:100%;height:100%;aspect-ratio:1;border-width:5px}
.charge-panel{width:100%;padding:7px 4px 2px}
.effects{min-height:18px;padding-top:4px}
.controls-row{margin-top:4px}
.arcade-btn{min-height:38px;padding:0 18px;font-size:12px}
.machine-footer{padding:7px 14px}
.start-panel{padding:12px}
.overlay-logo{width:48px;height:48px}
.start-panel h2{font-size:clamp(38px,8vh,64px)}
.start-panel p:not(.mini-title){margin:8px 0;font-size:12px}

@media(max-width:680px){
 body{padding:0;overflow:auto}
 .arcade-shell{width:100%;height:auto;min-height:100dvh;border-radius:0}
 .marquee{min-height:64px;padding:7px 10px}
 .forge-logo{width:40px;height:40px}
 .brand-lockup h1{font-size:22px}
 .score-cell{padding:7px 10px}
 .cabinet{padding:7px;display:block}
 .screen-frame{width:min(100%,calc(100dvh - 335px));min-width:260px;max-width:100%;height:auto}
 .screen-bezel{height:auto}
 .touch-controls{margin:8px auto 0;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,48px);gap:5px}
 .controls-row{margin-top:5px}
 .charge-panel{padding-top:7px}
 .machine-footer{padding:7px 10px;gap:4px}
}

@media(max-height:700px) and (min-width:681px){
 .marquee{min-height:58px}
 .forge-logo{width:38px;height:38px}
 .brand-lockup h1{font-size:23px}
 .eyebrow{display:none}
 .score-cell{padding:5px 10px}
 .score-cell strong{font-size:17px}
 .screen-frame{width:min(100%,calc(100dvh - 225px))}
 .charge-panel{padding-top:4px}
 .effects{display:none}
 .machine-footer{padding:5px 12px}
}

/* BUILD 0004: daily challenge, achievements and expanded stats */
.dialog-subtitle{margin:18px 0 8px;color:var(--orange);font:900 11px Arial;letter-spacing:.14em}
.daily-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #34363d;background:linear-gradient(135deg,rgba(255,138,31,.09),#0b0c0f 55%);padding:12px;border-radius:8px}
.daily-card span{display:block;color:var(--orange);font:900 9px Arial;letter-spacing:.14em;margin-bottom:4px}
.daily-card strong{display:block;font:900 16px Arial;color:#fff}
.daily-card small{display:block;margin-top:4px;color:#a9abb3;font:600 11px/1.35 Arial}
.daily-card .arcade-btn{min-width:118px;padding:0 12px}
.achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
.achievement{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border:1px solid #2d2f35;background:#0b0c0f;opacity:.45}
.achievement.unlocked{opacity:1;border-color:rgba(255,138,31,.45);background:linear-gradient(90deg,rgba(255,138,31,.09),#0b0c0f)}
.achievement b{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#202127;color:#777;font:900 10px Arial}
.achievement.unlocked b{background:var(--orange);color:#111;box-shadow:0 0 12px rgba(255,138,31,.2)}
.achievement span{font:800 10px Arial;color:#c0c2c9}
.achievement i{font:900 13px Arial;font-style:normal;color:var(--orange)}
.toast{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:4px;min-width:250px;padding:13px 16px;border:1px solid var(--orange);border-left-width:5px;border-radius:8px;background:#111217;color:#fff;box-shadow:0 16px 50px #000;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}
.toast.show{transform:translateY(0);opacity:1}
.toast b{color:var(--orange);font:900 9px Arial;letter-spacing:.14em}.toast span{font:900 14px Arial}
@media(max-width:520px){.daily-card{grid-template-columns:1fr}.daily-card .arcade-btn{width:100%}.achievement-list{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:12px;min-width:0}}


/* BUILD 0005: arenas and Forge Mods */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mode-line{text-align:center;min-height:14px;margin-top:2px;color:#777982;font:800 9px Arial;letter-spacing:.13em}
@media(max-width:520px){.settings-grid{grid-template-columns:1fr}}


/* BUILD 0006: arcade polish and motion */
.screen-bezel{will-change:transform;isolation:isolate}
.screen-bezel.crash{animation:screenCrash .34s ease-out}
.screen-bezel.core-pulse{animation:corePulse .24s ease-out}
.arcade-shell.level-kick{animation:levelKick .34s ease-out}
.run-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}
.run-summary[hidden]{display:none}
.run-summary span{padding:9px 6px;border:1px solid #32343b;border-radius:6px;background:rgba(8,8,10,.82)}
.run-summary small{display:block;margin-bottom:4px;color:var(--muted);font:800 8px Arial;letter-spacing:.11em}
.run-summary strong{display:block;color:#fff;font:900 16px Arial;text-shadow:0 0 13px rgba(255,138,31,.25)}
.overlay.new-record .start-panel{filter:drop-shadow(0 0 18px rgba(255,138,31,.18))}
.overlay.new-record h2{color:var(--orange2);text-shadow:0 0 22px rgba(255,138,31,.35),3px 3px 0 #27282e}
.charge-track div.full{animation:chargeFull .52s ease-out}
.score-cell.bump strong{animation:scoreBump .2s ease-out}
@keyframes screenCrash{0%,100%{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(2px,2px)}}
@keyframes corePulse{50%{box-shadow:inset 0 0 44px rgba(255,138,31,.23),0 0 24px rgba(255,138,31,.18)}}
@keyframes levelKick{35%{transform:scale(1.006)}70%{transform:scale(.998)}}
@keyframes chargeFull{0%{filter:brightness(1)}40%{filter:brightness(2.1);box-shadow:0 0 22px var(--orange)}100%{filter:brightness(1)}}
@keyframes scoreBump{50%{transform:scale(1.12);color:var(--orange2)}}
@media(max-width:520px){.run-summary{gap:5px}.run-summary span{padding:7px 3px}.run-summary strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* BUILD 0008: Forge release launch shell */
.forge-splash{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#24282d 0,#0c0f12 42%,#050607 78%);transition:opacity .42s ease,visibility .42s ease}
.forge-splash:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 47%,rgba(255,122,24,.08) 50%,transparent 53%),repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.025) 120px);pointer-events:none}
.forge-splash.is-done{opacity:0;visibility:hidden;pointer-events:none}
.splash-lockup{position:relative;z-index:2;text-align:center;padding:24px;width:min(680px,90vw)}
.splash-logo{width:clamp(92px,14vw,150px);height:auto;filter:drop-shadow(0 16px 34px #000)}
.splash-lockup p{margin:12px 0 7px;color:#9ca6b2;font:800 10px Arial,sans-serif;letter-spacing:.3em}
.splash-lockup h2{margin:0;color:#f2f4f6;font-size:clamp(40px,9vw,86px);letter-spacing:.02em;line-height:1}
.splash-lockup h2 span{color:var(--orange)}
.splash-signal{width:min(320px,72vw);height:3px;margin:25px auto 0;overflow:hidden;background:#2a3139}
.splash-signal b{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--orange),#ffb04a,transparent);animation:splashSignal 1.25s ease-in-out infinite}
.splash-grid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.2;transform:rotate(-8deg) scale(1.4)}
.splash-grid i{display:block;width:clamp(34px,6vw,74px);aspect-ratio:1;border:2px solid #ff7a18;border-radius:14%;box-shadow:inset 0 0 24px rgba(255,122,24,.22),0 0 18px rgba(255,122,24,.12)}
@keyframes splashSignal{from{transform:translateX(-120%)}to{transform:translateX(320%)}}
@media(prefers-reduced-motion:reduce){.splash-signal b{animation:none;width:100%}}

/* BUILD 0009: approved Snake artwork and right-side Forge launch hierarchy */
.forge-splash{place-items:center;background:#050607}
.forge-splash:before{z-index:1;background:linear-gradient(90deg,rgba(5,6,7,.05) 0,rgba(5,6,7,.10) 44%,rgba(5,6,7,.78) 72%,rgba(5,6,7,.96) 100%),linear-gradient(180deg,rgba(5,6,7,.08),rgba(5,6,7,.55));box-shadow:inset 0 0 150px #000}
.splash-backdrop{position:absolute;inset:-2%;background:url('../presentation/forge-snake-hero-v2.png') center/cover no-repeat;filter:brightness(.72) saturate(.84) contrast(1.07);transform:scale(1.035);animation:splashDrift 4s ease-out forwards}
.splash-lockup{margin-left:min(48vw,760px);width:min(450px,42vw);animation:splashArrive .85s cubic-bezier(.2,.8,.2,1) both}
.splash-lockup h2{font-size:clamp(36px,5vw,70px)}
@keyframes splashArrive{from{opacity:0;transform:scale(.93) translateY(12px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes splashDrift{to{transform:scale(1)}}
@media(max-width:700px){.forge-splash:before{background:linear-gradient(180deg,rgba(5,6,7,.2),rgba(5,6,7,.82)),radial-gradient(circle at center,transparent,#050607aa)}.splash-backdrop{background-position:35% center;filter:brightness(.55) saturate(.8)}.splash-lockup{margin-left:0;width:min(460px,88vw)}}