:root{--bg: #0b2622;--glass: rgba(9, 30, 27, .78);--glass-strong: rgba(9, 30, 27, .92);--line: rgba(255, 215, 106, .18);--text: #fbf5e6;--muted: rgba(251, 245, 230, .66);--gold: #ffd76a;--gold-deep: #e0a92a;--ink: #18234a;--display: "Bungee", "Fredoka", system-ui, sans-serif;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);font-family:Fredoka,system-ui,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game{display:block;width:100vw;height:100vh;touch-action:manipulation}.hidden{display:none!important}svg{width:1em;height:1em;fill:currentColor;flex:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 50%,rgba(2,12,10,.6) 100%)}#hud{position:fixed;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.scores{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-left:92px}.hud-buttons{display:flex;gap:8px;pointer-events:auto}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:20px}.chip{--pc: var(--gold);display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}.chip b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.chip small{font-size:13px;color:var(--muted);font-weight:500}.c-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.c-icon{color:var(--pc);font-size:18px}.c-name{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.c-count{min-width:1.6em;padding:0 6px;border-radius:8px;text-align:center;background:#ffffff14}.chip.player{opacity:.72}.chip.active{opacity:1;border-color:var(--pc);box-shadow:0 0 0 1px var(--pc),0 0 22px color-mix(in srgb,var(--pc) 45%,transparent),var(--shadow);transform:translateY(2px)}.chip.player.active .c-count{background:var(--pc);color:var(--ink)}.bump{animation:bump .45s ease-out}@keyframes bump{40%{transform:scale(1.35)}}.banner{--pc: var(--gold);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 26px;border-radius:999px;background:var(--glass-strong);border:2px solid var(--pc);box-shadow:0 0 30px color-mix(in srgb,var(--pc) 40%,transparent),var(--shadow);font-family:var(--display);font-size:clamp(18px,4.5vw,28px);color:var(--pc);white-space:nowrap;pointer-events:none}.banner.show{animation:banner 1.1s ease forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;padding:16px;background:#030e0c73;overflow-y:auto}.menu-screen{background:#030e0c59;align-items:start;padding-top:max(16px,env(safe-area-inset-top))}.menu,.panel{width:100%;background:var(--glass-strong);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu{max-width:760px;margin:auto 0;padding:26px 26px 18px}.panel.small{max-width:380px;padding:26px;text-align:center}.menu-head{text-align:center}.kicker{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{margin:4px 0 2px;font-family:var(--display);font-weight:400;font-size:clamp(38px,9vw,60px);line-height:1;color:var(--text)}h1 span{color:var(--gold)}.tagline{margin:8px 0 0;color:var(--muted);font-size:17px}.menu-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;margin:22px 0 18px}.setup-box{padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.setup-box h2{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.setup-box h2~h2{margin-top:16px}.seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:#00000040}.seg button{flex:1;min-height:40px;padding:6px 8px;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:15px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.seg button.on{background:var(--gold);color:var(--ink)}.seg button small{font-size:11px;font-weight:500;opacity:.8}.sizes b{font-size:19px}.themes button{flex-direction:row;gap:6px}.t-icon{font-size:18px}.players{list-style:none;margin:12px 0 8px;padding:0;display:grid;gap:8px}.players li{--pc: var(--gold);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;border-radius:12px;background:#00000038;border-left:4px solid var(--pc)}.p-icon{color:var(--pc);font-size:20px;display:grid}.p-name,.p-type{min-width:0;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font:inherit;font-size:15px;padding:0 10px}.p-name{flex:1;user-select:text;-webkit-user-select:text}.p-type{flex:0 0 46%;width:46%;cursor:pointer;text-overflow:ellipsis}.p-type option{background:#11312c}.p-remove{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:16px}.p-remove:not(:disabled):hover{background:#ffffff14;color:var(--text)}.add-player{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;min-height:38px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);background:transparent;color:var(--muted);font-weight:600}.add-player:not(:disabled):hover{color:var(--text);border-color:var(--gold)}.best-line{margin:14px 0 0;min-height:1em;font-size:14px;color:var(--gold);text-align:center}.best-line:empty{display:none}.btn{display:block;width:100%;min-height:48px;padding:10px 20px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:var(--ink);font-weight:700;font-size:18px;box-shadow:0 4px #9c6f0d,0 8px 20px #0000004d;transition:transform .08s,box-shadow .08s}a.btn{text-align:center;text-decoration:none}.btn:active{transform:translateY(3px);box-shadow:0 1px #9c6f0d,0 4px 10px #0000004d}.btn.big{min-height:58px;font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.04em}#play-btn{max-width:320px;margin:0 auto}.btn.secondary{background:#ffffff14;color:var(--text);box-shadow:none;border:1px solid rgba(255,255,255,.14)}.btn-col{display:grid;gap:10px;margin-top:20px}.panel h2{margin:0;font-family:var(--display);font-weight:400;font-size:30px;color:var(--gold)}.over-sub{margin:6px 0 0;color:var(--muted)}.standings{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.standings li{--pc: var(--gold);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ffffff0d;border-left:4px solid var(--pc);text-align:left}.standings li.winner{background:color-mix(in srgb,var(--pc) 16%,transparent)}.standings .s-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings b{font-size:22px;font-variant-numeric:tabular-nums}.standings li.stat span{flex:1;color:var(--muted)}.about{margin:20px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}.menu-links{display:flex;justify-content:center;margin-top:12px}.menu-links a{color:var(--gold);text-decoration:none;font-weight:600}.menu-links a:hover{text-decoration:underline}@media(max-width:640px){.menu{padding:20px 14px 14px;border-radius:20px}.menu-body{grid-template-columns:1fr;gap:12px}.seg button{font-size:14px}.scores{padding-left:0;justify-content:flex-start;gap:6px}.scores.many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scores.many .c-name{flex:1}.scores.many .c-icon{display:none}.scores.many .chip{border-left:4px solid var(--pc)}.p-name,.p-type{font-size:14px;padding:0 8px}.p-type{flex-basis:40%;width:40%}.chip{min-height:38px;padding:4px 9px;gap:6px;min-width:0}.c-label{font-size:10px;letter-spacing:.04em}.chip.active{transform:none}.seg{gap:3px}.seg button{padding:6px 4px}.t-icon{font-size:15px}.chip b{font-size:17px}.c-name{max-width:5.5em;font-size:14px}.icon-btn{width:38px;height:38px}}