:root{--bg: #0f1511;--bg-elev: #182420;--bg-elev-2: #21322b;--line: #2c3d35;--text: #eaf2ec;--text-dim: #9db0a6;--brand: #2ecc71;--brand-strong: #1f6f43;--brand-ink: #06130b;--danger: #e5573f;--gold: #f2c94c;--radius: 16px;--radius-sm: 10px;--tap: 56px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{margin:0;line-height:1.15}.muted{color:var(--text-dim)}.center{text-align:center}.screen{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.topbar h1,.topbar__title{font-size:1.05rem;font-weight:600}.topbar__spacer{width:64px}.sticky-actions{position:sticky;bottom:0;margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);font:inherit;font-weight:600;color:var(--text);background:var(--bg-elev-2);min-height:var(--tap);padding:0 18px;cursor:pointer;transition:transform .05s ease,opacity .15s ease,background .15s ease;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--brand);color:var(--brand-ink)}.btn--ghost{background:transparent;border:1px solid var(--line)}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn--link{background:transparent;color:var(--brand);min-height:44px;padding:0 6px}.btn--xl{min-height:68px;font-size:1.25rem;border-radius:var(--radius)}.btn--icon{min-height:40px;width:40px;padding:0;background:transparent;color:var(--text-dim);font-size:1.1rem}.home__header{text-align:center;padding-top:24px}.home__logo{font-size:2rem;letter-spacing:-.02em}.home__logo{display:inline-flex;align-items:center;justify-content:center;gap:10px}.home__logo-mark{width:1.4em;height:1.4em;vertical-align:middle}.home__tagline{color:var(--text-dim);margin:6px 0 0}.home__actions{display:flex;flex-direction:column;gap:10px}.home__history h2{font-size:1rem;color:var(--text-dim);margin-bottom:10px}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.history__item{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.history__date{font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.history__podium{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.history__place{display:inline-flex;align-items:center;gap:6px}.history__name{font-weight:600}.add-player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.add-player__photo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bg-elev-2);border:1px dashed var(--line);cursor:pointer;overflow:hidden}.add-player__camera{font-size:1.4rem}.add-player__name{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);padding:0 14px;font:inherit}.add-player__name:focus{outline:2px solid var(--brand);border-color:transparent}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}.roster__row{display:flex;align-items:center;gap:12px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px}.roster__num{width:22px;text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums}.roster__name{flex:1;font-weight:600}.roster__empty{padding:20px 4px;text-align:center}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--brand-strong);color:#fff;font-weight:700;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--dimmed{filter:grayscale(1);opacity:.6}.turn{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.turn__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.turn__label{position:absolute;clip:rect(0 0 0 0)}.turn__player{display:flex;align-items:center;gap:14px}.turn__name{font-size:1.4rem}.turn__meta{display:flex;flex-direction:column;gap:8px}.turn__score{text-align:right;line-height:1}.turn__score-value{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand)}.turn__score-target{display:block;color:var(--text-dim);font-size:.85rem;margin-top:2px}.miss-dots{display:inline-flex;gap:6px}.miss-dots__dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-dim)}.miss-dots__dot--on{background:var(--danger);border-color:var(--danger)}.numpad{display:flex;flex-direction:column;gap:10px}.numpad__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.numpad__btn{min-height:64px;font-size:1.5rem;font-weight:700;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);cursor:pointer;touch-action:manipulation;transition:transform .05s ease,background .1s ease}.numpad__btn:active{transform:scale(.95);background:var(--brand-strong)}.numpad__btn:disabled{opacity:.4}.numpad__btn--miss{background:transparent;border:1px solid var(--danger);color:var(--danger);min-height:52px;font-size:1.15rem}.play__standings h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.standings__row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid transparent}.standings__row--current{border-color:var(--brand);background:var(--bg-elev-2)}.standings__row--inactive{opacity:.65}.standings__avatar{position:relative;display:inline-flex;flex:none}.standings__trophy{position:absolute;right:-6px;bottom:-6px;font-size:.85rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.standings__info{flex:1;display:flex;flex-direction:column;gap:4px}.standings__badge--finished{color:var(--gold)}.standings__name{font-weight:600}.standings__badge{font-size:.75rem;color:var(--text-dim)}.standings__score{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.standings__score small{color:var(--text-dim);font-weight:500;font-size:.7rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a07b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;display:flex;flex-direction:column;gap:14px}.modal__celebrate{font-size:2.6rem}.modal__winner{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.modal__winner p{margin:4px 0 0;color:var(--text-dim)}.modal__question{color:var(--text-dim);margin:0}.modal__actions{display:flex;flex-direction:column;gap:10px}.results__header{text-align:center;padding-top:16px}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}.results__row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}.results__row--podium{background:var(--bg-elev-2)}.results__rank{min-width:32px;font-size:1.4rem;text-align:center;font-variant-numeric:tabular-nums}.results__info{flex:1;display:flex;flex-direction:column;gap:2px}.results__name{font-weight:700;font-size:1.05rem}.results__badge{font-size:.75rem;color:var(--text-dim)}.results__score{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand)}.disclaimer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.disclaimer p{font-size:.72rem;color:var(--text-dim);line-height:1.4;margin:0}.turn--enter{animation:turn-in .32s cubic-bezier(.22,1,.36,1)}@keyframes turn-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.miss-dots__dot--on{animation:dot-pop .3s ease}@keyframes dot-pop{0%{transform:scale(.2)}60%{transform:scale(1.35)}to{transform:scale(1)}}.miss-flash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:none;color:var(--danger);font-size:6rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.5);animation:miss-flash .5s ease-out forwards}@keyframes miss-flash{0%{opacity:0;transform:scale(.4) rotate(-12deg)}25%{opacity:.95;transform:scale(1.1) rotate(4deg)}45%{transform:scale(1) rotate(-3deg)}to{opacity:0;transform:scale(1.05) rotate(0)}}.modal--pop{animation:modal-pop .4s cubic-bezier(.2,1.3,.5,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal__celebrate--bounce{animation:celebrate-bounce 1.1s ease-in-out infinite}@keyframes celebrate-bounce{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:25}.confetti__piece{position:absolute;top:-8%;opacity:0;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translate3d(var(--drift),108vh,0) rotate(var(--spin))}}@media (prefers-reduced-motion: reduce){.turn--enter,.miss-dots__dot--on,.modal--pop,.modal__celebrate--bounce,.confetti__piece{animation:none}.miss-flash,.confetti{display:none}}