:root{--bg:#07080c;--bg-2:#0c0e15;--panel:#141720b8;--panel-line:#ffffff12;--ink:#eef0f6;--ink-dim:#9aa0b4;--ink-faint:#5b6175;--clay:#d97757;--clay-deep:#b65a3d;--amber:#ffcc4d;--green:#3ad06a;--red:#ff4d4d;--status-color:#ffe27a;--radius:16px;--shadow:0 24px 60px -20px #000000bf;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#root{width:100vw;height:100dvh;position:relative}#stage{place-items:center;display:grid;position:absolute;inset:0}canvas#game{aspect-ratio:16/9;image-rendering:auto;width:min(100vw,177.78vh);height:auto;box-shadow:var(--shadow);display:none}canvas#game.is-visible{display:block}@media (pointer:coarse) and (orientation:landscape){html:is([data-route=solo],[data-route=game]),html:is([data-route=solo],[data-route=game]) body{height:auto;overflow:visible}html:is([data-route=solo],[data-route=game]) body{min-height:100svh}html:is([data-route=solo],[data-route=game]) #root{height:100lvh;min-height:100svh}}#app{pointer-events:none;position:absolute;inset:0}#app>.screen{pointer-events:auto}.touch-controls{display:none}@media (pointer:coarse){.touch-controls{z-index:50;pointer-events:auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#07090e00,#07090eeb);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.tc-btn{color:var(--ink,#e8edf6);cursor:pointer;background:#141a26d9;border:1px solid #ffffff2e;border-radius:14px;place-items:center;font-size:22px;line-height:1;transition:transform 60ms,background .12s;display:grid}.tc-btn:active{background:#283246f2;transform:scale(.92)}.tc-aim{flex-direction:column;gap:8px;display:flex}.tc-up,.tc-down{width:64px;height:52px}.tc-ammo{gap:6px;display:flex}.tc-ammo-btn{width:46px;height:46px;font-size:20px}.tc-ammo-btn.selected{background:#e0a060eb;border-color:#ffdcb4b3;box-shadow:0 0 0 2px #e0a06073,0 4px 12px -2px #e0a06080}.tc-fire{background:radial-gradient(circle at 50% 38%,#e0a060f2,#b46e32eb);border-color:#ffdcb48c;border-radius:50%;width:92px;height:92px;font-size:38px;box-shadow:0 6px 20px -4px #e0a06099}.tc-fire:active{transform:scale(.9)}}@media (pointer:coarse) and (orientation:landscape){.touch-controls{pointer-events:none;background:0 0;padding:0;display:block;inset:0}.touch-controls .tc-aim,.touch-controls .tc-ammo,.touch-controls .tc-fire{pointer-events:auto;position:absolute}.touch-controls .tc-aim{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom))}.touch-controls .tc-fire{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.touch-controls .tc-ammo{top:102px;left:18px}}.rotate-hint{left:50%;bottom:calc(120px + env(safe-area-inset-bottom));z-index:60;color:var(--ink,#e8edf6);white-space:nowrap;pointer-events:auto;cursor:pointer;background:#141a26eb;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;line-height:1;animation:.28s both rotate-hint-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px -6px #0009}@keyframes rotate-hint-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.rotate-hint.is-leaving{animation:.25s both rotate-hint-out}@keyframes rotate-hint-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}@media (pointer:fine),(orientation:landscape){.rotate-hint{display:none}}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.menu-screen,.lobby-screen,.result-screen{background:radial-gradient(1100px 620px at 78% -8%, #d9775733, transparent 60%), radial-gradient(900px 600px at 8% 110%, #3c5ac829, transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg));overflow-y:auto}.menu-screen:before,.lobby-screen:before,.result-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 85%)}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:18px 26px;display:flex;position:relative}.topbar-brand{letter-spacing:.22em;color:var(--ink-dim);font-size:12px;font-weight:800}.chrome-cluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.mute-btn{color:var(--ink-dim);border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:5px 9px;font-size:14px;line-height:1;transition:all .15s}.mute-btn:hover{color:var(--ink);border-color:#ffffff2e}.mute-btn.is-muted,.vibe-btn.is-off{opacity:.6}.lang-switch{display:inline-flex;position:relative}.lang-current{font:600 11px/1 var(--font);letter-spacing:.05em;color:var(--ink-dim);border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;transition:all .15s;display:inline-flex}.lang-current:after{content:"▾";opacity:.7;font-size:9px}.lang-current:hover{color:var(--ink);border-color:#ffffff2e}.lang-switch.is-open .lang-current{color:var(--ink);border-color:#ffffff38}.lang-menu{z-index:60;border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a10f0;border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px -8px #0009}.lang-switch.is-open .lang-menu{display:flex}.lang-menu .lang-btn{text-align:center;width:100%}.lang-btn{font:600 11px/1 var(--font);letter-spacing:.05em;color:var(--ink-dim);border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 9px;transition:all .15s}.lang-btn:hover{color:var(--ink);border-color:#ffffff2e}.lang-btn.is-active{color:#1b1207;background:var(--clay);border-color:var(--clay)}.menu-main{z-index:1;flex:1;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;width:100%;max-width:1280px;margin:0 auto;padding:8px 8vw 28px;display:grid;position:relative}@media (width<=880px){.screen{-webkit-overflow-scrolling:touch;overflow-y:auto}.topbar{padding:14px 16px}.menu-main{padding:4px 7vw calc(24px + env(safe-area-inset-bottom));grid-template-columns:1fr;align-content:start;gap:28px}}.menu-hero{flex-direction:column;gap:18px;display:flex}.logotype{letter-spacing:-.03em;flex-direction:column;margin:0;font-size:clamp(56px,9vw,132px);font-weight:900;line-height:.86;display:flex}.logo-angry{color:#0000;-webkit-text-stroke:2px #eef0f6d9;text-shadow:0 0 40px #ffffff0f}.logo-claude{background:linear-gradient(95deg, var(--clay) 0%, #f0a07f 45%, var(--clay-deep) 100%);color:#0000;filter:drop-shadow(0 6px 30px #d9775759);-webkit-background-clip:text;background-clip:text}.brand-tagline{letter-spacing:.02em;color:var(--clay);margin:0;font-size:clamp(15px,1.6vw,19px);font-weight:600}.brand-blurb{max-width:46ch;color:var(--ink-dim);margin:6px 0 0;font-size:15px;line-height:1.55}.status-pill{font:700 12px/1 var(--mono);letter-spacing:.08em;color:var(--ink);background:linear-gradient(0deg, #00000040, #00000040), color-mix(in srgb, var(--status-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--status-color) 45%, transparent);box-shadow:0 0 28px -6px color-mix(in srgb, var(--status-color) 55%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:9px 16px 9px 13px;display:inline-flex}.status-dot{background:var(--status-color);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--status-color) 22%, transparent);border-radius:50%;animation:1.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.78)}}.menu-panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:26px}.field-label{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.field-label-text,.lobby-field-label{font:700 11px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.name-input,.share-input,.code-input,.team-name-input{font:600 16px/1 var(--font);color:var(--ink);border:1px solid var(--panel-line);background:#00000059;border-radius:11px;outline:none;width:100%;padding:13px 15px;transition:border-color .15s,box-shadow .15s}.name-input::placeholder,.code-input::placeholder,.team-name-input::placeholder{color:var(--ink-faint)}.name-input:read-only{opacity:.6;cursor:not-allowed}.name-input:focus,.share-input:focus,.code-input:focus,.team-name-input:focus{border-color:var(--clay);box-shadow:0 0 0 3px #d977572e}.team-name-field{flex-direction:column;gap:7px;margin-top:12px;display:flex}.team-name-field .team-name-input{border-color:#d9775773}.name-hint{min-height:1em;font:500 12px/1.2 var(--font);color:var(--ink-dim);margin-top:6px;display:block}.name-hint[data-state=taken]{color:var(--red)}.name-hint[data-state=ok]{color:var(--green)}.name-hint[data-state=none]{visibility:hidden}.action-card:disabled{opacity:.45;cursor:not-allowed}.account-panel{border-top:1px solid var(--panel-line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.account-note{width:100%;font:500 12px/1.3 var(--font);color:var(--ink-dim);margin:0}.account-row{gap:8px;width:100%;display:flex}.account-input{font:500 13px/1 var(--font);color:var(--ink);border:1px solid var(--panel-line);background:#00000059;border-radius:9px;outline:none;flex:1;padding:9px 11px}.account-input:focus{border-color:var(--clay)}.account-btn{white-space:nowrap}.account-who{font:600 13px/1 var(--font);color:var(--ink)}.account-err{width:100%;font:500 12px/1.2 var(--font);color:var(--red)}.account-info{color:var(--green)}.account-tabs{gap:8px;width:100%;margin-top:2px;display:flex}.account-tab{opacity:.55;flex:1}.account-tab.active{opacity:1;border-color:var(--clay);color:var(--clay)}.account-name-row{align-items:center}.account-name-hint{font:500 12px/1.2 var(--font);color:var(--red);white-space:nowrap}.play-note{text-align:center;font:500 12px/1.3 var(--font);color:var(--ink-faint);margin:10px 0 0}.action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.action-grid{grid-template-columns:1fr}}.action-card{text-align:left;cursor:pointer;color:var(--ink);border:1px solid var(--panel-line);background:#ffffff09;border-radius:13px;align-items:center;gap:13px;padding:15px 16px;transition:transform .14s,border-color .14s,background .14s;display:flex}.action-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.action-card:active{transform:translateY(0)}.action-solo{background:linear-gradient(135deg,#d9775738,#d977570f);border-color:#d9775766}.action-solo:hover{border-color:var(--clay)}.action-glyph{width:34px;height:34px;font:800 15px/1 var(--mono);color:var(--clay);background:#d977571f;border:1px solid #d977574d;border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.action-body{flex-direction:column;gap:3px;min-width:0;display:flex}.action-title{font-size:15px;font-weight:700}.action-hint{color:var(--ink-dim);font-size:12px}.menu-footer{z-index:1;text-align:center;padding:14px 14px calc(24px + env(safe-area-inset-bottom));font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--ink-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;display:flex;position:relative}.menu-footer-sponsor{align-items:center;display:inline-flex}.sponsor-form{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sponsor-label-text{color:var(--clay,#e0a060);white-space:nowrap;border-bottom:1px dashed;margin-right:2px;padding-bottom:1px}.sponsor-input{border:1px solid var(--ink-faint);color:var(--ink);font:500 11px/1 var(--mono);letter-spacing:.06em;background:0 0;border-radius:4px;outline:none;width:150px;padding:3px 8px;transition:border-color .15s}.sponsor-input:focus{border-color:var(--clay)}.sponsor-input::placeholder{color:var(--ink-faint)}.sponsor-submit-btn{background:var(--clay,#d97757);color:#1b1207;cursor:pointer;font:700 11px/1 var(--mono);letter-spacing:.08em;border:none;border-radius:4px;padding:4px 10px;transition:filter .15s}.sponsor-submit-btn:hover{filter:brightness(1.1)}.sponsor-submit-btn:disabled{opacity:.5;cursor:default}.sponsor-error{color:var(--red,#ff4d4d);letter-spacing:.05em;width:100%;font-size:10px}.sponsor-thanks{color:var(--ink-dim);font:500 11px/1 var(--mono);letter-spacing:.06em}.primary-btn{font:700 15px/1 var(--font);color:#1b1207;background:linear-gradient(135deg, #f0a07f, var(--clay));cursor:pointer;border:none;border-radius:11px;padding:13px 22px;transition:filter .15s,transform .12s;box-shadow:0 10px 26px -10px #d97757b3}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.ghost-btn{font:600 14px/1 var(--font);color:var(--ink-dim);border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0a;border-radius:11px;padding:12px 20px;transition:color .15s,border-color .15s,background .15s}.ghost-btn:hover{color:var(--ink);background:#ffffff12;border-color:#ffffff38}.lobby-screen{justify-content:center;align-items:center}.lobby-card{z-index:1;background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(560px,90vw);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:32px;display:flex;position:relative}.lobby-title{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.lobby-field{flex-direction:column;gap:8px;display:flex}.room-code{font:800 34px/1 var(--mono);letter-spacing:.32em;color:var(--clay);text-align:center;background:#d9775714;border:1px dashed #d9775766;border-radius:12px;padding:18px}.share-row,.join-row{gap:10px;display:flex}.share-input{font-family:var(--mono);letter-spacing:.02em;flex:1;font-size:13px}.copy-btn{white-space:nowrap}.code-input{font-family:var(--mono);letter-spacing:.3em;text-align:center;text-transform:uppercase;flex:1;font-size:22px}.lobby-waiting{color:var(--ink-dim);align-items:center;gap:12px;font-weight:600;display:flex}.matchmaking-waiting{justify-content:center;padding:12px 0;font-size:17px}.matchmaking-card{text-align:center;align-items:center}.spinner{border:2px solid #ffffff26;border-top-color:var(--clay);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:26px;height:26px}@keyframes spin{to{transform:rotate(360deg)}}.lobby-note{color:var(--ink-faint);margin:0;font-size:13px;font-style:italic}.lobby-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.matchmaking-card .lobby-actions{justify-content:center}.result-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(900px 600px at 50% 30%,#d9775729,#0000 65%),#05060ab8;justify-content:center;align-items:center}.result-card{z-index:1;text-align:center;background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;flex-direction:column;align-items:center;gap:22px;padding:40px 48px;display:flex;position:relative}.result-badge{width:84px;height:84px;font:900 44px/1 var(--font);color:#0a0c12;border-radius:50%;place-items:center;display:grid}.result-badge.team-A{background:linear-gradient(135deg, #f0a07f, var(--clay));box-shadow:0 0 40px -6px #d97757b3}.result-badge.team-B{background:linear-gradient(135deg,#7fb0f0,#4a78d0);box-shadow:0 0 40px -6px #4a78d0b3}.result-heading{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800}.result-score{font:700 16px/1.2 var(--mono);color:var(--clay,#e0a060);text-align:center;margin:6px 0 10px}.result-actions{gap:12px;display:flex}.game-overlay{pointer-events:none}.game-overlay button,.game-overlay .lang-switch,.game-overlay .sim-control{pointer-events:auto}.game-topbar{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.leave-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sim-control{border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a1099;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;display:flex;position:absolute;bottom:14px;left:14px}.sim-label{font:600 10px/1 var(--mono);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.sim-btn{border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0d;border-radius:7px;padding:5px 7px;font-size:13px;line-height:1;transition:background .12s,transform .1s}.sim-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.game-hud{display:contents}.ammo-bar{display:none}@media (pointer:fine){.ammo-bar{z-index:45;border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#080a1099;border-radius:14px;gap:8px;padding:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}}.ammo-cell{border:1px solid var(--panel-line);width:72px;color:var(--ink-dim);cursor:pointer;background:#ffffff0a;border-radius:10px;justify-items:center;gap:2px;padding:6px 4px 5px;transition:background .12s,border-color .12s,transform 80ms,color .12s;display:grid}.ammo-cell:hover{color:var(--ink);background:#ffffff1a;transform:translateY(-1px)}.ammo-key{font:700 10px/1 var(--mono);color:var(--ink-faint)}.ammo-emoji{font-size:22px;line-height:1}.ammo-name{font:600 11px/1 var(--font);letter-spacing:.02em}.ammo-cell.is-armed{color:#1b1207;background:#d97757eb;border-color:#ffdcb4b3;box-shadow:0 0 0 2px #d9775766,0 6px 16px -4px #d9775799}.ammo-cell.is-armed .ammo-key{color:#1b1207b3}.help{z-index:55;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed;top:60px;left:18px}.help-toggle{width:34px;height:34px;font:800 18px/1 var(--font);color:var(--ink-dim);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#080a1099;border-radius:50%;flex:none;transition:color .15s,border-color .15s,transform .1s}.help-toggle:hover{color:var(--ink);border-color:#ffffff38;transform:scale(1.06)}.help-panel{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-line);width:260px;max-width:60vw;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;opacity:0;visibility:hidden;transform-origin:0 0;padding:14px 16px;transition:opacity .24s,transform .34s cubic-bezier(.22,.61,.36,1),visibility .34s;transform:translate(-10px,-34px)scale(.5)}.help.is-open .help-panel{opacity:1;visibility:visible;transform:translate(0)scale(1)}.help-section+.help-section{margin-top:12px}.help-head{font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-bottom:8px}.help-row{align-items:center;gap:10px;padding:3px 0;display:flex}.keycap{text-align:center;min-width:44px;font:700 11px/1 var(--mono);letter-spacing:.04em;color:var(--ink);border:1px solid var(--panel-line);background:#ffffff0f;border-radius:6px;flex:none;padding:5px 6px}.help-glyph{text-align:center;flex:none;min-width:44px;font-size:16px}.help-desc{color:var(--ink-dim);font-size:12.5px}.help-name{color:var(--ink);font-weight:700}.panel-shot,.hero-shot{border:1px solid var(--panel-line);aspect-ratio:16/9;object-fit:cover;background:#0b0e16;border-radius:10px;width:100%;margin:0 0 18px;display:block;overflow:hidden;box-shadow:0 6px 20px -8px #0009}.hero-shot{display:none}@media (width<=760px){.panel-shot{display:none}.hero-shot{margin:0 0 16px;display:block}}.shots-band{box-sizing:border-box;width:100%;max-width:1120px;margin:30px auto 8px;padding:0 18px}.shots-head{text-align:center;font:700 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px}.shots{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.shot{border:1px solid var(--panel-line);aspect-ratio:16/9;box-shadow:var(--shadow);background:#0b0e16;border-radius:12px;margin:0;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.shot:hover{border-color:#ffffff38;transform:translateY(-3px)}.shot-img{object-fit:cover;width:100%;height:100%;display:block}.shot-cap{font:600 11.5px/1.2 var(--font);color:#fff;background:linear-gradient(#0000,#000000d1);padding:18px 10px 7px;position:absolute;bottom:0;left:0;right:0}@media (width<=760px){.shots{grid-template-columns:repeat(2,1fr);gap:10px}.shots-band{margin-top:20px}}#about{box-sizing:border-box;max-width:760px;color:var(--ink);margin:0 auto;padding:56px 24px 80px;line-height:1.6;position:relative}#about h1{margin:0 0 14px;font-size:30px}#about h2{color:var(--clay,#e0a060);margin:28px 0 8px;font-size:20px}#about p{color:#c4cad6;margin:0 0 12px}#about dt{margin-top:12px;font-weight:700}#about dd{color:#c4cad6;margin:2px 0 0}#sponsor-cta{background:#ffffff08;border:1px solid #ffffff24;border-radius:12px;margin-top:36px;padding:24px}#sponsor-cta h2{margin-top:0}.sponsor-btn{background:var(--clay,#e0a060);color:#1a1206;border-radius:9px;margin-top:8px;padding:11px 18px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.sponsor-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.lb-panel{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;max-width:360px;margin-top:22px;padding:14px 16px}.lb-title{color:var(--clay,#e0a060);margin:0 0 10px;font-size:14px}.lb-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-row{font:500 13px/1.4 var(--mono);border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin:0 -6px;padding:1px 6px;display:grid}.lb-rank{color:var(--ink-faint)}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-pts{color:var(--clay,#e0a060)}.lb-podium .lb-rank{font-size:15px}.lb-podium .lb-name{color:var(--ink);font-weight:700}.lb-podium-1 .lb-name{color:#ffd479}.lb-podium-2 .lb-name{color:#d6dde8}.lb-podium-3 .lb-name{color:#e6a878}.lb-mine{box-shadow:inset 2px 0 0 var(--clay,#e0a060);background:#d9775729}.lb-mine .lb-name{color:#fff;font-weight:700}.lb-gap{text-align:center;color:var(--ink-faint);letter-spacing:.35em;font:600 12px/1 var(--mono);margin:7px 0 4px}.lb-you{font:600 12px/1 var(--mono);color:#c4cad6;margin-top:10px}.notify-panel{background:#d977570f;border:1px solid #ffffff1f;border-radius:12px;max-width:360px;margin-top:22px;padding:14px 16px}.notify-title{color:var(--clay,#e0a060);margin:0 0 6px;font-size:14px}.notify-blurb{color:var(--ink-dim);margin:0 0 12px;font-size:12.5px;line-height:1.45}.notify-form{gap:8px;display:flex}.notify-input{min-width:0;font:500 13px/1 var(--font);color:var(--ink);border:1px solid var(--panel-line);background:#00000047;border-radius:8px;flex:1;padding:9px 11px}.notify-input:focus{border-color:var(--clay,#e0a060);outline:none}.notify-btn{font:700 13px/1 var(--font);color:#1b1207;background:var(--clay,#e0a060);cursor:pointer;border:none;border-radius:8px;flex:none;padding:9px 14px;transition:filter .12s}.notify-btn:hover{filter:brightness(1.08)}.notify-btn:disabled{opacity:.55;cursor:default}.notify-hint{margin:8px 0 0;font-size:12px}.notify-hint[data-state=ok]{color:var(--green,#3ad06a)}.notify-hint[data-state=err]{color:var(--red,#ff6b6b)}.notify-slack-link{font:600 12px/1.3 var(--font);color:var(--ink-dim);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:10px;padding:0}.notify-slack-link:hover{color:var(--ink)}.notify-slack-row{margin-top:10px}.notify-meta{font:600 11.5px/1.4 var(--mono);color:var(--ink-faint);letter-spacing:.02em;margin:12px 0 0}.roster-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.roster-item{font:500 13px/1.3 var(--mono,monospace);background:#ffffff0a;border-left:3px solid #0000;border-radius:8px;padding:7px 10px}.roster-item.team-A{border-left-color:#e0a060}.roster-item.team-B{border-left-color:#60a0e0}.result-verdict{letter-spacing:-.02em;margin:0 0 4px;font:800 clamp(40px,9vw,80px)/1 system-ui,sans-serif}.result-verdict.won{color:#5fe08a;text-shadow:0 0 30px #5fe08a8c}.result-verdict.lost{color:#ff6b6b;text-shadow:0 0 24px #ff6b6b66}.result-standings{flex-direction:column;gap:4px;margin:8px 0 12px;display:flex}.stand-title{font:700 13px/1 var(--mono);color:var(--clay,#e0a060);text-align:center;margin:0 0 4px}.stand-row{font:500 14px/1.4 var(--mono);justify-content:space-between;gap:16px;display:flex}.stand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stand-wins{color:var(--clay,#e0a060);flex-shrink:0}.result-share{justify-content:center;gap:8px;margin-top:8px;display:flex}.lb-share{margin-top:8px}.outage-banner{background:linear-gradient(#0000004d,#0000004d),#ff28281a;border:1px solid #ff4b4b8c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;max-width:460px;margin-top:14px;padding:14px 18px;display:flex;box-shadow:0 0 24px -6px #ff4b4b73}.outage-banner p{font:600 13px/1.5 var(--mono);color:var(--ink);margin:0}.outage-share-btn{color:#fff;font:700 13px/1 var(--mono);letter-spacing:.04em;cursor:pointer;background:#e03030;border:none;border-radius:8px;padding:9px 18px;transition:filter .15s,transform .15s}.outage-share-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.mult-banner{font:800 16px/1.35 var(--mono);letter-spacing:.05em;text-align:center;border-radius:12px;max-width:460px;margin-top:14px;padding:12px 20px}.mult-banner--warn{color:#ffd76a;background:linear-gradient(#00000059,#00000059),#ffbe0024;border:2px solid #ffcc4db3;animation:1.6s ease-in-out infinite mult-pulse-warn}.mult-banner--down{color:#ffe0e0;background:linear-gradient(#0000004d,#0000004d),#ff282838;border:2px solid #ff4b4bd9;animation:1.1s ease-in-out infinite mult-pulse-down}@keyframes mult-pulse-warn{0%,to{box-shadow:0 0 14px -4px #ffcc4d80}50%{box-shadow:0 0 30px -2px #ffcc4dd9}}@keyframes mult-pulse-down{0%,to{transform:scale(1);box-shadow:0 0 16px -4px #ff4b4b99}50%{transform:scale(1.025);box-shadow:0 0 36px #ff4b4bf2}}@media (prefers-reduced-motion:reduce){.mult-banner--warn,.mult-banner--down{animation:none}}.lb-streak-banner{color:#ffc98a;font:700 13px/1.3 var(--mono);background:#ff8c1e1a;border:1px solid #ffa03c80;border-radius:10px;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;display:flex}.lb-streak-banner.at-risk{color:#ffde9c;background:#ffbe0029;border-color:#ffcc4dbf;animation:1.6s ease-in-out infinite mult-pulse-warn}.lb-streak-flame{animation:2.2s ease-in-out infinite streak-flicker}.lb-name{align-items:center;gap:6px;min-width:0;display:flex}.lb-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-streak{color:#ff9a52;letter-spacing:-.02em;flex:none;font-size:11px;font-weight:700}.lb-streak.gold{color:#ffcf5c;text-shadow:0 0 8px #ffc85080}.result-streak{font:700 14px/1.4 var(--mono);color:#ffc98a;align-items:center;gap:8px;display:inline-flex}.result-streak-flame{font-size:17px;animation:2.2s ease-in-out infinite streak-flicker}.result-streak--extended .result-streak-flame{animation:.6s ease-out streak-pop}@keyframes streak-flicker{0%,to{opacity:.92;transform:scale(1)rotate(-2deg)}50%{opacity:1;transform:scale(1.12)rotate(2deg)}}@keyframes streak-pop{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.5)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lb-streak-banner.at-risk,.lb-streak-flame,.result-streak-flame,.result-streak--extended .result-streak-flame{animation:none}}.x2-optin{text-align:left;background:#ff8c1e12;border:1px solid #ffa03c59;border-radius:12px;margin-top:10px;padding:12px 14px}.x2-optin-title{font:600 13px/1.4 var(--mono);color:var(--ink);margin:0 0 8px}.x2-optin-dismiss{color:#9aa0b4;font:500 12px/1 var(--mono);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;text-decoration:underline}.x2-optin-dismiss:hover{color:var(--ink)}.challenge-banner{background:linear-gradient(#0000004d,#0000004d),#ffb40014;border:1px solid #ffc80073;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;max-width:460px;margin-top:14px;padding:14px 18px;display:flex;box-shadow:0 0 24px -6px #ffc8004d}.challenge-banner p{font:600 13px/1.5 var(--mono);color:var(--ink);margin:0}.challenge-accept-btn{color:#000;font:700 13px/1 var(--mono);letter-spacing:.04em;cursor:pointer;background:#e6a800;border:none;border-radius:8px;padding:9px 18px;transition:filter .15s,transform .15s}.challenge-accept-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}