:root{--orange:#ffad42;--red:#ff536d;--cyan:#5ee7ff;--cream:#fff1c9;--ink:#070708}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:#080604;color:#fff7e5;font-family:Inter,system-ui,sans-serif}button{font:inherit}#cabinet{height:calc(100dvh - var(--ah-shell-height,68px));padding:10px 14px 14px}#hud{position:relative;z-index:4;display:grid;grid-template-columns:minmax(145px,1.2fr) repeat(5,auto) repeat(2,minmax(90px,.7fr));align-items:center;gap:12px;min-height:58px;padding:8px 12px;border:1px solid #ffad424f;border-radius:13px 13px 4px 4px;background:linear-gradient(#23150b,#110b07);box-shadow:0 14px 35px #0009}#hud small{display:block;color:#aa8261;font-size:.47rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}#hud strong{font-size:.83rem}.identity strong{color:#ffd89a}.meter span{display:block;height:5px;margin-top:4px;overflow:hidden;border-radius:8px;background:#35261c}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--orange),var(--red))}#routeBar{background:linear-gradient(90deg,var(--cyan),var(--orange))}#hud>button{display:none}#stage{position:relative;height:calc(100% - 66px);overflow:hidden;border:1px solid #ffad4238;border-radius:4px 4px 15px 15px;background:#080604;box-shadow:inset 0 0 100px #000}canvas{display:block;width:100%;height:100%;touch-action:none}#callout{position:absolute;left:50%;top:14%;padding:9px 17px;border:1px solid #ffad4255;border-radius:999px;background:#170e08e8;color:#ffd79b;font-size:.62rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);transition:.25s}#callout.show{opacity:1;transform:translate(-50%,0)}#intro,#between{position:fixed;z-index:20;inset:var(--ah-shell-height,68px) 0 0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 45%,#44200b55,transparent 42%),#080604d9;backdrop-filter:blur(5px)}#intro[hidden],#between[hidden]{display:none}.panel{width:min(610px,92vw);padding:32px;border:1px solid #ffad424a;border-radius:24px;background:linear-gradient(145deg,#211207f4,#090706f7);box-shadow:0 30px 100px #000,0 0 70px #ff751218;text-align:center}.panel>p{margin:0;color:#ffb85d;font-size:.62rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.panel h1{margin:10px 0 0;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.86;letter-spacing:-.07em;text-transform:uppercase}.panel h2{margin:9px 0;color:var(--cyan);font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:.42em;text-transform:uppercase}.badge{display:grid;place-items:center;width:76px;height:76px;margin:20px auto;border:3px solid var(--orange);transform:rotate(45deg);color:var(--cream);font-size:1.2rem;font-weight:1000;box-shadow:0 0 30px #ff8f2744}.badge::first-line{transform:rotate(-45deg)}.brief{max-width:500px;margin:18px auto!important;color:#cfc3b3!important;font-size:1rem!important;font-weight:500!important;line-height:1.65!important;letter-spacing:0!important;text-transform:none!important}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0}.controls span{padding:8px 11px;border:1px solid #ffffff15;border-radius:8px;background:#fff5;font-size:.7rem}.controls b{color:var(--orange)}.panel button{min-width:190px;padding:13px 20px;border:0;border-radius:999px;background:linear-gradient(110deg,var(--orange),var(--red));color:#170b03;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px #ff5b2833}#touch{display:none}@media(max-width:720px){#cabinet{padding:6px;height:calc(100dvh - var(--ah-shell-height,82px))}#hud{grid-template-columns:1.4fr repeat(3,auto);gap:5px;min-height:49px;padding:6px}#hud>div:nth-of-type(3),#hud>div:nth-of-type(6),#hud .meter{display:none}#stage{height:calc(100% - 55px)}#touch{pointer-events:none;display:flex;position:absolute;inset:auto 10px 10px;justify-content:space-between;align-items:end;color:#d7c4ad;font-size:.56rem;font-weight:900;text-transform:uppercase}#touch button{width:54px;height:54px;border:1px solid #ffad4266;border-radius:50%;background:#1e1009bb;color:#ffdca7;font-size:.56rem;font-weight:900}.panel{padding:24px 18px}.panel h1{font-size:2.65rem}.brief{font-size:.86rem!important}.controls{gap:4px}.controls span{padding:6px;font-size:.57rem}}