:root{--gold: #e8c766;--gold-dim: #a98a3e;--navy: #070b1c;--navy-2: #0e1430;--violet: #2a1c63;--ink: rgba(6, 9, 22, .86);--line: rgba(232, 199, 102, .28)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--navy);color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;user-select:none;-webkit-user-select:none}canvas{display:block}#app{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud.hidden,#hud.intro .scorebar,#hud.intro #meters,#hud.intro #minimap,#hud.intro #keys,#hud.intro #playerTag,#hud.intro #feed{display:none}.scorebar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;height:46px;background:linear-gradient(180deg,#0e1430f0,#060916f0);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 12px 40px #0009;backdrop-filter:blur(10px)}.sb-side{display:flex;align-items:center;gap:9px;padding:0 14px;font-weight:800;font-size:14px;letter-spacing:.08em}.sb-bar{width:5px;height:26px;border-radius:2px}.sb-goals{display:flex;align-items:center;gap:12px;padding:0 16px;background:#e8c76617;border-left:1px solid var(--line);border-right:1px solid var(--line);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.sb-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:0 12px;background:var(--gold);color:#10131f}.sb-clock .m{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.sb-clock .h{font-size:8.5px;font-weight:800;letter-spacing:.18em;opacity:.72;margin-top:2px}#addedTime{position:absolute;top:68px;left:50%;transform:translate(-50%);background:var(--gold);color:#10131f;font-size:12px;font-weight:900;padding:3px 12px;border-radius:3px;letter-spacing:.1em;display:none}#centerMsg{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .2s}#centerMsg .big{font-size:68px;font-weight:900;letter-spacing:.1em;line-height:1;background:linear-gradient(180deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 60px rgba(232,199,102,.25)}#centerMsg .sub{display:block;margin-top:12px;font-size:17px;font-weight:600;letter-spacing:.16em;opacity:.8}#feed{position:absolute;left:20px;top:20px;width:280px;font-size:12.5px;line-height:1.65}#feed div{margin-bottom:3px;text-shadow:0 2px 10px rgba(0,0,0,.9);transition:opacity .6s}#feed b{color:var(--gold)}#meters{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:260px}.meter-label{font-size:9px;letter-spacing:.22em;opacity:.55;font-weight:800;margin-bottom:4px}.meter{height:9px;border-radius:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);overflow:hidden;margin-bottom:9px}.meter>i{display:block;height:100%;width:0}#powerFill{background:linear-gradient(90deg,#ffe14d,#ff8a3d,#ff3b30)}#staminaFill{background:linear-gradient(90deg,#2ee6a8,#26b6ff);width:100%}#minimap{position:absolute;right:18px;bottom:18px;width:250px;height:168px;border:1px solid var(--line);border-radius:4px;background:#060e0ab3}#keys{position:absolute;left:18px;bottom:18px;font-size:11px;line-height:1.9;background:var(--ink);border:1px solid rgba(255,255,255,.09);padding:10px 13px;border-radius:5px;backdrop-filter:blur(6px)}#keys b{display:inline-block;min-width:78px;color:var(--gold);font-weight:800}#playerTag{position:absolute;left:50%;bottom:96px;transform:translate(-50%);font-size:12px;letter-spacing:.1em;font-weight:700;opacity:.85;background:var(--ink);padding:4px 12px;border-radius:3px;border:1px solid var(--line)}#overlay{position:fixed;inset:0;z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;background:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(42,28,99,.55),transparent 70%),radial-gradient(ellipse at 50% 100%,rgba(20,40,90,.4),transparent 60%),#040610ed;backdrop-filter:blur(4px);overflow-y:auto}#overlay.show{display:flex}.brand{text-align:center}.brand h1{font-size:54px;font-weight:900;letter-spacing:.16em;line-height:1;background:linear-gradient(180deg,#fff 25%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .tag{margin-top:10px;font-size:11px;letter-spacing:.5em;opacity:.5}.starline{display:flex;justify-content:center;gap:7px;margin-bottom:14px}.starline i{width:9px;height:9px;background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.75}.panel{background:#0a0e22b8;border:1px solid var(--line);border-radius:8px;padding:18px 22px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:center}.row-label{font-size:10px;letter-spacing:.22em;opacity:.5;font-weight:800;width:84px;text-align:right}.opt{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;transition:.14s;pointer-events:auto}.opt:hover{background:#e8c76624;border-color:var(--gold-dim)}.opt.on{background:var(--gold);color:#10131f;border-color:var(--gold)}.teamgrid{display:grid;grid-template-columns:repeat(8,112px);gap:8px}@media (max-width: 1040px){.teamgrid{grid-template-columns:repeat(4,112px)}}.teamcard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;border-radius:7px;cursor:pointer;border:1px solid rgba(255,255,255,.13);background:#ffffff09;transition:.14s;pointer-events:auto}.teamcard:hover{transform:translateY(-3px);border-color:var(--gold-dim);background:#e8c76617}.teamcard.on{border-color:var(--gold);background:#e8c76629;box-shadow:0 0 0 1px var(--gold) inset}.teamcard canvas{width:42px;height:42px}.teamcard .nm{font-size:10.5px;font-weight:800;text-align:center;line-height:1.3}.teamcard .st{font-size:10px;letter-spacing:.12em;color:var(--gold)}.btn{padding:14px 46px;font-size:16px;font-weight:900;letter-spacing:.16em;border:none;border-radius:5px;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#f4d98a,var(--gold));color:#12141f;box-shadow:0 10px 34px #e8c76647;transition:.15s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #e8c76666}.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold-dim);box-shadow:none;font-size:13px;padding:11px 28px}.hint{font-size:11.5px;opacity:.45;letter-spacing:.05em;text-align:center}.bracket{display:flex;gap:20px;align-items:center}.bcol{display:flex;flex-direction:column;gap:8px}.bcol h4{font-size:10px;letter-spacing:.24em;opacity:.5;text-align:center;margin-bottom:4px;font-weight:800}.tie{display:flex;flex-direction:column;gap:2px}.tie .t{display:flex;align-items:center;gap:6px;width:158px;padding:4px 8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:3px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden}.tie .t .sc{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.85}.tie .t.win{border-color:var(--gold);background:#e8c76624}.tie .t.you{box-shadow:0 0 0 1px #7ea8ff99 inset}.tie .t .dot{width:4px;height:16px;border-radius:2px}.shootout{display:flex;flex-direction:column;gap:16px;align-items:center}.sowrap{display:flex;gap:40px}.socol{display:flex;flex-direction:column;align-items:center;gap:8px}.sodots{display:flex;gap:6px}.sodots i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:block}.sodots i.goal{background:#2ee08a;border-color:#2ee08a}.sodots i.miss{background:#e0335f;border-color:#e0335f}.aimbar{position:relative;width:340px;height:34px;border:1px solid var(--line);border-radius:4px;background:#ffffff0d;overflow:hidden}.aimbar .zone{position:absolute;top:0;bottom:0;background:#2ee08a29}.aimbar .cursor{position:absolute;top:0;bottom:0;width:3px;background:var(--gold)}.aimbar .post{position:absolute;top:0;bottom:0;width:2px;background:#ffffff59}.trophy{width:150px;height:190px}