*{box-sizing:border-box}:root{--ink: #f1f3f6;--dim: #9aa1ab;--line: rgba(255, 255, 255, .1);--glass: rgba(14, 17, 22, .62);--accent: #33e0a1;--warn: #e0a233;--bad: #ff5a5a;--mono: "Space Mono", ui-monospace, monospace;--sans: "Space Grotesk", system-ui, sans-serif}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono{font-family:var(--mono)}.app{position:fixed;top:0;right:0;bottom:0;left:0}.scene{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;display:flex;flex-direction:column;padding:14px;gap:12px}.hud button,.hud .glass{pointer-events:auto}.hud button{font-family:var(--sans)}.glass{background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.brand{display:flex;align-items:center;gap:11px}.brand-bot{width:32px;height:32px;border-radius:10px;background:var(--c);border:2px solid rgba(0,0,0,.3);box-shadow:0 0 16px color-mix(in srgb,var(--c) 60%,transparent);display:flex;align-items:center;justify-content:center;gap:4px}.brand-bot i{width:5px;height:5px;border-radius:50%;background:#eafff6;box-shadow:0 0 0 3px #0000008c}.brand-name{font-weight:700;font-size:17px;letter-spacing:.16em;line-height:1}.brand-sub{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--dim);margin-top:4px}.phase-pill{display:flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--accent);white-space:nowrap}.phase-pill .mono{color:var(--ink);font-size:11px;font-weight:700}.phase-pill .sep{width:4px;height:4px;border-radius:50%;background:var(--dim)}.phase-pill .phase-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:rbPulse 1.4s infinite}.phase-pill.busy{color:var(--warn)}.phase-pill.over{color:var(--dim)}.phase-pill .step{color:var(--warn)}.top-actions{display:flex;align-items:center;gap:8px}.seg{display:flex;padding:3px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line)}.seg button{border:0;background:transparent;color:var(--dim);font-size:12px;font-weight:600;padding:6px 11px;border-radius:7px;cursor:pointer}.seg button.on{background:#33e0a129;color:var(--accent)}.icon-btn,.ghost-btn{height:34px;padding:0 12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);color:var(--dim);font-size:12px;font-weight:600;cursor:pointer}.ghost-btn:hover:not(:disabled),.icon-btn:hover{color:var(--ink);border-color:#ffffff38}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn.tall{height:52px;padding:0 18px;font-size:13px;color:var(--ink)}.hud-mid{flex:1;min-height:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.roster{width:260px;display:flex;flex-direction:column;gap:8px}.roster-head{font-size:11px;color:var(--dim);padding:0 4px;pointer-events:auto}.pcard{padding:10px 12px;display:flex;flex-direction:column;gap:7px;transition:border-color .2s,box-shadow .2s,opacity .2s}.pcard.me{border-color:color-mix(in srgb,var(--c) 55%,transparent)}.pcard.active{box-shadow:0 0 0 1px var(--c),0 0 26px color-mix(in srgb,var(--c) 45%,transparent)}.pcard.dead{opacity:.5}.pcard-row{display:flex;align-items:center;gap:8px}.pdot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);flex:none}.pname{font-weight:700;font-size:14px}.ptag{font-size:10px;color:var(--dim)}.pstatus{margin-left:auto;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:#ffffff12;color:var(--dim)}.pstatus.you,.pstatus.ready{background:#33e0a129;color:var(--accent)}.pstatus.busy{background:#e0a2332e;color:var(--warn)}.pstatus.dead{background:#ff5a5a29;color:#ff7a7a}.hull{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.hull-fill{height:100%;border-radius:999px;background:var(--c);transition:width .4s ease;box-shadow:0 0 10px var(--c)}.stats{font-size:10px;color:var(--dim);gap:10px}.pcores{display:flex;gap:3px;margin-left:auto}.pcores i{width:9px;height:9px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.25);border-radius:2px}.pcores i.on{background:var(--c);border-color:var(--c);box-shadow:0 0 8px var(--c)}.badge{font-size:9px;padding:1px 5px;border-radius:4px;font-weight:700}.badge.shield{background:#b06bff40;color:#d4b3ff}.badge.crit{background:#ffe45c33;color:#ffe45c}.badge.seeker{background:#ff5a3638;color:#ff9a7a}.log{width:300px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;font-size:12px}.log-head{font-size:10px;letter-spacing:.16em;color:var(--dim);margin-bottom:2px}.log-line{color:#c9ced6;line-height:1.3;animation:rbIn .25s ease}.log-line .mono{font-size:10px;margin-right:7px;font-weight:700}.callout{position:absolute;left:50%;top:24%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:10px 20px;border-radius:12px;background:#080a0dd1;border:1px solid var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 35%,transparent);white-space:nowrap;animation:rbToast 1.9s ease forwards;pointer-events:none}.callout-tag{font-family:var(--mono);font-weight:700;color:var(--c);font-size:13px;letter-spacing:.06em}.callout-text{font-size:14px;font-weight:600}.dock{display:flex;align-items:flex-end;gap:14px}.energy{width:220px;padding:11px 14px;display:flex;flex-direction:column;gap:8px;flex:none}.energy-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--dim)}.energy-head b{color:var(--ink)}.energy-bar{display:flex;gap:4px}.energy-bar i{flex:1;height:9px;border-radius:3px;background:#ffffff1a;transition:background .2s,box-shadow .2s}.energy-bar i.on{background:var(--accent);box-shadow:0 0 8px #33e0a199}.hand{flex:1;min-width:0;display:flex;justify-content:center;align-items:flex-end;gap:8px;padding-top:24px}.hand-empty{pointer-events:auto;color:var(--dim);font-size:13px;padding:20px 28px;border:1.5px dashed rgba(255,255,255,.18);border-radius:12px;background:#0000004d}.rb-card{--accent-c: #7aa2ff;position:relative;width:92px;aspect-ratio:3 / 4;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:12px;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,#282d35eb,#181b20eb);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--accent-c);box-shadow:0 8px 22px #00000080,inset 0 1px #ffffff0f;transform:translateY(var(--lift)) rotate(var(--rot));transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s,opacity .18s,border-color .18s}.rb-card.cat-move{--accent-c: #6f8dff}.rb-card.cat-rotate{--accent-c: #f0b43c}.rb-card.cat-weapon{--accent-c: #ff6b57}.rb-card.cat-power{--accent-c: #c07bff}.rb-card.cat-ordnance{--accent-c: #ff4f7a}.rb-card:hover:not(:disabled){transform:translateY(calc(var(--lift) - 10px)) rotate(var(--rot)) scale(1.04)}.rb-card.queued{transform:translateY(calc(var(--lift) - 22px)) rotate(0);border-color:var(--accent);border-top-color:var(--accent-c);background:linear-gradient(180deg,#1e3e34f2,#12241ef2);box-shadow:0 0 0 1px #33e0a180,0 12px 28px #0000008c,0 0 22px #33e0a140}.rb-card.queued:hover:not(:disabled){transform:translateY(calc(var(--lift) - 26px))}.rb-card.active{box-shadow:0 0 0 2px #7af0c4,0 0 34px #33e0a1b3}.rb-card.poor:not(.queued){opacity:.4}.hand.frozen .rb-card:not(.queued){opacity:.45}.rb-card:disabled{cursor:default}.card-dial{display:flex;gap:3px;margin-top:3px}.card-dial .pip{font-size:10px;line-height:1;padding:3px 4px;border-radius:5px;cursor:pointer;border:1px solid rgba(255,255,255,.28);color:#fffc}.card-dial .pip.on{background:var(--accent-c);border-color:transparent;color:#140806;font-weight:700}.card-dial .pip.poor:not(.on){opacity:.35}.hand.frozen .card-dial .pip{cursor:default}.card-cost{position:absolute;top:6px;left:7px;font-size:11px;font-weight:700;color:var(--accent-c)}.card-step{position:absolute;top:-9px;right:-7px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#06281a;font-size:12px;font-weight:700;box-shadow:0 0 12px #33e0a1b3}.card-glyph{font-size:34px;line-height:1;color:var(--accent-c);text-shadow:0 0 14px color-mix(in srgb,var(--accent-c) 60%,transparent)}.card-name{font-size:12px;font-weight:700;text-align:center;line-height:1.05}.card-cat{font-size:8px;letter-spacing:.14em;color:var(--dim)}.actions{display:flex;gap:10px;flex:none}.primary{min-width:190px;height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--accent);color:#06281a;font-size:16px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 18px #33e0a173;transition:filter .15s,transform .08s,box-shadow .15s}.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 24px #33e0a1a6}.primary:disabled{background:#2a2f36;color:#6f757e;box-shadow:none;cursor:not-allowed}.primary.armed,.primary.armed:disabled{background:#e5484d;color:#ffe3e7;text-shadow:0 0 12px rgba(255,120,135,.95);cursor:default;animation:rbAlarm 1.1s ease-in-out infinite alternate}.summary{position:absolute;left:50%;top:84px;transform:translate(-50%);width:380px;max-width:calc(100% - 28px);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.kicker{font-size:11px;letter-spacing:.18em;color:var(--accent)}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:#0000004d;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.stat .mono{font-size:9px;color:var(--dim);letter-spacing:.12em}.stat b{font-size:20px;display:block;margin-top:2px}.summary .primary{width:100%}.modal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#05070a33,#05070aa6);pointer-events:auto}.modal{width:440px;max-width:100%;padding:24px;display:flex;flex-direction:column;gap:12px}.modal.center{text-align:center;align-items:center}.modal h1{font-size:36px;margin:4px 0}.modal h2{font-size:24px;margin:0}.modal p{color:#b7bec8;font-size:13px;line-height:1.55;margin:0}.modal .primary{flex:1}.modal-actions{display:flex;gap:10px;margin-top:4px}.modal.center .primary{width:100%}.you-won{color:var(--accent)!important;font-weight:600;font-size:15px!important}.hint{font-size:10px;color:#6f757e;letter-spacing:.04em}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seat{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px dashed rgba(255,255,255,.14);color:#6f757e;font-size:13px;font-weight:600}.seat .pdot{opacity:.25;box-shadow:none}.seat.taken{border-style:solid;color:var(--ink);background:#ffffff0a}.seat.taken .pdot{opacity:1;box-shadow:0 0 10px var(--c)}.seat.me{border-color:var(--c)}.seat{position:relative}.seat-x,.seat-add{margin-left:auto;border:1px solid var(--line);background:#ffffff0f;color:var(--dim);border-radius:6px;font-size:11px;font-weight:700;padding:2px 7px;cursor:pointer}.seat-add:hover,.seat-x:hover{color:var(--ink);border-color:#ffffff4d}.kicker.dim{color:var(--dim);margin-bottom:6px}.map-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.map-pick{flex:none;width:88px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:var(--dim);cursor:pointer}.map-pick.on{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px #33e0a166}.map-pick:disabled{cursor:default}.minimap{width:74px;height:74px;border-radius:6px;display:block}.map-name{font-size:11px;font-weight:700;text-align:center;line-height:1.1}.map-blurb{font-size:12px!important;margin-top:6px!important;min-height:2.6em}.bot-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:6px;white-space:nowrap;background:#05070ab8;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);display:flex;gap:5px;align-items:center;-webkit-user-select:none;user-select:none}.bot-tag.me{background:var(--c);color:#05070a}.bot-tag-lock{color:var(--accent)}.bot-tag.me .bot-tag-lock{color:#05070a}.core-tag{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--c);padding:1px 5px;border-radius:5px;background:#05070a99;-webkit-user-select:none;user-select:none}.core-tag.mine{opacity:.5;filter:saturate(.4)}.fx-popup{font-family:var(--mono);font-weight:700;font-size:22px;white-space:nowrap;-webkit-user-select:none;user-select:none;text-shadow:0 0 12px currentColor,0 2px 4px #000;animation:rbRise 1.1s ease-out forwards}@keyframes rbPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes rbIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes rbToast{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}10%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes rbRise{0%{opacity:0;transform:translateY(8px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.15)}30%{transform:scale(1)}to{opacity:0;transform:translateY(-34px)}}@keyframes rbPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:rbPop .25s ease}.summary.pop{animation:rbPopX .25s ease}@keyframes rbPopX{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes rbAlarm{0%{box-shadow:0 0 14px #e5484d80,inset 0 0 10px #ff96a038}to{box-shadow:0 0 34px #e5484df2,inset 0 0 22px #ff96a099}}@media(max-width:1240px)and (min-width:901px){.dock{flex-wrap:wrap;justify-content:space-between;row-gap:10px}.hand{order:-1;flex-basis:100%}.rb-card{width:clamp(70px,8.4vw,92px)}.roster{width:230px}.log{width:250px}.summary{top:auto;bottom:230px}}@media(max-width:900px){.hud{padding:8px;gap:8px}.topbar{padding:6px 8px}.brand-sub,.brand-bot{display:none}.brand-name{font-size:14px}.phase-pill{padding:5px 10px;font-size:11px;gap:6px}.phase-pill .mono:first-child,.phase-pill .sep{display:none}.seg button{padding:5px 7px;font-size:11px}.top-actions .reset-btn{display:none}.top-actions .leave-btn{height:30px;padding:0 10px;font-size:12px}.icon-btn{height:30px;padding:0 8px}.hud-mid{flex-direction:column}.roster{width:100%;flex-direction:row;gap:6px;overflow-x:auto}.roster-head,.log{display:none}.pcard{flex:1;min-width:118px;padding:7px 8px;gap:5px}.pcard .ptag,.pcard .pstatus,.stats span:not(.pcores){display:none}.pname{font-size:12px}.dock{flex-wrap:wrap;gap:8px}.energy{order:1;flex:1;width:auto;padding:8px 10px}.actions{order:2}.ghost-btn.tall{height:44px;padding:0 12px}.primary{min-width:124px;height:44px;font-size:14px}.hand{order:3;flex-basis:100%;gap:5px;padding-top:16px}.rb-card{width:auto;flex:1 1 0;min-width:0;max-width:72px;transform:none;padding:4px 2px;gap:2px;border-radius:9px}.card-dial{gap:1px}.card-dial .pip{font-size:9px;padding:3px 2px}.rb-card:hover:not(:disabled){transform:none}.rb-card.queued,.rb-card.queued:hover:not(:disabled){transform:translateY(-10px)}.card-glyph{font-size:22px}.card-name{font-size:9px}.card-cat{display:none}.card-cost{top:3px;left:4px;font-size:9px}.card-step{min-width:17px;height:17px;font-size:10px;top:-7px;right:-4px}.summary{top:auto;bottom:190px}.summary-stats .stat b{font-size:16px}.callout{top:110px;max-width:calc(100% - 20px);white-space:normal}}.card-pr{position:absolute;top:6px;right:7px;font-size:10px;font-weight:700;color:#c9ced6;padding:1px 4px;border-radius:5px;background:#ffffff14;letter-spacing:.02em}.card-step{right:auto;left:50%;transform:translate(-50%);top:-11px}.phase-pill .dim-num{color:var(--dim);font-weight:500}.phase-pill .goal{color:#ffd86b;cursor:help}.log-round{font-size:9px;letter-spacing:.16em;color:#6f757e;margin-top:3px;border-top:1px solid rgba(255,255,255,.06);padding-top:4px}.log-line{display:flex;gap:0;align-items:baseline}.log-line .log-step{flex:none;width:20px;color:#6f757e;font-weight:500;margin-right:4px}.log-line .mono:not(.log-step){flex:none}.map-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));overflow:visible}.map-pick{min-width:0;width:auto}.map-pick .minimap{width:100%;height:auto;aspect-ratio:1}.turn-help{font-size:12px;color:#b7bec8;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#ffffff08}.turn-help summary{cursor:pointer;font-weight:700;color:var(--ink)}.turn-help ol{margin:8px 0 2px;padding-left:18px;display:flex;flex-direction:column;gap:5px;line-height:1.45}.pr-bands{display:flex;flex-direction:column;gap:3px;margin-top:5px}.pr-band b{display:inline-block;min-width:34px;color:var(--accent)}.modal-wrap{overflow-y:auto;align-items:safe center}@media(max-width:900px){.card-pr{top:3px;right:3px;font-size:8px;padding:0 2px}.card-step{top:-8px;right:auto}.phase-pill .goal-sep{display:none}}.summary{width:auto;flex-direction:row;align-items:center;gap:14px;padding:8px 12px 8px 16px}.summary .kicker{white-space:nowrap}.summary-stats{display:flex;gap:6px}.summary .stat{padding:4px 10px;min-width:64px}.summary .stat b{font-size:16px}.rb-card.active,.rb-card.active:disabled{transform:translateY(calc(var(--lift) - 38px)) scale(1.1);z-index:2;opacity:1;border-color:#eafff6;box-shadow:0 0 0 2px #7af0c4,0 0 40px #33e0a1d9;animation:rbActive .6s ease-in-out infinite alternate}@keyframes rbActive{to{box-shadow:0 0 0 3px #b8ffe4,0 0 56px #33e0a1}}@media(max-width:900px){.summary{flex-wrap:wrap;justify-content:center;gap:6px}.summary .stat{min-width:0;padding:3px 7px}.rb-card.active,.rb-card.active:disabled{transform:translateY(-18px) scale(1.06)}}.rocket-warn{position:absolute;left:50%;top:84px;transform:translate(-50%);max-width:min(560px,calc(100% - 28px));padding:8px 14px;font-size:12px;color:#d9dee6;text-align:center;border-color:#ff9a3a73}.rocket-warn b{font-family:var(--mono);letter-spacing:.12em;color:#ff9a3a;margin-right:6px}.rocket-warn.danger{border-color:#f34;box-shadow:0 0 24px #ff334459;animation:rbWarn 1s ease-in-out infinite alternate}@keyframes rbWarn{to{box-shadow:0 0 36px #ff3344b3}}.rocket-warn.danger b{color:#ff5a6a}@media(max-width:900px){.rocket-warn{top:128px;font-size:11px}}@media(max-width:520px){.phase-pill .goal{display:none}}@media(max-width:520px){.topbar{gap:6px}.brand{display:none}.phase-pill{min-width:0;white-space:nowrap}.top-actions{gap:5px;margin-left:auto}.seg button{padding:5px 6px}.card-pr{top:auto;bottom:3px;right:50%;transform:translate(50%)}.map-list{grid-template-columns:repeat(4,1fr);gap:6px}.map-pick{padding:4px}.map-name{font-size:10px}}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:48px;padding:24px;background:radial-gradient(ellipse at 30% 50%,#05070a40,#05070ac7 70%)}.landing-hero{width:420px;max-width:100%;display:flex;flex-direction:column;gap:16px}.landing-logo{display:flex;align-items:center;gap:16px}.landing-logo h1{margin:0;font-size:56px;letter-spacing:.14em;line-height:1;font-weight:700;background:linear-gradient(180deg,#fff,#9fe9d2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(51,224,161,.25)}.brand-bot.big{flex:none;width:58px;height:58px;border-radius:16px;gap:7px;animation:rbBob 2.6s ease-in-out infinite}.brand-bot.big i{width:9px;height:9px;box-shadow:0 0 0 5px #0000008c}@keyframes rbBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.landing-tag{margin:0;color:#c3cad3;font-size:16px;line-height:1.5}.landing-nick{display:flex;flex-direction:column;gap:6px}.landing-nick .mono{font-size:10px;letter-spacing:.18em;color:var(--dim)}.landing input{height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#00000073;color:var(--ink);font:600 15px var(--sans);outline:none}.landing input:focus{border-color:#33e0a199;box-shadow:0 0 0 3px #33e0a126}.landing-actions{display:flex;flex-direction:column;gap:10px}.landing-actions .primary{width:100%;height:58px;font-size:18px}.landing-row{display:flex;gap:10px}.landing-row .ghost-btn{flex:1}.landing-code{display:flex;gap:8px}.landing-code input{flex:1;height:38px;font-size:13px}.landing-code .ghost-btn{height:38px}.landing-rooms{width:440px;max-width:100%;max-height:min(560px,80vh);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.rooms-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 6px}.rooms-live{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);font-family:var(--mono)}.rooms-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:rbPulse 1.4s infinite}.rooms-empty{color:var(--dim);font-size:13px;line-height:1.6;text-align:center;padding:28px 10px;border:1.5px dashed rgba(255,255,255,.12);border-radius:12px}.room{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);animation:rbIn .3s ease}.room.busy{opacity:.7}.room-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.room-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-sub{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-seats{display:flex;gap:4px}.room-seats i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.room-seats i.on{background:var(--c);border-color:var(--c);box-shadow:0 0 8px var(--c)}.primary.small{min-width:0;height:34px;padding:0 14px;font-size:13px}@media(max-width:900px){.landing{flex-direction:column;justify-content:flex-start;gap:18px;overflow-y:auto;padding:20px 16px}.landing-logo h1{font-size:40px}.brand-bot.big{width:44px;height:44px}.landing-rooms{max-height:none}}.holo{position:relative;width:0;height:0;font-family:var(--sans);-webkit-user-select:none;user-select:none}.holo>*{position:absolute;bottom:0;left:0}.holo .mono{font-family:var(--mono)}.holo-card,.holo-mini{--accent-c: #7aa2ff}.holo-card.cat-move,.holo-mini.cat-move{--accent-c: #6f8dff}.holo-card.cat-rotate,.holo-mini.cat-rotate{--accent-c: #f0b43c}.holo-card.cat-weapon,.holo-mini.cat-weapon{--accent-c: #ff6b57}.holo-card.cat-power,.holo-mini.cat-power{--accent-c: #c07bff}.holo-card.cat-ordnance,.holo-mini.cat-ordnance{--accent-c: #ff4f7a}.holo-fan{width:0;height:0}.holo-slot{position:absolute;bottom:0;left:0;perspective:220px;animation:holoFan 1.5s cubic-bezier(.3,1.2,.4,1) both;animation-delay:calc(var(--k) * 40ms)}@keyframes holoFan{0%{opacity:0;transform:translate(-50%,10px) scale(.35)}16%{opacity:1;transform:translate(calc(-50% + var(--x)),var(--y)) rotate(var(--r)) scale(1)}74%{opacity:1;transform:translate(calc(-50% + var(--x)),var(--y)) rotate(var(--r)) scale(1)}to{opacity:.85;transform:translate(calc(-50% + 30px)) rotate(0) scale(.62)}}.holo-mini{position:relative;width:24px;height:32px;transform-style:preserve-3d}.holo-mini.flip{animation:holoFlip .34s cubic-bezier(.4,1.5,.5,1) both;animation-delay:calc(.24s + var(--i) * .11s + var(--k) * 40ms)}@keyframes holoFlip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.holo-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.holo-face.front{background:linear-gradient(180deg,#282d35f0,#14171cf0);border:1px solid rgba(255,255,255,.18);border-top:2px solid var(--accent-c);box-shadow:0 0 10px color-mix(in srgb,var(--accent-c) 55%,transparent);color:var(--ink);font-size:14px;line-height:1}.holo-face.back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--c) 30%,#0b0e12) 0,color-mix(in srgb,var(--c) 30%,#0b0e12) 3px,#0b0e12 3px,#0b0e12 6px);border:1px solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--c) 45%,transparent)}.holo-stack{transform:translate(30px);width:18px;height:24px;animation:holoIn .25s ease-out both}.holo-stack i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;transform:translate(calc(var(--i) * 2px),calc(var(--i) * -2px));background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--c) 30%,#0b0e12) 0,color-mix(in srgb,var(--c) 30%,#0b0e12) 3px,#0b0e12 3px,#0b0e12 6px);border:1px solid color-mix(in srgb,var(--c) 65%,transparent)}.holo-stack b{position:absolute;right:-9px;bottom:-5px;font-size:9px;color:#05070a;background:var(--c);border-radius:6px;padding:0 3px;line-height:12px}@keyframes holoIn{0%{opacity:0}}.holo-card{transform:translate(-50%);transform-origin:50% 100%;width:62px;height:80px;border-radius:9px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(180deg,#282d35e6,#14171ce6);border:1px solid rgba(255,255,255,.2);border-top:3px solid var(--accent-c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 0 16px color-mix(in srgb,var(--accent-c) 45%,transparent);transition:opacity .3s,filter .3s,box-shadow .3s}.holo-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9px;pointer-events:none;opacity:0}.holo-glyph{font-size:21px;line-height:1}.holo-mini .holo-glyph{font-size:15px}.holo-name{font-size:7.5px;font-weight:700;letter-spacing:.04em;color:var(--dim);white-space:nowrap}.holo-step{position:absolute;top:-7px;left:-7px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;background:var(--c);color:#05070a}.holo-card.live{animation:holoRise .42s cubic-bezier(.3,1.5,.5,1) both}@keyframes holoRise{0%{opacity:.4;transform:translate(calc(-50% + 30px),4px) scale(.42);filter:brightness(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.holo-card.live.wait{opacity:.9}.holo-card.live.now{animation:holoRise .42s cubic-bezier(.3,1.5,.5,1) both,holoFlare .7s ease-out;border-color:#fff;border-top-color:var(--accent-c);box-shadow:0 0 0 2px var(--accent-c),0 0 26px var(--accent-c),0 0 48px color-mix(in srgb,var(--accent-c) 60%,transparent)}.holo-card.live.now:after{animation:holoRing .6s ease-out;border:2px solid var(--accent-c)}@keyframes holoFlare{0%{filter:brightness(2.4) saturate(1.4)}to{filter:brightness(1)}}@keyframes holoRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.holo-card.live.now.fx-fire,.holo-card.live.now.fx-rocket{background:linear-gradient(180deg,#781814f2,#280a0af2)}.holo-card.live.now.fx-fire:after,.holo-card.live.now.fx-rocket:after{animation:holoRing .45s ease-out 2}.holo-card.live.now.fx-shield:after{animation:holoRipple .8s ease-out;border:2px solid #c07bff;border-radius:50%}@keyframes holoRipple{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.6)}}.holo-card.live.now.cat-move .holo-glyph{animation:holoNudge .4s ease-in-out 2 alternate}@keyframes holoNudge{to{transform:translateY(-4px)}}.holo-card.live.now.cat-rotate .holo-glyph{animation:holoSpin .45s ease-in-out}@keyframes holoSpin{0%{transform:rotate(-90deg)}}.holo-card.live.done{opacity:.6;filter:saturate(.55);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}.holo-card.gone{animation:holoGone .55s ease-in forwards}@keyframes holoGone{0%{opacity:.7;transform:translate(-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-50%,-22px) scale(1.18);filter:blur(6px)}}.holo-none{transform:translate(-50%);font-size:11px;color:var(--dim);padding:0 5px;border-radius:5px;background:#05070a8c;animation:holoIn .3s ease-out both}.phase-track{display:inline-flex;gap:3px;align-items:center}.phase-track i{width:14px;height:5px;border-radius:3px;background:#ffffff24;transition:background .2s,box-shadow .2s,transform .2s}.phase-track i.done{background:color-mix(in srgb,var(--accent-c) 40%,transparent)}.phase-track i.now{background:var(--accent-c);box-shadow:0 0 8px var(--accent-c);transform:scaleY(1.5)}.phase-track i.cat-move{--accent-c: #6f8dff}.phase-track i.cat-rotate{--accent-c: #f0b43c}.phase-track i.cat-weapon{--accent-c: #ff6b57}.phase-track i.cat-power{--accent-c: #c07bff}.phase-track i.cat-ordnance{--accent-c: #ff4f7a;width:8px}.phase-pill .phase-name{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ph, var(--warn))}.rb-card.active.wait{animation:none;box-shadow:0 0 0 2px #7af0c48c,0 0 18px #33e0a159}.rb-card.active.done{animation:none;opacity:.7;box-shadow:0 0 0 1px #7af0c466}.rb-card.active.now{box-shadow:0 0 0 3px var(--accent-c),0 0 44px var(--accent-c);animation:rbNow .5s ease-out}@keyframes rbNow{0%{filter:brightness(2)}}@media(max-width:700px){.phase-track{display:none}}.banner{position:absolute;left:0;right:0;top:34%;z-index:30;pointer-events:none;display:flex;justify-content:center;--c: var(--accent)}.banner-band{width:100%;padding:14px 0 12px;text-align:center;background:linear-gradient(90deg,transparent,rgba(5,7,10,.78) 22%,rgba(5,7,10,.78) 78%,transparent);border-top:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c) 55%,transparent);animation:rbBandSweep 1.5s cubic-bezier(.2,.9,.25,1) forwards}.banner-big{font-size:54px;font-weight:800;letter-spacing:.14em;color:#fff;line-height:1;text-shadow:0 0 18px var(--c),0 0 42px color-mix(in srgb,var(--c) 60%,transparent);animation:rbBigSweep 1.5s cubic-bezier(.2,.9,.25,1) forwards}.banner-small{margin-top:6px;font-size:12px;letter-spacing:.3em;color:var(--c);text-transform:uppercase}.banner-exec{--c: #ff9a3a}.banner-win{top:22%}.banner-win .banner-band,.banner-win .banner-big{animation-duration:3.4s}.banner-win .banner-big{font-size:64px;color:var(--c);text-shadow:0 0 22px var(--c),0 4px 0 rgba(0,0,0,.6)}@keyframes rbBandSweep{0%{opacity:0;transform:scaleY(.1)}10%{opacity:1;transform:scaleY(1)}82%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.6)}}@keyframes rbBigSweep{0%{opacity:0;transform:translate(-38vw) skew(-18deg);letter-spacing:.6em}14%{opacity:1;transform:translate(0) skew(0);letter-spacing:.14em}80%{opacity:1;transform:translate(2vw)}to{opacity:0;transform:translate(40vw) skew(18deg)}}.dmg-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,30,40,.38) 100%);animation:rbDmg .7s ease-out forwards}.dmg-flash.heavy{background:radial-gradient(ellipse at center,transparent 40%,rgba(255,30,40,.55) 100%)}@keyframes rbDmg{0%{opacity:0}8%{opacity:1}to{opacity:0}}.gameover-wrap{align-items:flex-end;background:linear-gradient(to top,rgba(5,7,10,.7),transparent 45%);padding-bottom:48px}.gameover-wrap .modal{animation:rbLate 3.6s ease-out both}@keyframes rbLate{0%,80%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:520px){.banner-big{font-size:34px}.banner-win .banner-big{font-size:38px}}.coach{position:absolute;right:14px;top:84px;z-index:2;width:320px;max-width:calc(100% - 24px);padding:12px 14px;pointer-events:auto;animation:rbPop .3s ease}.coach-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;color:var(--accent);margin-bottom:6px}.coach-head button{border:0;background:transparent;color:var(--dim);font-size:18px;line-height:1;cursor:pointer}.coach ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:13px;color:#aeb5bf;line-height:1.4}.coach li.now{color:var(--ink)}.coach li.now::marker{color:var(--accent)}.coach li.done{color:#6f757e;text-decoration:line-through;text-decoration-color:#33e0a199}.coach b{color:var(--ink)}@media(max-width:900px){.coach{top:auto;bottom:230px;right:50%;transform:translate(50%);font-size:12px}}.gameover-why{color:#c3cad3!important;margin-top:-2px!important}.standings{width:100%;display:flex;flex-direction:column;gap:5px;margin:4px 0 6px}.standing{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;background:#ffffff0a;border:1px solid var(--line);font-size:13px;text-align:left}.standing.me{border-color:var(--c)}.standing.dead{opacity:.55}.standing .rank{color:var(--dim);width:12px}.standing .sname{flex:1;font-weight:700}.standing .mono{font-size:11px;color:#c3cad3}.rb-card.poor:not(.queued){opacity:1!important;filter:grayscale(.85) brightness(.55)}.hand.frozen .rb-card:not(.queued){opacity:1!important;filter:grayscale(.6) brightness(.6)}@media(max-width:480px){.top-actions .seg{display:none}}.ghost-step{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--mono);color:#05070a;background:var(--c);box-shadow:0 0 10px var(--c);-webkit-user-select:none;user-select:none}.ghost-warn{font:700 11px var(--mono);letter-spacing:.06em;white-space:nowrap;color:#fff;-webkit-user-select:none;user-select:none;background:#d8263a;padding:2px 7px;border-radius:6px;box-shadow:0 0 14px #f34c;animation:rbPulse 1s infinite}.pprog{display:flex;gap:4px}.pprog i{--accent-c: #7aa2ff;font-style:normal;flex:1;max-width:34px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:13px;color:var(--accent-c);background:#00000059;border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--accent-c);transition:transform .2s,box-shadow .2s,opacity .2s;animation:rbFlipIn .35s ease both}.pprog i:nth-child(2){animation-delay:.08s}.pprog i:nth-child(3){animation-delay:.16s}.pprog i:nth-child(4){animation-delay:.24s}.pprog i:nth-child(5){animation-delay:.32s}@keyframes rbFlipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:none;opacity:1}}.pprog i.cat-move{--accent-c: #6f8dff}.pprog i.cat-rotate{--accent-c: #f0b43c}.pprog i.cat-weapon{--accent-c: #ff6b57}.pprog i.cat-power{--accent-c: #c07bff}.pprog i.cat-ordnance{--accent-c: #ff4f7a}.pprog i.now{transform:translateY(-2px) scale(1.12);box-shadow:0 0 0 1px var(--accent-c),0 0 12px var(--accent-c);background:#0009}.pprog i.past{opacity:.4}@media(max-width:900px){.pprog{display:none}}.modal.center .primary{flex:none;height:52px}.holo-card .holo-glyph{font-size:28px}.holo-card .holo-name{font-size:9.5px}@media(max-width:900px){.card-pr{display:none}}.ghost-miss{font:700 10px var(--mono);white-space:nowrap;color:#c9ced6;background:#05070abf;border:1px solid rgba(255,255,255,.2);padding:1px 6px;border-radius:5px;-webkit-user-select:none;user-select:none}.menu-error{color:#ff8a7a;font-size:13px;margin-top:6px}.lobby-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:safe center;justify-content:center;padding:16px;overflow-y:auto;pointer-events:none}.lobby-panel{pointer-events:auto;width:520px;max-width:100%;padding:22px;display:flex;flex-direction:column;gap:12px}.lobby-panel h2{font-size:24px;margin:2px 0 0}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lobby-head .leave-btn{flex:none}.lobby-last{align-self:flex-start;background:none;border:1px solid rgba(255,255,255,.18);color:#b7bec8;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}.lobby-watchers{font-size:11px;color:#8b929c;margin:0}.seat.away{opacity:.6}.lobby-panel .modal-actions .primary{flex:1}@media(max-width:520px){.lobby-panel{padding:16px}.lobby-panel .modal-actions{flex-wrap:wrap}}.landing-next{display:inline-block;margin:-6px 0 14px;font-size:12px;color:#33e0a1;text-decoration:none;letter-spacing:.04em}.landing-next:hover{text-decoration:underline}