:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06020a;color:#f8fff3}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#06020a}button{font:inherit}.stage{position:fixed;inset:0}.stage canvas{display:block;width:100%;height:100%}.hud-root{display:contents;pointer-events:none}.overlay-shell{position:fixed;inset:0;z-index:2;pointer-events:none}.hud-panel{border:1px solid rgba(197,255,214,.18);border-radius:13px;background:linear-gradient(145deg,#07090dd1,#100818ad);box-shadow:0 18px 50px #00000057;backdrop-filter:blur(16px) saturate(1.2);pointer-events:auto}.hud-panel--status{position:absolute;top:24px;left:26px;width:245px;padding:14px}.brand-lockup{display:flex;gap:10px;align-items:center}.brand-mark{width:34px;height:34px;border:1px solid rgba(116,255,145,.76);border-radius:9px;background:linear-gradient(90deg,transparent 45%,rgba(3,12,9,.7) 45% 55%,transparent 55%),linear-gradient(transparent 45%,rgba(3,12,9,.7) 45% 55%,transparent 55%),linear-gradient(135deg,#39f6ff,#74ff91 50%,#ffe866);box-shadow:0 0 24px #74ff9138}.eyebrow{margin:0 0 4px;color:#9ee4b2;font-size:9px;font-weight:820;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;color:#fff;font-size:22px;line-height:1;letter-spacing:-.035em}.status-strip{display:flex;gap:6px;margin-top:11px}.status-strip span,.hud-panel--evidence span{padding:5px 7px;border-radius:999px;background:#deffe612;color:#dff7e4;font-size:10px}.controls-strip{display:none}.hud-panel--score{position:absolute;top:24px;right:26px;width:285px;padding:7px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stat-grid article{min-width:0;padding:8px 7px;border-radius:9px;background:linear-gradient(180deg,#ddffe514,#ddffe505)}.stat-grid span,.piece-bay>span{display:block;color:#9bcbaa;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.stat-grid strong{display:block;margin-top:3px;overflow:hidden;color:#fff;font-size:17px;text-overflow:ellipsis}.reactor-meter{height:6px;margin-top:7px;overflow:hidden;border-radius:999px;background:#ffffff1a}.reactor-meter span{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39f6ff,#74ff91 48%,#ffe866 76%,#ff6c78);box-shadow:0 0 12px #74ff91}.reactor-meta{display:flex;justify-content:space-between;margin-top:5px;color:#b7d9c0;font-size:9px}.hud-panel--preview{position:absolute;top:142px;right:26px;width:126px;padding:10px}.piece-bay{display:grid;gap:6px}.piece-bay+.piece-bay{margin-top:12px}.mini-piece{display:grid;grid-template-columns:repeat(4,12px);grid-auto-rows:12px;gap:2px;min-height:54px}.next-queue{display:grid;gap:6px}.next-item{display:grid;place-items:start center;color:#dff4e5;font-size:9px}.next-item b{display:none}.mini-piece span{width:12px;height:12px;border-radius:3px;background:#ffffff0d}.mini-piece .is-filled{border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 5px #ffffff38}.piece-I{background:#39f6ff!important}.piece-J{background:#5c7dff!important}.piece-L{background:#ffc04f!important}.piece-O{background:#ffe866!important}.piece-S{background:#65ff88!important}.piece-T{background:#e279ff!important}.piece-Z{background:#ff6c78!important}.hud-panel--actions{position:absolute;bottom:24px;left:26px;display:grid;grid-template-columns:repeat(5,62px);gap:5px;width:auto;padding:7px}.hud-panel--actions button,.touch-root button{min-width:0;min-height:42px;padding:5px;border:1px solid rgba(207,255,220,.18);border-radius:9px;background:linear-gradient(180deg,#28412ed1,#0f1c15f0);color:#effff2;font-size:10px;font-weight:720;cursor:pointer;touch-action:none}.hud-panel--actions button:hover,.hud-panel--actions button:focus-visible,.touch-root button:hover,.touch-root button:focus-visible{border-color:#74ff91;background:linear-gradient(180deg,#347f47e6,#133a22f5);outline:none;box-shadow:0 0 16px #74ff912e}.hud-panel--evidence{position:absolute;right:26px;bottom:24px;display:flex;gap:6px;padding:7px}.hud-panel--evidence code{color:#9eeeb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.touch-root{display:none}@media(max-width:900px){.hud-panel--actions{grid-template-columns:repeat(5,52px)}.hud-panel--evidence{display:none}}@media(max-width:620px){.stage,.overlay-shell{bottom:126px}.hud-panel--status{top:8px;left:8px;width:174px;padding:8px 9px;border-radius:10px}.brand-mark{width:25px;height:25px;border-radius:7px}.eyebrow{font-size:7px;margin-bottom:2px}h1{font-size:15px}.status-strip{margin-top:5px;gap:4px}.status-strip span{padding:3px 5px;font-size:7px}.hud-panel--score{top:8px;right:8px;width:190px;padding:4px;border-radius:10px}.stat-grid{gap:3px}.stat-grid article{padding:5px 4px;border-radius:6px}.stat-grid span{font-size:6px;letter-spacing:0}.stat-grid strong{margin-top:1px;font-size:12px}.reactor-meter{height:4px;margin-top:4px}.reactor-meta{margin-top:2px;font-size:7px}.hud-panel--preview{top:86px;right:8px;width:78px;padding:6px;border-radius:9px}.piece-bay{gap:3px}.piece-bay+.piece-bay{margin-top:6px}.piece-bay>span{font-size:6px}.mini-piece{grid-template-columns:repeat(4,7px);grid-auto-rows:7px;gap:1px;min-height:31px}.mini-piece span{width:7px;height:7px;border-radius:2px}.next-queue{gap:2px}.next-item{gap:3px;font-size:6px}.next-item:nth-child(n+3){display:none}.hud-panel--actions,.hud-panel--evidence{display:none}.touch-root{position:fixed;inset:auto 0 0;z-index:4;display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:72px 40px;gap:5px 8px;height:126px;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid rgba(197,255,214,.16);background:linear-gradient(180deg,#08040df5,#030707fc);box-shadow:0 -18px 46px #00000057}.touch-cluster{display:grid;gap:5px}.touch-cluster--left{grid-template-columns:repeat(3,1fr)}.touch-cluster--right{grid-template-columns:repeat(4,1fr)}.touch-cluster--session{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.touch-root button{min-height:0;padding:3px;border-radius:8px;font-size:9px}}@media(max-width:370px){.hud-panel--status{width:154px}.hud-panel--score{width:166px}}