*,*:before,*:after{box-sizing:border-box}:root{--bg: #070707;--ink: #f3efe4;--muted: #8a8578;--line: #222018;--panel: #10100e;--key: #181814;--gold: #e0b44b;--gold-dim: #8a6d28;--sisal: #c41e3a;--double: #2f8a55;--tab-h: 3rem}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,sans-serif}#app{min-height:100dvh;min-height:100svh;background:var(--bg)}.tabs{position:sticky;top:0;z-index:5;display:flex;max-width:28rem;margin:0 auto;padding-top:env(safe-area-inset-top);background:var(--bg);border-bottom:1px solid var(--line)}.tabs button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;min-height:var(--tab-h);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tabs button.is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}.cap{max-width:28rem;margin:0 auto;padding:.85rem 1rem calc(1rem + env(safe-area-inset-bottom));display:grid;gap:.7rem}.cap-setup h2{margin:0;font-family:Oswald,Outfit,sans-serif;font-size:2.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.cap-kicker{margin:0;color:var(--gold);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.cap-sub,.cap-obj,.cap-hero-who{margin:0;color:var(--muted);font-size:.88rem}.cap-frieze{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;gap:.12rem;font-family:Oswald,Outfit,sans-serif;font-size:clamp(.55rem,2.6vw,.7rem);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.cap-frieze li{flex:1;text-align:center;padding:.28rem 0 .2rem;color:var(--muted);border-bottom:2px solid transparent}.cap-frieze .is-done{color:#5c584e}.cap-frieze .is-now{color:var(--gold);border-bottom-color:var(--gold)}.cap-contract{margin:0;font-family:Oswald,Outfit,sans-serif;font-size:1.35rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.1}.cap-hero{text-align:center;padding:.15rem 0 .25rem}.cap-hero-name{margin:0;color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.cap-hero-score{margin:0;font-family:Oswald,Outfit,sans-serif;font-size:clamp(5.4rem,28vw,7.5rem);font-weight:600;line-height:.88;letter-spacing:-.03em;color:var(--ink)}.cap-num{font-family:Oswald,Outfit,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cap-win{margin:.35rem 0 0;color:var(--gold);font-family:Oswald,Outfit,sans-serif;font-size:1.15rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.cap-others,.cap-list{margin:0;padding:0;list-style:none;display:grid;gap:.2rem}.cap-others li,.cap-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.38rem .15rem;border-bottom:1px solid var(--line);color:#c8c3b6;font-size:.95rem}.cap-others .cap-num{font-size:1.25rem;font-weight:500;color:var(--ink)}.cap-others .is-win span:first-child,.cap-others .is-win .cap-num{color:var(--gold)}.cap-row{padding:.55rem .15rem}.cap-row-name{font-weight:600}.cap-add,.cap-bar,.cap-mult,.cap-pad,.cap-row-actions{display:flex;flex-wrap:wrap;gap:.4rem}.cap-add input{flex:1;min-height:48px;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--ink);padding:0 .75rem;font:inherit}.cap-add input::placeholder{color:var(--muted)}.cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.cap-pad-row{display:grid;grid-template-columns:repeat(4,1fr)}.cap-pad-3,.cap-mult{display:grid;grid-template-columns:repeat(3,1fr)}.cap-key,.cap-icon,.cap-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a281f;border-radius:.4rem;background:var(--key);color:var(--ink);font-family:Oswald,Outfit,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:.02em;min-height:48px;min-width:48px;padding:0 .55rem;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 80ms ease,background 80ms ease,color 80ms ease,border-color 80ms ease}.cap-key:active,.cap-icon:active,.cap-cta:active{transform:scale(.94);background:var(--gold);color:#111;border-color:var(--gold)}.cap-key:disabled,.cap-icon:disabled,.cap-cta:disabled{opacity:.35}.cap-key-s{color:var(--ink)}.cap-key-d{color:#7dcea0}.cap-key-t{color:#f07a8a}.cap-key-25{color:#7dcea0}.cap-key-50{color:#f07a8a}.cap-key-miss{color:#e8d8d8;border-color:#3a2024}.cap-key.is-on{background:var(--gold);color:#111;border-color:var(--gold)}.cap-key-span{grid-column:span 5}.cap-key-ghost{flex:1;color:var(--muted);background:transparent;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;font-family:Outfit,system-ui,sans-serif;font-weight:600}.cap-key-add{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:.9rem}.cap-icon{min-width:44px;min-height:44px;color:var(--muted)}.cap-cta{width:100%;min-height:3.1rem;background:var(--gold);color:#111;border-color:var(--gold);font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase}.cap-darts{display:flex;justify-content:center;gap:.55rem}.cap-pill{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:999px;border:1.5px solid #2e2b22;background:transparent;font-family:Oswald,Outfit,sans-serif;font-size:.95rem;font-weight:500;color:var(--ink)}.cap-pill.is-empty{color:transparent}.cap-pill.is-hit{border-color:var(--gold-dim);background:#16140c;color:var(--gold)}.cap-pill.is-miss{border-color:#5a222c;background:#16080b;color:#e07080}.stage{position:relative;width:100%;max-width:28rem;margin:0 auto;min-height:calc(100dvh - var(--tab-h) - env(safe-area-inset-top));min-height:calc(100svh - var(--tab-h) - env(safe-area-inset-top));overflow:hidden;background:#070707}.cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#070707}.board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.preds{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.board{position:absolute;left:50%;top:50%;width:min(88%,72dvh);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px #000);opacity:.92}.hud{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;gap:.75rem;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000c7)}.brand{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.9}.status{margin:0;font-size:1rem;line-height:1.4;min-height:1.4em;color:var(--ink)}.score{margin:0;font-family:Oswald,Outfit,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,18vw,5.5rem);font-weight:600;line-height:.95;letter-spacing:.02em;text-shadow:0 2px 18px #000}.hint{margin:0;font-size:1.15rem;line-height:1.35;font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:.4rem;min-height:3rem;padding:.75rem 1.25rem;font:inherit;font-weight:600;color:#111;background:var(--gold);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:disabled{opacity:.45}.stage[data-status=live] .status{display:none}