:root{--ink:#ffffffeb;--ink-2:#ffffff9e;--ink-3:#ffffff61;--glass:#0c0e12b8;--glass-2:#16191fdb;--line:#ffffff14;--accent:#d9ec4b;--font:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#07080a;margin:0;overflow:hidden}#view{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hud{pointer-events:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.bug{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:8px;position:absolute;top:24px;left:28px;overflow:hidden;box-shadow:0 8px 28px #00000047}.bug .row{align-items:center;height:32px;padding-left:10px;display:flex}.bug .row+.row{border-top:1px solid var(--line)}.bug .srv{background:0 0;border-radius:3px;width:6px;height:6px;margin-right:10px}.bug .srv.on{background:var(--accent);box-shadow:0 0 8px #d9ec4b99}.bug .nm{letter-spacing:.02em;min-width:132px;padding-right:12px;font-size:14px;font-weight:500}.bug .g{text-align:center;width:26px;color:var(--ink-2);font-size:16px;font-weight:500}.bug .g.cur{color:var(--ink);font-weight:700}.bug .g.won{color:var(--ink)}.bug .pt{min-width:44px;height:100%;color:var(--accent);background:#ffffff12;justify-content:center;align-items:center;margin-left:8px;font-size:16px;font-weight:700;display:flex}.bug .tag{letter-spacing:.14em;color:var(--ink-3);border-top:1px solid var(--line);padding:6px 10px;font-size:11px;font-weight:700}.banner{opacity:0;text-align:center;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:13%;left:50%;transform:translate(-50%,-8px)}.banner.on{opacity:1;transform:translate(-50%)}.banner-title{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 18px #0000008c;font-size:28px;font-weight:700}.banner-sub{letter-spacing:.08em;color:var(--ink-2);text-shadow:0 1px 10px #0009;margin-top:6px;font-size:14px;font-weight:500}.chip{background:var(--glass);border:1px solid var(--line);opacity:0;border-radius:8px;align-items:baseline;gap:6px;padding:7px 12px;transition:opacity .25s,transform .3s;display:flex;position:absolute;top:104px;left:28px;transform:translateY(-4px)}.chip.on{opacity:1;transform:none}.chip .lbl{letter-spacing:.14em;color:var(--ink-3);font-size:11px;font-weight:700}.chip .num{font-size:16px;font-weight:700}.meter{opacity:0;background:#ffffff24;border-radius:2px;width:180px;height:4px;margin-left:-90px;transition:opacity .15s;position:absolute;bottom:64px;left:50%;overflow:hidden}.meter.on{opacity:1}.meter-fill{background:var(--accent);transform-origin:0;width:100%;height:100%}.hint{color:var(--ink-2);letter-spacing:.02em;white-space:nowrap;background:#0a0c1080;border-radius:8px;padding:8px 14px;font-size:12px;transition:opacity 1s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hint b{color:var(--ink);font-weight:600}.hint.off{opacity:0}.menu{background:linear-gradient(90deg,#060709d1 0%,#0607098c 38%,#06070900 70%);justify-content:flex-start;align-items:flex-end;padding:0 0 7vh 7vw;transition:opacity .6s;display:flex;position:fixed;inset:0}.menu.off{opacity:0;pointer-events:none}.menu .panel{width:min(440px,88vw)}.menu .kicker{letter-spacing:.24em;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:700}.menu h1{letter-spacing:-.02em;margin:0 0 6px;font-size:56px;font-weight:800;line-height:.98}.menu .lede{color:var(--ink-2);margin:0 0 28px;font-size:14px;line-height:1.5}.menu .field{margin-bottom:14px}.menu .field label{letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.menu .seg{flex-wrap:wrap;gap:6px;display:flex}.menu .seg button{font:inherit;color:var(--ink-2);cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.menu .seg button:hover{color:var(--ink);background:#ffffff1a}.menu .seg button.on{color:#0b0c0e;background:var(--ink)}.menu .play{font:inherit;letter-spacing:.04em;color:#0b0c0e;background:var(--accent);cursor:pointer;border:0;border-radius:10px;margin-top:22px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .12s,filter .15s}.menu .play:hover{filter:brightness(1.06)}.menu .play:active{transform:scale(.98)}.menu .loading{color:var(--ink-3);letter-spacing:.04em;min-height:16px;margin-top:16px;font-size:12px}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0607099e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay .card{background:var(--glass-2);border:1px solid var(--line);border-radius:14px;min-width:360px;padding:28px 32px}.overlay h2{margin:0 0 4px;font-size:28px;font-weight:700}.overlay .sub{color:var(--ink-2);margin-bottom:20px;font-size:14px}.overlay table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:14px}.overlay td{border-top:1px solid var(--line);padding:7px 0}.overlay td:not(:first-child){text-align:right;width:70px;font-weight:700}.overlay .actions{gap:8px;display:flex}.overlay button{font:inherit;cursor:pointer;color:var(--ink);background:#ffffff14;border:0;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:600}.overlay button.primary{background:var(--accent);color:#0b0c0e}@media (max-width:720px){.bug{transform-origin:0 0;top:12px;left:12px;transform:scale(.85)}.menu{padding:0 16px 5vh}.menu h1{font-size:40px}.hint{display:none}}.rtag{letter-spacing:.2em;background:var(--glass);border:1px solid var(--line);opacity:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:24px;right:28px}.rtag.on{opacity:1}.rtag .dot{background:#ff4d3d;border-radius:4px;width:7px;height:7px;box-shadow:0 0 8px #ff4d3db3}.bug{transition:opacity .3s}.hawkeye{background:var(--glass-2);border:1px solid var(--line);opacity:0;border-radius:10px;align-items:baseline;gap:14px;padding:12px 20px;transition:opacity .3s,transform .4s;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)translateY(6px)}.hawkeye.on{opacity:1;transform:translate(-50%)}.hawkeye .lbl{letter-spacing:.2em;color:var(--ink-3);font-size:11px;font-weight:700}.hawkeye .call{letter-spacing:.1em;font-size:28px;font-weight:800}.hawkeye .call.in{color:var(--accent)}.hawkeye .call.out{color:#ff6a5a}.hawkeye .mm{color:var(--ink-2);font-size:14px;font-weight:500}