:root{--bg:#090b0e;--p1:#11151a;--p2:#181d23;--steel:#2a3139;--text:#f2f4f6;--muted:#9ca6b2;--orange:#ff7a18;--warm:#ff9a3c;--danger:#e05a4f;--success:#4fa66b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#app{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 15%,#25150c 0,#090b0e 42%)}.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #343b43;background:rgba(9,11,14,.94);z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:1.5px}.brand small{font-size:10px;color:var(--muted);margin-top:2px}.tools{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid #3c454f;border-radius:8px;background:var(--p2);font-weight:800;cursor:pointer}.icon-btn:hover{border-color:var(--orange)}.game-shell{width:min(100%,720px);height:calc(100% - 64px);margin:auto;display:flex;flex-direction:column}.hud{height:58px;flex:0 0 58px;display:grid;grid-template-columns:repeat(4,1fr);background:#0d1014;border-bottom:1px solid #303740;z-index:3}.hud div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #252b32}.hud div:last-child{border:0}.hud span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.hud strong{font-size:18px;font-variant-numeric:tabular-nums}.stage{position:relative;flex:1;min-height:0;background:#0b0d10;overflow:hidden;touch-action:none;user-select:none}canvas{position:absolute;width:100%;height:100%;display:block}.panel{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(86%,390px);padding:28px 24px;border:1px solid #48515b;border-top:3px solid var(--orange);border-radius:12px;text-align:center;background:rgba(17,21,26,.96);box-shadow:0 18px 70px #000,0 0 32px rgba(255,122,24,.12);backdrop-filter:blur(6px)}.panel h1{margin:12px 0 8px;font-size:38px;letter-spacing:3px}.panel h2{font-size:34px;margin:8px 0 12px}.panel p{line-height:1.45;color:#c1c8d0}.core-mark{width:58px;height:58px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5bf 0 8%,#ffb13b 18%,#ff6418 50%,#59180a 72%);box-shadow:0 0 24px #ff6b18,0 0 60px rgba(255,85,15,.6)}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:2px}.primary,.danger,.secondary{display:block;width:100%;min-height:52px;margin-top:12px;border-radius:8px;font-weight:900;letter-spacing:.7px;cursor:pointer}.primary{border:1px solid #ffb468;background:linear-gradient(#ff922f,#e65d00);color:#160b04}.danger{border:1px solid #ff887e;background:#782e29}.secondary{border:1px solid #4b5560;background:#222830}.controls{font-size:12px;margin:18px 0 0!important;color:var(--muted)!important}.hidden{display:none!important}.message{position:absolute;z-index:3;top:18%;left:50%;transform:translateX(-50%);padding:9px 18px;border:1px solid #ff9a3c;border-radius:999px;background:rgba(12,14,17,.9);font-weight:900;letter-spacing:1px;white-space:nowrap;animation:pop .8s ease both}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}25%{opacity:1;transform:translate(-50%,0) scale(1.04)}100%{opacity:0;transform:translate(-50%,-20px)}}@media(max-height:650px){.topbar{height:52px;flex-basis:52px}.brand img{width:32px;height:32px}.game-shell{height:calc(100% - 52px)}.hud{height:48px;flex-basis:48px}.panel{padding:18px}.panel h1{font-size:28px;margin:8px}.panel p{margin:8px}.primary,.danger,.secondary{min-height:44px;margin-top:8px}}@media(max-width:430px){.topbar{padding:6px 8px}.brand small{display:none}.brand strong{font-size:14px}.hud strong{font-size:16px}.panel{width:90%}}
/* BUILD 0021 · Forge launch presentation */
.forge-splash{position:fixed;z-index:100;inset:0;overflow:hidden;background:#050607;opacity:1;transition:opacity .65s ease}.forge-splash.splash-done{opacity:0;pointer-events:none}.splash-scene,.splash-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.splash-shade{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.18) 45%,rgba(0,0,0,.88) 72%,#050607)}.splash-brand{position:absolute;z-index:2;right:clamp(28px,8vw,140px);top:50%;width:min(410px,38vw);transform:translateY(-50%);text-align:right}.splash-brand>img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(255,122,24,.35))}.splash-brand h1{margin:14px 0 8px;font-size:clamp(46px,6.4vw,94px);line-height:.82;letter-spacing:-3px}.splash-brand h1 em{color:var(--orange);font-style:normal}.splash-brand p{font-weight:800;letter-spacing:4px;color:#b6bec6;font-size:12px}.splash-brand small{display:block;margin-top:12px;color:#89929a}.splash-loader{height:3px;margin:26px 0 0 auto;width:min(320px,100%);overflow:hidden;background:#2b3035}.splash-loader i{display:block;height:100%;background:linear-gradient(90deg,#a93f00,#ff7a18,#ffc067);animation:splashLoad 2s cubic-bezier(.2,.7,.2,1) both}@keyframes splashLoad{from{width:0}to{width:100%}}.original-badge{display:inline-block;padding:6px 9px;border:1px solid #ff9a3c;border-radius:4px;background:rgba(84,30,4,.86);color:#ffd2a6;font-size:10px;font-weight:900;letter-spacing:1.4px}.start-panel .original-badge{margin-bottom:5px}
@media(max-width:720px){.splash-shade{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.15) 44%,rgba(0,0,0,.92) 72%,#050607)}.splash-brand{left:24px;right:24px;top:auto;bottom:8%;width:auto;transform:none;text-align:left}.splash-brand>img{width:64px;height:64px}.splash-brand h1{font-size:52px;letter-spacing:-2px}.splash-loader{margin-left:0}.splash-brand p{letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.splash-loader i{animation-duration:.01s}.forge-splash{transition:none}}