:root{--cream:#f5f2ea;--mint:#9fe8c8;--pink:#ffb3c7;--baby:#8fd0f0;--butter:#ffe89a;--ink:#5b6472;--panel:#ffffffbd;--panel-border:#fffffff2}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden}canvas{display:block}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);z-index:10;border-radius:22px;padding:14px 18px;font-size:15px;line-height:1.4;position:fixed;box-shadow:0 10px 28px #788ca02e}#hud-title{min-width:220px;top:18px;left:18px}#hud-title h1{letter-spacing:.6px;color:#4f5a68;font-size:27px;line-height:1.05}#hud-title h1 .fluff{color:#ff8fb8}#hud-title .sub{color:#8a94a6;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:15px}#hud-controls{color:#7b8799;max-width:340px;font-size:14px;bottom:16px;left:18px}#hud-controls b{color:#5b6472;font-weight:700}#fps{font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;top:18px;right:18px}#fps.good{color:#2f6b52;background:#9fe8c8d9}#fps.ok{color:#7a6116;background:#ffe89ae6}#fps.bad{color:#7a2f45;background:#ffb3c7e6}#toast{opacity:0;pointer-events:none;background:#ffffffe6;border-radius:999px;padding:10px 20px;font-weight:700;transition:opacity .25s,transform .25s;top:74px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#dunk-window{color:#fff;letter-spacing:1px;background:#ff8cb4eb;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:800;display:none;top:74px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #ffb3c759}#dunk-window.show{display:block}#tuner{width:348px;max-height:calc(100vh - 120px);padding:16px 16px 18px;top:18px;right:18px;overflow-y:auto}#tuner h2{color:#4f5a68;margin-bottom:10px;font-size:18px}#tuner h3{letter-spacing:1px;text-transform:uppercase;color:#aab3c2;margin:14px 0 6px;font-size:13px}.slider-row{grid-template-columns:148px 1fr 58px;align-items:center;gap:8px;padding:3px 0;font-size:13px;display:grid}.slider-row label{text-overflow:ellipsis;white-space:nowrap;color:#6b7688;overflow:hidden}.slider-row .val{text-align:right;font-variant-numeric:tabular-nums;color:#4f5a68;font-weight:700}input[type=range]{accent-color:var(--baby);cursor:pointer;width:100%}.btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{color:#5b6472;border:2px solid var(--baby);cursor:pointer;background:#fff;border-radius:14px;padding:9px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}.btn:hover{border-color:var(--mint);background:#f4fdf8;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.pink{border-color:var(--pink)}.btn.pink:hover{border-color:var(--pink);background:#fff5f8}.btn.butter{border-color:var(--butter)}.btn.butter:hover{border-color:var(--butter);background:#fffdf4}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{color:#5b6472;cursor:pointer;background:#f4f6fa;border:1px solid #e3e9f2;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:700}.chip:hover{background:var(--mint);border-color:var(--mint)}.tuner-footer{color:#aab3c2;margin-top:10px;font-size:12px}#hud-match{text-align:center;min-width:260px;top:18px;left:50%;transform:translate(-50%)}.match-hud-row{justify-content:center;align-items:center;gap:12px;font-size:26px;font-weight:800;display:flex}.match-hud-row .team.mint{color:#2f8a63}.match-hud-row .team.pink{color:#d4698a}.match-hud-row .vs{color:#8a94a6;letter-spacing:1px;font-size:14px}.match-hud-clock{color:#5b6472;justify-content:center;align-items:center;gap:14px;margin-top:4px;font-size:14px;font-weight:700;display:flex}.match-hud-clock .possession.mint{color:#2f8a63;background:#9fe8c880;border-radius:999px;padding:2px 10px}.match-hud-clock .possession.pink{color:#c75f82;background:#ffb3c780;border-radius:999px;padding:2px 10px}.match-hud-clock .sudden{color:#ff6a42;font-weight:800}.match-hud-row .team.style{letter-spacing:.5px;font-size:13px;font-weight:800}.match-hud-row .team.style.mint{color:#2f8a63}.match-hud-row .team.style.pink{color:#d4698a}.match-hud-clock .half{color:#8a94a6;letter-spacing:.5px;font-size:15px;font-weight:800}.match-hud-meters{justify-content:center;align-items:center;gap:16px;margin-top:6px;display:flex}.meter{align-items:center;gap:8px;display:flex}.meter-bar{background:#9fe8c82e;border:2px solid #fff;border-radius:999px;width:120px;height:14px;overflow:hidden;box-shadow:inset 0 1px 3px #5a6e822e}.meter.mint .meter-bar{background:#9fe8c833}.meter.pink .meter-bar{background:#ffb3c738}.meter-fill{background:linear-gradient(90deg,#7cd6af,#b8f0d6);border-radius:999px;height:100%;transition:width .12s linear}.meter.pink .meter-fill{background:linear-gradient(90deg,#f29cb6,#ffc9d6)}.meter-label{white-space:nowrap;color:#6b7688;font-size:12px;font-weight:800}.halftime{-webkit-backdrop-filter:blur(4px);z-index:35;pointer-events:none;background:#f7f4ee8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.halftime-card{border:3px solid var(--baby);text-align:center;background:#fff;border-radius:30px;padding:26px 44px;box-shadow:0 18px 50px #78648c47}.halftime-card h2{letter-spacing:4px;color:#4f5a68;margin-bottom:8px;font-size:34px}.halftime-card p{color:#8a94a6;font-size:16px}.style-pop{letter-spacing:1px;text-shadow:0 3px #ffffffd9,0 6px 18px #785a7840;pointer-events:none;z-index:30;opacity:0;white-space:nowrap;font-size:34px;font-weight:900;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}.style-pop.rise{opacity:1;transition:transform .18s cubic-bezier(.2,1.4,.4,1),opacity .18s;transform:translate(-50%,-60%)scale(1)}.style-pop.fade{opacity:0;transition:transform .5s,opacity .5s;transform:translate(-50%,-130%)scale(.9)}.endcard{-webkit-backdrop-filter:blur(10px);z-index:40;background:#fff8f0db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.endcard-card{text-align:center;background:#fff;border:3px solid #ffe89a;border-radius:30px;max-width:460px;padding:34px 48px;box-shadow:0 24px 60px #78648c4d}.endcard-card h2{color:#4f5a68;margin-bottom:18px;font-size:26px}.endcard-score{justify-content:center;gap:22px;margin-bottom:8px;font-size:30px;font-weight:800;display:flex}.endcard-score .team.mint{color:#2f8a63}.endcard-score .team.pink{color:#d4698a}.endcard-winner{color:#8a94a6;margin-bottom:22px;font-size:16px}@media (width<=720px){#tuner{width:300px}#hud-controls{display:none}}.menu{z-index:60;background:linear-gradient(160deg,#fdf9f0 0%,#eef6f2 55%,#fdf1f5 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-card{text-align:center;background:#fff;border:3px solid #ffe89a;border-radius:30px;width:92%;max-width:680px;padding:30px 38px;box-shadow:0 24px 60px #78648c47}.menu-card h1{letter-spacing:2px;color:#4f5a68;font-size:46px;line-height:1}.menu-card h1 .fluff{color:#ff8fb8}.menu-sub{color:#8a94a6;letter-spacing:2px;text-transform:uppercase;margin-top:6px;font-size:15px}.menu-modes{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;display:grid}.mode-card{cursor:pointer;background:#fbfaf5;border:2px solid #e6ecf5;border-radius:20px;flex-direction:column;gap:4px;padding:16px;transition:transform 80ms,border-color .15s,background .15s;display:flex}.mode-card.clickable:hover{cursor:default}.mode-card:not(.locked):hover{border-color:var(--mint);background:#f2fcf7;transform:translateY(-2px)}.mode-card.locked{opacity:.6;cursor:not-allowed}.mode-label{color:#4f5a68;font-size:19px;font-weight:800}.mode-sub{color:#8a94a6;font-size:13px}.qp-subs{justify-content:center;gap:8px;margin-top:8px;display:flex}.btn.mini{border-radius:999px;padding:6px 12px;font-size:13px}.menu-footer{color:#8a94a6;flex-direction:column;gap:4px;margin-top:20px;font-size:13px;display:flex}.menu-footer-sub{color:#aab3c2}.menu-settings{justify-content:center;gap:8px;margin-top:16px;display:flex}.menu-credits{color:#aab3c2;letter-spacing:.5px;margin-top:14px;font-size:12px}.char-select{z-index:62;-webkit-backdrop-filter:blur(10px);background:#faf6eef0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.char-select-card{border:3px solid var(--mint);background:#fff;border-radius:30px;width:100%;max-width:860px;padding:26px 30px;box-shadow:0 24px 60px #78648c47}.char-select-card h2{color:#4f5a68;text-align:center;margin-bottom:16px;font-size:26px}.char-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.char-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e6ecf5;border-radius:20px;padding:14px;transition:transform 80ms,border-color .15s,background .15s}.char-card:hover{border-color:var(--baby);transform:translateY(-2px)}.char-card.selected{border-color:var(--mint);background:#f2fcf7;box-shadow:0 0 0 3px #9fe8c866}.char-card.locked{opacity:.55;cursor:not-allowed}.char-avatar{color:#4f5a68;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:26px;font-weight:800;display:flex}.char-name{color:#4f5a68;font-size:17px;font-weight:800}.char-type{color:#8a94a6;letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:12px}.char-blurb{color:#6b7688;min-height:44px;margin-top:8px;font-size:12.5px;line-height:1.35}.char-stats{flex-direction:column;gap:3px;margin-top:10px;display:flex}.stat-row{grid-template-columns:30px 1fr 22px;align-items:center;gap:6px;font-size:11px;display:grid}.stat-label{color:#8a94a6;text-align:left;font-weight:800}.stat-bar{background:#8fd0f040;border-radius:999px;height:6px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,#8fd0f0,#9fe8c8);border-radius:999px;height:100%}.stat-val{color:#4f5a68;text-align:right;font-weight:800}.char-sig{color:#5b6472;background:#f6f8fb;border-radius:10px;margin-top:10px;padding:5px 8px;font-size:12px;font-weight:700}.char-lock{color:#c75f82;margin-top:8px;font-size:12px;font-weight:700}#contest-hud{text-align:center;min-width:300px;top:18px;left:50%;transform:translate(-50%)}#contest-hud b{letter-spacing:2px;color:#4f5a68;font-size:15px}.contest-hud-row{color:#5b6472;justify-content:center;gap:14px;margin-top:4px;font-size:16px;font-weight:800;display:flex}.contest-hud-row .contest-target{color:#d4698a}.judge{-webkit-backdrop-filter:blur(4px);z-index:45;background:#f7f4ee8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.judge-card{border:3px solid var(--butter);text-align:center;background:#fff;border-radius:30px;padding:30px 46px;box-shadow:0 18px 50px #78648c47}.judge-card h2{color:#8a94a6;letter-spacing:1px;font-size:20px}.judge-score{color:#4f5a68;margin:10px 0;font-size:44px;font-weight:900}.judge-score.tier-soggy{color:#8fa0b0}.judge-score.tier-solid{color:#5b8fc0}.judge-score.tier-fluffy{color:#d4698a}.judge-score.tier-legendary{color:#e09b2d}.judge-sub{color:#8a94a6;text-transform:capitalize;margin-bottom:18px;font-size:14px}#bracket{min-width:230px;top:74px;right:18px}.bracket-title{letter-spacing:2px;color:#4f5a68;margin-bottom:8px;font-size:13px;font-weight:800}.bracket-list{flex-direction:column;gap:6px;display:flex}.bracket-row{color:#8a94a6;background:#f6f8fb;border-radius:999px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:13px;display:flex}.bracket-row.done{color:#2f8a63;background:#9fe8c859}.bracket-row.now{color:#4f5a68;background:#ffe89a8c;font-weight:800}.bracket-mark{font-size:11px;font-weight:800}.circuit-unlock{color:#2f8a63;margin-top:10px;font-size:14px;font-weight:700}.endcard-card p.endcard-winner{margin-bottom:22px}