:root{--ink: #0f1424;--paper: #ffffff;--paper-2: #cfd6e6;--muted: #9aa6c4;--primary: #ff5c3a;--primary-dark: #b6391f;--primary-text: #ffffff;--secondary: #171b33;--secondary-dark: #0a0c1c;--panel: rgba(14, 24, 48, .86);--panel-line: rgba(255, 255, 255, .1);--stroke: #2a1030;--lime: #b9f542;--lime-dark: #6f9c1c;--blue: #3d8bff;--blue-dark: #1f56b8;--accent: #ff5c3a;--accent-dark: #b6391f;--display: "Archivo", system-ui, sans-serif;--body: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.45;overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}.display{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:.9;text-transform:uppercase;font-variation-settings:"wdth" 75}.eyebrow{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variation-settings:"wdth" 90}.hint{font-size:13px;color:var(--muted)}.mono{font-family:var(--mono)}.btn{font-family:var(--display);font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;font-variation-settings:"wdth" 85;color:var(--ink);background:var(--paper);padding:13px 24px;border-radius:10px;box-shadow:0 5px 0 var(--paper-2);transition:transform .08s ease,box-shadow .08s ease,filter .12s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--paper-2);filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--paper-2)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:0 5px 0 var(--primary-dark)}.btn-primary:hover{box-shadow:0 7px 0 var(--primary-dark)}.btn-primary:active,.btn-primary:disabled{box-shadow:0 2px 0 var(--primary-dark)}.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 5px 0 var(--lime-dark)}.btn-lime:hover{box-shadow:0 7px 0 var(--lime-dark)}.btn-lime:active,.btn-lime:disabled{box-shadow:0 2px 0 var(--lime-dark)}.btn-ghost{background:#ffffff14;color:var(--paper);box-shadow:inset 0 0 0 2px #fff3}.btn-ghost:hover{background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff4d}.btn-ghost:active,.btn-ghost:disabled{box-shadow:inset 0 0 0 2px #fff3}.btn-lg{font-size:19px;padding:17px 32px;border-radius:12px}.btn-sm{font-size:12px;padding:9px 14px;border-radius:8px;box-shadow:0 3px 0 var(--paper-2)}.btn-text{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 0}.btn-text:hover{color:var(--paper)}.icon-btn{width:42px;height:42px;border-radius:10px;background:#0a1432b8;color:var(--paper);border:2px solid rgba(255,255,255,.14);display:grid;place-items:center;transition:background .12s,color .12s,transform .08s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--primary);color:var(--primary-text);transform:translateY(-2px)}.seg{display:flex;gap:4px;background:#ffffff12;padding:4px;border-radius:8px;width:fit-content;flex-wrap:wrap}.seg button{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:7px 12px;border-radius:6px;transition:background .12s,color .12s}.seg button:hover{color:var(--paper)}.seg button.on{background:var(--paper);color:var(--ink)}.seg button:disabled{cursor:default}.field{display:flex;flex-direction:column;gap:8px}.text-input{background:#ffffff12;border:2px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase;font-variation-settings:"wdth" 85;outline:none;width:100%;color:var(--paper)}.text-input:focus{border-color:var(--primary)}input[type=range]{accent-color:var(--primary);width:160px}.toggle{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:6px;box-shadow:inset 0 0 0 2px #fff3}.toggle.on{background:var(--lime);color:var(--ink);box-shadow:none}.panel{background:var(--panel);border:2px solid var(--panel-line);border-radius:16px;padding:24px 26px;backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000059}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.keys{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px;color:var(--muted);align-items:center}.keys b{font-family:var(--mono);font-size:11px;color:var(--paper);background:#ffffff1a;padding:3px 8px;border-radius:6px;text-align:center}.empty{color:var(--muted);font-size:14px}.room-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.room-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:12px 14px;border-radius:10px;background:#ffffff0f;align-items:center;text-align:left}.room-row:hover{background:#ffffff24}.room-row b{font-family:var(--display);font-size:18px;font-weight:800;text-transform:uppercase}.room-row span{font-size:12px;color:var(--muted);font-weight:600}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--paper);color:var(--ink);padding:10px 18px;border-radius:8px;font-weight:700;z-index:50;box-shadow:0 4px 0 var(--paper-2);animation:toast-in .2s ease}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}}.offline{position:fixed;top:14px;left:50%;transform:translate(-50%);color:var(--accent);font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;z-index:50}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#060a188c;backdrop-filter:blur(4px);display:grid;place-items:center;animation:fade .2s ease}.modal{width:min(560px,92vw);max-height:88vh;overflow:auto;background:var(--panel);border:2px solid var(--panel-line);border-radius:18px;padding:22px 26px 26px;box-shadow:0 30px 80px #00000080;animation:pop .25s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{0%{transform:scale(.92);opacity:0}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{margin:0;font-size:30px}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:6px}.how-lead{margin:0;font-size:15px;color:var(--paper);opacity:.85}.how-weapons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.how-weapon{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0f;font-size:11.5px;color:var(--muted)}.how-weapon-icon{grid-row:1 / 3;width:34px;height:34px;border-radius:8px;background:#ffffff1a;display:grid;place-items:center}.how-weapon-icon svg{width:26px;height:26px}.how-weapon b{font-family:var(--display);font-weight:900;font-size:13px;text-transform:uppercase;color:var(--paper)}.scene{position:fixed;inset:0;z-index:0}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#060a1800 30%,#060a1873);pointer-events:none}.scene canvas{display:block}.landing{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto 1fr}.landing-top{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 22px 0 2vw}.landing-corner{display:flex;gap:8px}.landing-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:10vh;min-height:0}.logo{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-top:.1em;font-size:118px;padding-top:.75em}.logo-word{position:relative;display:flex;align-items:flex-end;gap:.06em;font-family:var(--display);font-weight:900;font-size:1em;line-height:.9;letter-spacing:0;font-variation-settings:"wdth" 88;transform:rotate(-5deg);transform-origin:left bottom;filter:drop-shadow(0 .12em .08em rgba(0,0,0,.35))}.logo-w{position:relative;z-index:1;display:flex;align-items:flex-end}.logo-peek{position:absolute;inset:-1.2em 0 .14em;overflow:hidden;z-index:0;pointer-events:none}.peek{position:absolute;bottom:.55em;width:.82em;will-change:transform}.peek svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.logo-l{position:relative;display:inline-block;margin:0 -.03em;color:transparent}.logo-l b{position:relative;display:inline-block;z-index:2;font-weight:inherit;color:transparent;background-clip:text;-webkit-background-clip:text}.logo-l:before{content:attr(data-t);position:absolute;left:0;top:0;z-index:0;color:var(--stroke);-webkit-text-stroke:.14em var(--stroke);text-shadow:0 .035em 0 var(--stroke),0 .07em 0 var(--stroke),0 .105em 0 var(--stroke),0 .14em 0 var(--stroke),0 .175em 0 var(--stroke)}.logo-l:after{content:attr(data-t);position:absolute;left:0;top:0;z-index:1;color:var(--logo-ring);-webkit-text-stroke:.06em var(--logo-ring)}.logo-a .logo-l{--logo-ring: #2f6fe8}.logo-a .logo-l b{background-image:linear-gradient(180deg,#fff,#eef3ff 55%,#c9d8ff)}.logo-b .logo-l{--logo-ring: #7a1c0c}.logo-b .logo-l b{background-image:linear-gradient(180deg,#ff9b7a,#ff6a45 55%,#e6401f)}.stack{width:340px;display:flex;flex-direction:column;gap:10px}.mbtn{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;padding:11px 12px 11px 14px;border-radius:12px;background:var(--secondary);color:var(--paper);text-align:left;border:2px solid rgba(255,255,255,.09);box-shadow:0 5px 0 var(--secondary-dark),0 12px 24px #00000040;transition:transform .08s,box-shadow .08s,filter .12s}.mbtn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--secondary-dark),0 14px 26px #00000040;filter:brightness(1.08)}.mbtn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--secondary-dark),0 6px 12px #00000040}.mbtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mbtn.primary{background:var(--primary);color:var(--primary-text);border-color:#ffffff59;box-shadow:0 5px 0 var(--primary-dark),0 12px 24px #00000040}.mbtn.primary:hover{box-shadow:0 7px 0 var(--primary-dark),0 14px 26px #00000040}.mbtn.primary:active{box-shadow:0 2px 0 var(--primary-dark),0 6px 12px #00000040}.stack-row{display:flex;gap:10px}.stack-row .mbtn:first-child{flex:1;min-width:0}.mbtn-square{display:grid;place-items:center;grid-template-columns:1fr;width:70px;padding:0}.mbtn-square svg{width:26px;height:26px}.mbtn-icon{width:44px;height:44px;display:grid;place-items:center}.mbtn-icon svg{width:28px;height:28px}.mbtn-text b{display:block;font-family:var(--display);font-weight:900;font-size:16px;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.mbtn-text small{display:block;font-size:11.5px;font-weight:500;opacity:.85;margin-top:2px}.mbtn-chev svg{width:18px;height:18px;opacity:.85}.or{display:flex;align-items:center;gap:12px;margin:4px 0;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);opacity:.8}.or:before,.or:after{content:"";flex:1;height:2px;background:#ffffff59;border-radius:2px}.code-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:12px;background:var(--secondary);border:2px solid rgba(255,255,255,.09);box-shadow:0 5px 0 var(--secondary-dark),0 12px 24px #00000040}.code-icon{width:36px;height:36px;border-radius:8px;background:#ffffff1a;display:grid;place-items:center}.code-icon svg{width:18px;height:18px}.code-field label{display:block;font-size:11px;font-weight:700;opacity:.85;margin-bottom:3px}.code-field input{width:100%;background:#0000004d;border:0;border-radius:6px;padding:6px 10px;color:var(--paper);font-size:13px;font-weight:600;text-transform:uppercase;outline:none}.code-field input::placeholder{text-transform:none;color:#ffffff73}.code-join{font-family:var(--display);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;border-radius:8px;background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark);transition:transform .08s}.code-join:hover{transform:translateY(-1px)}.code-join:disabled{opacity:.45;cursor:not-allowed;transform:none}.topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 4vw}.wordmark{font-family:var(--display);font-weight:900;font-size:22px;font-variation-settings:"wdth" 75;color:var(--paper);display:inline-flex;align-items:center;gap:10px;paint-order:stroke fill;-webkit-text-stroke:3px var(--stroke);text-shadow:0 3px 0 var(--stroke)}.wordmark svg{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.wordmark:hover{color:var(--primary)}.topbar-right{display:flex;align-items:center;gap:14px}.x-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#0a1432b8;color:var(--paper);border:2px solid rgba(255,255,255,.14);transition:transform .08s,background .12s,color .12s}.x-link svg{width:15px;height:15px}.x-link:hover{transform:translateY(-2px);background:var(--primary);color:var(--primary-text)}.game .topbar{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none;height:auto;align-items:flex-start;padding:0 24px 0 14px}.logo-btn{display:block;transition:transform .12s}.logo-btn:hover{transform:scale(1.04)}.game .logo{font-size:46px;margin-top:0;padding-top:.7em}.game .topbar>*{pointer-events:auto}.game .wordmark{font-size:18px}.game .wordmark svg{width:26px;height:26px}.game .x-link{display:none}.page{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto 1fr}.page-body{min-height:0;overflow:auto;padding:0 4vw}.lobby{height:100%;display:grid;grid-template-rows:auto 1fr;gap:22px;padding-top:8px;padding-bottom:20px}.lobby-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.lobby-code{font-size:clamp(56px,7vw,92px);margin:4px 0 0;letter-spacing:.04em;paint-order:stroke fill;-webkit-text-stroke:4px var(--stroke);text-shadow:0 5px 0 var(--stroke)}.lobby-invite{display:flex;align-items:center;gap:14px}.invite-link{font-family:var(--mono);font-size:12px;color:var(--paper);opacity:.8;background:#0a0d1a99;padding:8px 12px;border-radius:8px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-height:0;align-items:start}.lobby-col{display:flex;flex-direction:column;gap:16px;min-width:0}.players{display:flex;flex-direction:column;gap:8px}.team-head{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0 2px}.team-head b{font-family:var(--display);font-size:18px;font-weight:900;text-transform:uppercase}.player-row{display:grid;grid-template-columns:8px 48px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:8px 14px 8px 0;background:#ffffff0f;border-radius:10px;overflow:hidden}.player-row .bar{width:8px;align-self:stretch}.player-row.empty-slot{grid-template-columns:1fr auto;background:transparent;border:2px dashed rgba(255,255,255,.16);color:var(--muted);font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;min-height:66px;padding-left:14px;white-space:nowrap}.player-row.empty-slot .bar{display:none}.player-row .who{display:flex;flex-direction:column;min-width:0}.player-row .who b{font-family:var(--display);font-size:20px;font-weight:900;text-transform:uppercase;font-variation-settings:"wdth" 85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row .who span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.player-row .tools{display:flex;gap:14px;align-items:center}.player-row .ready{font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:60px;text-align:center;padding:5px 8px;border-radius:6px}.player-row .ready.on{background:var(--lime);color:var(--ink)}.skin-pick{display:flex;align-items:center;gap:6px}.skin-pick button{color:var(--muted);font-size:20px;line-height:1;padding:0 4px}.skin-pick button:hover{color:var(--paper)}.puff-preview{width:48px;height:48px}.team-switch{display:flex;gap:6px}.team-switch button{width:20px;height:20px;border-radius:5px;opacity:.3}.team-switch button.on,.team-switch button:hover{opacity:1}.lobby-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.lobby-actions .right{display:flex;gap:18px;align-items:center}.settings-list{gap:14px}.game{position:fixed;inset:0;background:var(--ink)}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{position:absolute}.hud-timer{top:14px;left:50%;transform:translate(-50%);text-align:center}.hud-timer .t{font-size:58px;line-height:1;font-variant-numeric:tabular-nums;color:var(--paper);paint-order:stroke fill;-webkit-text-stroke:4px var(--stroke);text-shadow:0 4px 0 var(--stroke)}.hud-timer .t.low{color:var(--accent)}.hud-timer .bar{height:6px;width:120px;margin:6px auto 0;background:#0f142466;border-radius:3px;overflow:hidden}.hud-timer .bar i{display:block;height:100%;background:var(--paper);transition:width .25s linear}.hud-turn{top:104px;left:24px;display:flex;flex-direction:column;gap:2px}.hud-turn .name{font-size:30px;paint-order:stroke fill;-webkit-text-stroke:3px var(--stroke);text-shadow:0 3px 0 var(--stroke)}.hud-turn .sub{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 0 rgba(15,20,36,.6)}.hud-wind{top:20px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-wind .eyebrow{color:var(--paper);text-shadow:0 1px 0 rgba(15,20,36,.6)}.hud-wind .arrows{display:flex;gap:3px;height:14px;align-items:center}.hud-wind .arrows i{display:block;width:11px;height:11px;background:#0f14244d;clip-path:polygon(0 0,100% 50%,0 100%)}.hud-wind .arrows i.on{background:var(--paper)}.hud-wind .arrows.left i{clip-path:polygon(100% 0,0 50%,100% 100%)}.hud-teams{left:24px;bottom:22px;display:flex;flex-direction:column;gap:6px;background:var(--panel);padding:10px 14px;border-radius:10px}.hud-team{display:grid;grid-template-columns:84px 130px;gap:10px;align-items:center}.hud-team b{font-family:var(--display);font-size:13px;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-team .hp{height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.hud-team .hp i{display:block;height:100%;transition:width .3s ease}.hud-weapons{left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.wpn-row{display:flex;align-items:center;gap:4px;background:var(--panel);padding:6px;border-radius:12px}.wpn-row.utility{padding:4px 6px 4px 14px;gap:6px}.wpn-row.utility .wpn{height:60px}.wpn-label{font-family:var(--display);font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:4px}.wpn{width:68px;height:66px;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;border-radius:8px;transition:background .12s,transform .08s}.wpn:hover{background:#ffffff1a;transform:translateY(-2px)}.wpn.on{background:var(--primary);color:var(--primary-text);box-shadow:0 3px 0 var(--primary-dark)}.wpn.out{opacity:.3}.wpn svg{width:32px;height:32px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.wpn .n{font-family:var(--display);font-weight:800;font-size:8.5px;letter-spacing:.06em}.wpn .k{position:absolute;top:4px;left:6px;font-family:var(--mono);font-size:9px;opacity:.5}.wpn .a{position:absolute;top:3px;right:6px;font-family:var(--mono);font-size:10px;font-weight:600}.hud-hint{right:24px;bottom:22px;text-align:right;font-size:12px;font-weight:600;color:var(--paper);max-width:260px;text-shadow:0 1px 0 rgba(15,20,36,.7)}.hud-hint b{color:var(--lime)}.hud-banner{top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:60px;color:var(--paper);paint-order:stroke fill;-webkit-text-stroke:5px var(--stroke);text-shadow:0 6px 0 var(--stroke);animation:banner .35s cubic-bezier(.2,1.4,.4,1)}.hud-banner small{display:block;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px;color:var(--lime);-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(15,20,36,.7)}@keyframes banner{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}}.results{position:absolute;inset:0;display:grid;place-items:center;background:#0f14248c;backdrop-filter:blur(5px);animation:fade .4s ease;z-index:6}@keyframes fade{0%{opacity:0}}.results-card{width:min(760px,92vw);display:flex;flex-direction:column;gap:24px}.results-card h1{font-size:clamp(56px,8vw,104px);margin:2px 0 0;paint-order:stroke fill;-webkit-text-stroke:4px var(--stroke);text-shadow:0 5px 0 var(--stroke)}.results-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-variant-numeric:tabular-nums}.results-table th{text-align:right;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 12px 4px}.results-table th:first-child,.results-table td:first-child{text-align:left}.results-table td{text-align:right;padding:10px 12px;background:#ffffff0f;font-family:var(--mono);font-size:13px}.results-table td:first-child{border-radius:8px 0 0 8px;font-family:var(--display);font-size:18px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:10px}.results-table td:last-child{border-radius:0 8px 8px 0}.results-table .dot{width:12px;height:12px;border-radius:4px;display:inline-block}.results-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center}@media(max-width:1100px){.hud-hint{display:none}.hud-teams{bottom:100px}}@media(max-width:900px){.lobby-grid{grid-template-columns:1fr}.logo-word{font-size:64px}}.studio{position:relative;z-index:1;height:100%;overflow:auto;padding:28px 4vw 60px}.studio-head{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:22px}.studio-head h1{margin:0;font-size:56px;paint-order:stroke fill;-webkit-text-stroke:4px var(--stroke);text-shadow:0 5px 0 var(--stroke)}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio-card h2{margin:0 0 4px;font-size:26px}.studio-row{display:flex;gap:18px;align-items:flex-end;margin-top:14px}.studio-row.small{gap:10px;margin-top:6px;opacity:.9}.studio-ball{width:150px;height:160px;animation:idle 2.4s ease-in-out infinite;transform-origin:50% 90%}.studio-ball.tiny{width:44px;height:48px;animation:none}.studio-ball svg{width:100%;height:100%}@keyframes idle{0%,to{transform:scale(1)}40%{transform:scale(1.04,.96)}60%{transform:scale(.97,1.05) translateY(-4px)}}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}}.chat-line{font-size:13px;font-weight:600;line-height:1.35;color:var(--paper);overflow-wrap:anywhere}.chat-line b{font-weight:900;margin-right:6px}.chat-input{width:100%;height:36px;padding:0 12px;border-radius:10px;border:2px solid var(--panel-line);background:#0a0c1cd9;color:var(--paper);font:600 13px var(--body);outline:none;pointer-events:auto}.chat-input:focus{border-color:var(--primary)}.chat-input::placeholder{color:var(--muted)}.chat-lobby{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--panel-line);padding-top:14px}.chat-lobby .chat-lines{height:132px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.chat-empty{font-size:12px;font-weight:600;color:var(--muted)}.chat-game{position:absolute;left:24px;bottom:calc(22px + var(--teams-h, 80px));width:300px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.chat-game.over{display:none}.chat-game .chat-lines{display:flex;flex-direction:column;gap:3px;max-height:190px;overflow:hidden}.chat-game.open .chat-lines{overflow-y:auto;pointer-events:auto;background:var(--panel);border-radius:10px;padding:8px 10px}.chat-game:not(.open) .chat-line{align-self:flex-start;background:#0a0c1c9e;border-radius:8px;padding:3px 9px;animation:chat-in .18s ease-out}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}.chat-hint{align-self:flex-start;pointer-events:auto;cursor:pointer;border:0;background:none;padding:0;font:600 11px var(--body);color:var(--paper);opacity:.6;text-shadow:0 1px 0 rgba(15,20,36,.7)}.chat-hint:hover{opacity:1}.chat-hint b{color:var(--lime)}@media(max-width:1100px){.chat-game{bottom:calc(100px + var(--teams-h, 80px));width:220px}}.sb-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sb-vol{display:flex;gap:8px;align-items:center;font-weight:700}.sb-title{margin:26px 0 12px;font-size:30px}.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.sb-card{display:flex;flex-direction:column;gap:10px;padding:14px}.sb-name{display:flex;gap:10px;align-items:center;font-size:18px}.sb-num{opacity:.5;font-weight:900}.sb-icon{width:32px;height:32px;display:grid;place-items:center}.sb-icon svg{width:100%;height:100%}.sb-btns{display:flex;gap:8px;flex-wrap:wrap}.sb-play{align-items:flex-start;text-align:left;color:inherit;font:inherit;cursor:pointer;gap:4px}.sb-play:hover{filter:brightness(1.15)}.sb-play:active{transform:translateY(2px)}.gear-studio{pointer-events:none}.gear-studio .studio-head,.gear-studio .gear-strip{pointer-events:auto}.gear-tabs{display:flex;gap:8px;flex-wrap:wrap}.gear-note{margin:0;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.gear-strip{max-width:1100px;padding:10px 14px 14px}.gear-canvas{height:190px}.gear-canvas.small{height:70px}.gear-names{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;font-weight:800;font-size:13px;margin-bottom:8px}.gear-size{display:block;margin-top:4px}