:root{--bg: #08090c;--glass: rgba(14, 16, 22, .82);--line: rgba(255, 255, 255, .08);--text: #eceef2;--muted: #a9afbb;--yellow: #fff275;--red: #ff3c38;--blue: #6699cc;--orange: #ff8c42;--mauve: #a23e48;--pitch: #11201a;--tilt: 52deg;--tilt-ms: 1.2s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.num{font-family:Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line)}.muted{color:var(--muted)}.btn{height:46px;padding:0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--text);font-weight:600;font-size:15px;cursor:pointer}.btn:hover{background:#ffffff0f}.btn.primary{background:var(--yellow);color:#08090c;border:none;font-weight:700}.btn.primary:hover{filter:brightness(1.05)}.btn:disabled{opacity:.4;cursor:default}.kbd{font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;background:#ffffff14;color:var(--muted)}.btn.primary .kbd{background:#08090c1f;color:#08090c}.screen{min-height:100%;padding:32px 24px;background:radial-gradient(ellipse 80% 60% at 50% 0%,#15241c 0%,#0b0f0d 45%,var(--bg) 75%)}.wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font-size:36px}h2{margin:0;font-size:18px}.panel{border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.card{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:#ffffff08;border:1.5px solid var(--line);color:var(--text)}.card.on{background:#fff27512;border-color:var(--yellow)}.card.on .card-title{color:var(--yellow)}.card-title{font-weight:700;font-size:17px}.seg{display:flex;gap:2px;padding:3px;border-radius:11px;background:#ffffff0a}.seg button{flex:1;height:40px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-weight:600;font-size:15px}.seg button.on{background:var(--yellow);color:#08090c}.steps{display:flex;gap:4px}.steps button{flex:1;height:10px;padding:0;border:none;border-radius:5px;cursor:pointer;background:#ffffff14}.steps button.fill{background:var(--blue)}.steps button.on{background:var(--yellow)}.field{height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--text);padding:0 14px;font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;width:140px}.match{position:relative;height:100%;min-height:640px;overflow:clip;background:#05070b}.match .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e1016f0}.tilted-stage .tok,.tilted-stage .ballTok{transition:left .11s linear,top .11s linear}.tilted-stage .ballTok .lift,.tilted-stage .ballTok .bshadow{transition:transform .11s linear,opacity .11s linear}.ballTok .lift,.ballTok .bshadow{will-change:transform}.plane,.disc{touch-action:none}.stand{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(-30px);transition:opacity var(--tilt-ms) ease,transform var(--tilt-ms) ease;pointer-events:none}.tilted-stage .stand{opacity:1;transform:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;isolation:isolate;perspective:1600px;display:flex;align-items:center;justify-content:center;padding-bottom:70px}.plane{position:relative;transform-style:preserve-3d;width:min(1040px,calc(100vw - 48px),calc((100vh - 250px)*1.5714));aspect-ratio:440 / 280;transition:transform var(--tilt-ms) cubic-bezier(.55,0,.35,1);will-change:transform}.tilted-stage .plane{transform:translate(var(--cam-x, 0px),60px) rotateX(var(--tilt)) scale(1.22)}.apron{position:absolute;top:-4.5%;right:-4.5%;bottom:-4.5%;left:-4.5%;background:#10150f;box-shadow:0 0 0 2px #05070b,0 30px 80px #000c}.grass{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#11201a 0,#11201a 8.333%,#13241c 8.333%,#13241c 16.666%);cursor:crosshair}.plane svg.lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.board-far{position:absolute;left:-4%;right:-4%;top:-4.2%;height:3.2%;transform-origin:50% 100%;transform:rotateX(-90deg);display:flex;background:#05070b;font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.board-far span{flex:1;display:flex;align-items:center;justify-content:center}.tok{position:absolute;width:0;height:0;transform-style:preserve-3d}.tok .shadow{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:#00000073}.tok .ring{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;border:3px solid var(--yellow)}.tok .bill{position:absolute;left:-16px;top:-32px;width:32px;height:32px;transform-origin:50% 100%;transition:transform var(--tilt-ms) cubic-bezier(.55,0,.35,1)}.tilted-stage .tok .bill{transform:rotateX(calc(-1 * var(--tilt)))}.disc{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed;font-weight:700;font-size:16px;color:#08090c;cursor:pointer;box-shadow:0 0 0 1.5px #ffffffd9,0 3px 8px #00000080;-webkit-user-select:none;user-select:none}.disc.sel{box-shadow:0 0 0 2px #08090c,0 0 0 4px var(--yellow),0 0 16px #fff27580}.disc.target{box-shadow:0 0 0 2px #08090c,0 0 0 4px #eceef2}.disc.down{opacity:.45}.tok .tag{position:absolute;left:50%;top:4px;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:600;padding:0 5px;border-radius:4px;background:#08090cbf;color:var(--muted);pointer-events:none}.tok .badge{position:absolute;left:12px;top:-40px;font-size:10px;font-weight:700;padding:0 4px;border-radius:4px;background:#08090cd9;color:var(--yellow);white-space:nowrap;pointer-events:none}.ballTok{position:absolute;width:0;height:0;transform-style:preserve-3d;pointer-events:none}.ballTok .bshadow{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#0000008c}.ballTok .lift{position:absolute;left:0;top:0;transform-style:preserve-3d}.ballTok .bill{position:absolute;left:-7px;top:-14px;width:14px;height:14px;transform-origin:50% 100%;transition:transform var(--tilt-ms) cubic-bezier(.55,0,.35,1)}.tilted-stage .ballTok .bill{transform:rotateX(calc(-1 * var(--tilt)))}.hud-tl{position:absolute;left:20px;top:16px;z-index:10;display:flex;flex-direction:column;gap:6px}.scorebug{display:flex;align-items:center;height:40px;border-radius:10px;overflow:hidden}.scorebug .team{display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:700;font-size:15px;letter-spacing:.06em}.scorebug .bar{width:4px;height:18px;border-radius:2px}.scorebug .score{padding:0 10px;font-size:24px;font-weight:700}.scorebug .clock{align-self:stretch;display:flex;align-items:center;padding:0 12px;background:#ffffff0f;font-weight:600;font-size:14px;color:var(--muted)}.hud-tr{position:absolute;right:20px;top:16px;z-index:10;display:flex;align-items:center;gap:12px;padding:6px 14px 6px 8px;border-radius:12px}.hud-center{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:10}.chip-res{display:flex;align-items:stretch;height:34px;font-family:Barlow Condensed;font-weight:800;font-style:italic;text-transform:uppercase;font-size:17px}.chip-res span{display:flex;align-items:center;padding:0 14px}.ticker{display:flex;align-items:stretch;height:30px;white-space:nowrap;font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:16px;text-transform:uppercase;animation:tickIn .25s ease-out}.ticker span{display:flex;align-items:center;padding:0 12px}@keyframes tickIn{0%{transform:translate(-14px)}to{transform:none}}.goal{position:absolute;left:50%;top:30%;z-index:20;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);animation:slam .5s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.goal b{padding:0 40px;background:var(--red);color:var(--yellow);font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:110px;line-height:1.02;text-transform:uppercase;box-shadow:0 14px 40px #0009}.goal span{padding:5px 18px;background:#0d1017;font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:22px;text-transform:uppercase}@keyframes slam{0%{opacity:0;transform:translate(-50%) scale(2.2)}to{opacity:1;transform:translate(-50%) scale(1)}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yellow);pointer-events:none;animation:flash .7s ease-out forwards;z-index:15}@keyframes flash{0%{opacity:.3}to{opacity:0}}.bar-bottom{position:absolute;left:0;right:0;bottom:16px;z-index:10;display:flex;justify-content:center;transition:transform .6s cubic-bezier(.55,0,.35,1)}.tilted-stage .bar-bottom{transform:translateY(220px);opacity:0}.bar-bottom{transition:transform .6s cubic-bezier(.55,0,.35,1),opacity .4s ease}.abar{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.abar .grp{display:flex;gap:2px;padding:3px;border-radius:11px;background:#ffffff0a}.abar .act{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:none;border-radius:8px;cursor:pointer;background:transparent;color:var(--text);font-weight:600;font-size:15px}.abar .act:hover{background:#ffffff0f}.abar .act.on{background:var(--yellow);color:#08090c}.abar .act.on .kbd{background:#08090c1f;color:#08090c}.abar .act:disabled{opacity:.3;cursor:default}.abar .dot{width:8px;height:8px;border-radius:50%}.abar .sep{width:1px;height:30px;background:#ffffff1a}.who{display:flex;align-items:center;gap:10px;padding:0 6px 0 4px;min-width:150px}.who .n{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#08090c;font-family:Barlow Condensed;font-weight:700;font-size:16px;box-shadow:0 0 0 2px #08090c,0 0 0 4px var(--yellow)}.who .st{display:flex;gap:7px;font-size:11px;color:var(--muted)}.hint{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:10;padding:6px 12px;border-radius:8px;font-size:13px;white-space:nowrap}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#05070bb3;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(760px,100%);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}table.stats{width:100%;border-collapse:collapse;font-size:15px}table.stats td,table.stats th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:center}table.stats td:first-child,table.stats th:first-child{text-align:left;color:var(--muted)}.dbub{position:absolute;z-index:25;transform:translate(-50%,-100%);pointer-events:none;transition:left .11s linear,top .11s linear}.dres{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px 7px;border:2.5px solid;border-radius:12px;box-shadow:0 10px 24px #0009;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}.dres b{font-size:40px;font-weight:800;line-height:.95}.dres .dname{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.dres .ddetail{font-size:11px;font-weight:600;opacity:.8;white-space:nowrap}.dres.lost{opacity:.9}.dres .dverdict{font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:17px;text-transform:uppercase;white-space:nowrap}@keyframes pop{0%{transform:translateY(10px) scale(.7)}to{transform:none}}.chain{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#08090c;border:2.5px solid;box-sizing:border-box;cursor:grab;box-shadow:0 0 0 3px #08090c80}.chain:hover{transform:scale(1.25)}table.roster{width:100%;border-collapse:collapse;font-size:13px}table.roster th{padding:4px 4px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);cursor:help}table.roster td{padding:5px 4px;border-bottom:1px solid rgba(255,255,255,.04);text-align:center;white-space:nowrap}table.roster td.stat{font-weight:700;font-size:16px}.legend{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.legend dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 16px}.legend dl>div{display:flex;gap:8px;align-items:baseline}.legend dt{flex:none;width:30px;font-weight:700;font-size:14px;color:var(--yellow)}.legend dd{margin:0;font-size:12.5px;color:#c9cdd6;line-height:1.35}.legend dd b{color:var(--text)}.legend .scale{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#c9cdd6;padding-top:6px;border-top:1px solid var(--line)}.legend .scale i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}