: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--actions button.rotate-denied,.touch-root button.rotate-denied{border-color:#ff6b4a;background:linear-gradient(180deg,#7f3428eb,#3a130ef5);box-shadow:0 0 18px #ff6b4a73}.hud-panel--evidence{position:absolute;right:26px;bottom:24px;display:none;gap:6px;padding:7px}html[data-evidence-mode] .hud-panel--evidence{display:flex}.hud-panel--evidence code{color:#9eeeb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.touch-root{display:none}.quad-callout{position:absolute;top:45%;left:3.5%;display:grid;width:min(29vw,390px);transform:translateY(-50%) rotate(-5deg) scale(.72);transform-origin:50% 50%;opacity:0;filter:drop-shadow(0 16px 0 rgba(7,2,18,.58)) drop-shadow(0 0 28px rgba(255,232,102,.45));transition:opacity 90ms linear,transform .12s cubic-bezier(.2,.9,.2,1.1)}.quad-callout[data-active=true]{transform:translateY(-50%) rotate(-5deg) scale(1);opacity:1}.quad-callout span,.quad-callout em{justify-self:center;padding:5px 14px;border:2px solid #08121a;border-radius:999px;background:#65ff88;color:#07141a;font-size:clamp(10px,1.1vw,15px);font-style:normal;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.quad-callout strong{margin:-4px 0 -1px;color:#fff07a;font-size:clamp(58px,8.2vw,118px);font-weight:1000;letter-spacing:-.08em;line-height:.83;-webkit-text-stroke:clamp(3px,.45vw,7px) #151030;text-shadow:7px 7px 0 #ff5f86,13px 13px 0 #39ddea}.quad-callout em{background:#ff5f86;color:#fff}.event-ribbon,.arena-match-header,html[data-review-capture=blockfall] .hud-panel--actions,html[data-review-capture=blockfall] .hud-panel--evidence{display:none}html[data-review-capture=blockfall] .quad-callout{top:39%;left:24%;display:grid;width:270px;z-index:4;transform:translate(-50%,-50%) rotate(-3deg) scale(.76);filter:drop-shadow(0 13px 0 rgba(7,12,24,.72)) drop-shadow(0 0 32px rgba(255,224,92,.56))}html[data-review-capture=blockfall] .quad-callout[data-active=true]{transform:translate(-50%,-50%) rotate(-3deg) scale(1)}html[data-review-capture=blockfall] .quad-callout strong{font-size:64px;text-shadow:5px 5px 0 #ff5f86,9px 9px 0 #39ddea}html[data-review-capture=blockfall] .event-ribbon[data-active=true]{position:absolute;bottom:16px;display:grid;width:276px;padding:8px 14px 9px;border:2px solid #07141a;color:#fff;filter:drop-shadow(0 9px 0 rgba(4,11,19,.68));clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%)}html[data-review-capture=blockfall] .event-ribbon--mechanic{left:20px;background:linear-gradient(100deg,#074c68f5,#11a5bff0);border-color:#58edff}html[data-review-capture=blockfall] .event-ribbon--rival{right:20px;justify-items:end;background:linear-gradient(260deg,#681252f5,#e23d5ef0);border-color:#ff8db1;clip-path:polygon(6% 0,100% 0,100% 72%,94% 100%,0 100%,0 28%)}html[data-review-capture=blockfall] .event-ribbon span,html[data-review-capture=blockfall] .event-ribbon small{font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}html[data-review-capture=blockfall] .event-ribbon strong{margin:2px 0;color:#fff5c9;font-size:21px;font-weight:1000;letter-spacing:-.03em}html[data-review-capture=blockfall] .arena-match-header{position:absolute;top:0;left:50%;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:486px;height:34px;padding:0 18px;transform:translate(-50%);border-bottom:3px solid #39f6ff;background:linear-gradient(90deg,#07354a,#171328 45% 55%,#611c43);color:#dffcff;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}html[data-review-capture=blockfall] .arena-match-header strong{padding:4px 12px;color:#fff4a8;font-size:12px}html[data-review-capture=blockfall] .arena-match-header span:last-child{justify-self:end}html[data-review-capture=blockfall] .hud-panel--status{top:14px;left:14px;width:202px;padding:9px 10px;border:2px solid #58edff;border-radius:0;background:linear-gradient(110deg,#074c68f5,#081922f0);backdrop-filter:none;clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,0 100%)}html[data-review-capture=blockfall] .hud-panel--status .brand-mark{width:27px;height:27px;border-radius:7px}html[data-review-capture=blockfall] .hud-panel--status .eyebrow{margin-bottom:2px;color:#ffe06b;font-size:7px}html[data-review-capture=blockfall] .hud-panel--status h1{font-size:18px}html[data-review-capture=blockfall] .hud-panel--status .status-strip{display:none}html[data-review-capture=blockfall] .hud-panel--score{top:14px;right:14px;width:274px;border:2px solid #ff8db1;border-radius:0;background:linear-gradient(250deg,#681252f5,#16131ef2);backdrop-filter:none;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 30%)}html[data-review-capture=blockfall] .hud-panel--preview{top:152px;right:auto;left:calc(50% + 242px);width:78px;padding:7px;border:2px solid #ffcf5b;border-radius:0;background:linear-gradient(180deg,#0b212af5,#2a1225f0);backdrop-filter:none;clip-path:polygon(0 0,82% 0,100% 8%,100% 92%,82% 100%,0 100%)}html[data-review-capture=blockfall] .hud-panel--preview .mini-piece{grid-template-columns:repeat(4,7px);grid-auto-rows:7px;gap:1px;min-height:31px}html[data-review-capture=blockfall] .hud-panel--preview .mini-piece span{width:7px;height:7px;border-radius:2px}@media(max-width:900px){.hud-panel--actions{grid-template-columns:repeat(5,52px)}.hud-panel--evidence{display:none}}@media(max-width:620px){:root{--bf-touch-bar: 135px}.stage,.overlay-shell{bottom:var(--bf-touch-bar)}.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 44px;gap:5px 8px;height:var(--bf-touch-bar);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:44px;padding:3px;border-radius:8px;font-size:9px}}@media(max-width:370px){.hud-panel--status{width:154px}.hud-panel--score{width:166px}}.attract-card{position:fixed;left:50%;top:18%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem 2.2rem;border-radius:14px;background:#0a0410b8;border:1px solid rgba(228,121,255,.32);color:#f5ecff;text-align:center;pointer-events:none;z-index:30;backdrop-filter:blur(3px)}.attract-eyebrow{margin:0;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:#8ff7ff}.attract-title{margin:0;font-size:clamp(1.6rem,4.6vw,2.6rem);letter-spacing:.08em;text-shadow:0 0 22px rgba(226,121,255,.55)}.attract-subtitle{margin:0;font-size:.82rem;color:#c9b7dd}