*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden;overscroll-behavior:none;background:#03020d;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{display:flex;justify-content:center;background:radial-gradient(circle at 50% 0,#1d1650 0,#08061b 36%,#03020d 78%);touch-action:manipulation}.shell{width:100%;max-width:1180px;min-height:100svh;padding:calc(env(safe-area-inset-top) + 10px) 10px calc(env(safe-area-inset-bottom) + 14px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px}.hud{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:2px solid #1546ff;border-radius:18px;background:linear-gradient(180deg,rgba(12,16,58,.9),rgba(4,5,24,.82));box-shadow:0 0 18px rgba(21,70,255,.44),inset 0 0 18px rgba(0,221,255,.12)}.brand{font-family:"Arial Black",Impact,sans-serif;letter-spacing:.08em;color:#ffe84a;text-shadow:2px 2px 0 #f14682,0 0 12px #ffed58;white-space:nowrap;font-size:clamp(14px,4vw,26px);display:flex;align-items:center;gap:8px}.brand-dot{width:18px;height:18px;border-radius:50%;background:#ffd319;clip-path:polygon(0 0,100% 50%,0 100%)}.stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;font-family:"Courier New",monospace;font-weight:800;color:#8ffbff;text-shadow:0 0 8px #19f4ff;font-size:clamp(11px,2.7vw,16px)}.stats b{color:#fff}.cabinet{min-height:0;display:grid;place-items:center;perspective:900px}.screen-frame{position:relative;width:min(100%,calc((100svh - 190px) * .905));max-width:680px;aspect-ratio:19/21;border-radius:24px;padding:10px;background:linear-gradient(145deg,#1a1a36,#04040d 45%,#222452);box-shadow:0 24px 60px rgba(0,0,0,.72),0 0 0 2px #3a38ff,0 0 32px rgba(0,83,255,.72),inset 0 0 24px rgba(255,255,255,.1);transform:rotateX(3deg);overflow:hidden}.screen-frame:before{content:"";position:absolute;inset:10px;border-radius:16px;pointer-events:none;background:linear-gradient(rgba(255,255,255,.08),transparent 18%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:screen;z-index:2}.screen-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,transparent 38%,rgba(0,0,0,.26) 78%);pointer-events:none;z-index:3}canvas{display:block;width:100%;height:100%;border-radius:16px;background:#03020d;image-rendering:pixelated;touch-action:none}.overlay{position:absolute;inset:10px;border-radius:16px;z-index:4;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;padding:20px;background:rgba(2,1,12,.62);backdrop-filter:blur(1px)}.overlay[hidden]{display:none!important}.marquee{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(34px,10vw,72px);line-height:.9;color:#ffd319;text-shadow:4px 4px 0 #ff3b7f,8px 8px 0 #184bff,0 0 24px rgba(255,211,25,.85)}.overlay p{max-width:430px;margin:0;color:#d9fbff;font-weight:700;text-shadow:0 0 10px #00eaff}.start,.ctrl{border:0;font:inherit;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff3b7f,#b9044f);box-shadow:0 6px 0 #64002a,0 0 22px rgba(255,59,127,.55);cursor:pointer}.start{border-radius:999px;padding:14px 34px;letter-spacing:.16em}.start:active,.ctrl:active{transform:translateY(4px);box-shadow:0 2px 0 #64002a,0 0 16px rgba(255,59,127,.7)}.controls{width:min(94vw,420px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,54px);gap:8px;touch-action:none}.ctrl{border-radius:16px;font-size:24px;background:linear-gradient(180deg,#173cff,#07199b);box-shadow:0 6px 0 #020853,0 0 18px rgba(36,94,255,.58);user-select:none;-webkit-user-select:none}.up{grid-column:2;grid-row:1}.left{grid-column:1;grid-row:2}.center{grid-column:2;grid-row:2;background:linear-gradient(180deg,#ffd319,#e28a00);color:#1a0b00;box-shadow:0 6px 0 #8c4c00,0 0 18px rgba(255,211,25,.55)}.right{grid-column:3;grid-row:2}.down{grid-column:2;grid-row:3}.hint{margin:0 auto;max-width:720px;color:#a9b3ff;text-align:center;font-size:12px;line-height:1.35}@media (min-width:800px){.shell{padding-inline:24px;gap:14px}.screen-frame{width:min(70svh,680px)}.controls{grid-template-rows:repeat(3,64px)}.hint{font-size:14px}}@media (max-height:700px){.hint{display:none}.controls{grid-template-rows:repeat(3,45px)}.shell{gap:7px}.hud{padding:7px 9px}.screen-frame{width:min(100%,calc((100svh - 152px) * .905))}}@media (prefers-reduced-motion:reduce){.screen-frame{transform:none}*{animation:none!important;transition:none!important}}