:root{--bg: #08110d;--bg-glow: #163126;--surface: rgba(8,17,13,.96);--surface-2: #0f1d17;--ink: #f2f6ef;--ink-2: #c9d6cd;--muted: #8ea597;--line: #22362c;--overlay: rgba(4,8,6,.66);--ink-mix: 0%;--primary: #e8112d;--on-primary: #ffffff;--good: #3ee07a;--bad: #ff2238;--red: #ff2238;--blue: #0aa2ff;--orange: #ff7a00;--yellow: #ffcc00;--lime: #5fd400;--board: #040706;--board-rim: #0b1612;--led: #ffb547;--display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--body: "Barlow", "Segoe UI", system-ui, sans-serif;color-scheme:dark}html.look-light{--bg: #f3f8ff;--bg-glow: #d6ecff;--surface: rgba(255,255,255,.97);--surface-2: #ffffff;--ink: #0b1530;--ink-2: #33415f;--muted: #5d6b86;--line: #d3dcea;--overlay: rgba(220,235,252,.55);--ink-mix: 42%;--good: #0a9e45;--board-rim: #1b2a40;color-scheme:light}[hidden]{display:none!important}html,body{height:100%}body{background:radial-gradient(120% 60% at 50% 0%,var(--bg-glow) 0%,var(--bg) 60%);background-color:var(--bg);color:var(--ink);font-family:var(--body);overflow:hidden;margin:0}#app{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding-inline:16px;padding-block:12px;max-width:1100px;margin:0 auto;box-sizing:border-box}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.crest{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:900;font-size:1.8rem;letter-spacing:.03em;line-height:1;text-transform:uppercase}.crest .mark{width:1.15em;height:1.15em;flex:none}.crest .over{color:var(--red)}.stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.stat span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat b{font-family:var(--display);font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}button{font:600 .8rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 12px;cursor:pointer}button:hover{border-color:var(--muted)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a.btn{font:600 .8rem var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}a.btn:hover{border-color:var(--muted)}a.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tier{font:800 .65rem var(--body);letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:var(--red);color:#fff}.tier.free{background:var(--muted)}.mi.locked{opacity:.78}.mi.locked .mi-b{background:transparent;color:color-mix(in srgb,var(--c),#000 var(--ink-mix));border:1.5px solid var(--c)}.mi.locked.sel .mi-b{background:#0b120e;color:var(--c)}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover{filter:brightness(1.08)}.board{background:var(--board);border:1px solid #22362c;border-radius:10px;padding:12px 16px 10px;display:grid;gap:8px;box-shadow:0 0 0 4px var(--board-rim),0 10px 30px #00000059;background-image:radial-gradient(rgba(255,181,71,.07) 1px,transparent 1.4px);background-size:5px 5px}#prompt{font-family:var(--display);font-weight:900;text-transform:uppercase;text-align:center;line-height:1;min-height:1.05em;font-size:4rem;letter-spacing:.03em;color:var(--led);text-shadow:0 0 14px rgba(255,181,71,.45);white-space:nowrap}#prompt.pop{animation:pop .18s ease-out}#prompt{transition:translate .25s ease-out}#prompt .flank{opacity:.55;font-size:.78em;letter-spacing:-.08em}.tabs.filters button{font-size:.72rem;padding:6px 10px}.tabs button[aria-pressed=true]{border-color:var(--blue);color:color-mix(in srgb,var(--blue),#000 var(--ink-mix))}@keyframes pop{0%{transform:scale(.88);opacity:.3}to{transform:none;opacity:1}}.clock{height:8px;background:#17110a;border-radius:4px;overflow:hidden}#clockFill{height:100%;width:100%;background:var(--led);transform-origin:left}#clockFill.low{background:var(--red)}#ticker{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8ea597}#ticker b{color:var(--led);font-weight:700}#pitchWrap{position:relative;min-height:0}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#callout{position:absolute;display:grid;place-items:center;pointer-events:none;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:.95;text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 30px rgba(0,0,0,.6);opacity:0}#callout.show{animation:callout .75s ease-out forwards}#callout.good{color:#fff}#callout.bad{color:var(--red)}@keyframes callout{0%{opacity:0;transform:scale(.6) rotate(-4deg)}20%{opacity:1;transform:scale(1.08) rotate(-2deg)}70%{opacity:1;transform:scale(1) rotate(-2deg)}to{opacity:0;transform:scale(1.04) rotate(-2deg)}}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;background:var(--overlay)}.card{max-width:32rem;width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:grid;gap:12px;max-height:100%;overflow-y:auto;box-shadow:0 18px 50px #0b15302e}.card.wide{max-width:52rem}.card h1,.card h2{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.95;text-wrap:balance}.card h1{font-size:3rem}.card h2{font-size:2.2rem}.card h2 span{color:color-mix(in srgb,var(--red),#000 var(--ink-mix))}.card h3{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.card p{margin:0;line-height:1.45;color:var(--ink-2)}.card p.good{color:var(--good);font-weight:600}.note{font-size:.88rem}.kick{font-weight:700;color:var(--ink)!important;letter-spacing:.03em;font-size:.9rem}.final{font-family:var(--display);font-size:4.5rem;font-weight:900;line-height:1;color:color-mix(in srgb,var(--red),#000 calc(var(--ink-mix) / 2));font-variant-numeric:tabular-nums}.btns{display:flex;gap:10px;flex-wrap:wrap}.card.menu-card{background:radial-gradient(60% 50% at 0% 0%,color-mix(in srgb,var(--red) 16%,transparent),transparent 70%),radial-gradient(50% 50% at 100% 0%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%),radial-gradient(60% 60% at 100% 100%,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 70%),var(--surface);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}.menu-head h1{font-size:clamp(2.6rem,8vw,3.6rem);background:linear-gradient(90deg,var(--red),var(--orange) 50%,var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.slogan{display:flex;gap:.45em;font-family:var(--display);font-weight:900;font-size:1.6rem;letter-spacing:.03em;text-transform:uppercase}.slogan span:nth-child(1){color:color-mix(in srgb,var(--red),#000 calc(var(--ink-mix) / 2))}.slogan span:nth-child(2){color:color-mix(in srgb,var(--blue),#000 var(--ink-mix))}.slogan span:nth-child(3){color:color-mix(in srgb,var(--lime),#000 var(--ink-mix))}.menu-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:720px){.menu-grid{grid-template-columns:minmax(0,1fr)}}.menu{display:grid;gap:8px}.mi{--c: var(--muted);text-align:left;text-transform:none;letter-spacing:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:11px 14px;border-radius:10px;background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.mi-t{display:grid;gap:2px;min-width:0}.mi-l{font-family:var(--display);font-weight:900;font-size:1.45rem;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:color-mix(in srgb,var(--c),#000 var(--ink-mix))}.mi-s{font-size:.82rem;color:var(--ink-2);font-weight:400}.mi-b{font:700 .8rem var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 9px;border-radius:999px;color:#0b120e;background:var(--c)}.mi.sel{background:var(--c);border-color:var(--c);transform:scale(1.025);box-shadow:0 0 0 2px #00000040,0 0 28px color-mix(in srgb,var(--c) 65%,transparent);animation:glow 1.4s ease-in-out infinite}.mi.sel .mi-l{color:#0b120e}.mi.sel .mi-s{color:#0b120ed1}.mi.sel .mi-b{background:#0b120e;color:var(--c)}@keyframes glow{50%{box-shadow:0 0 0 2px #00000040,0 0 44px color-mix(in srgb,var(--c) 85%,transparent)}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:8px}.tile{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:4px;background:var(--surface-2)}.tile span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.tile b{font-family:var(--display);font-weight:900;font-size:1.9rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.chartbox{position:relative;height:190px}.chartbox canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tip{position:absolute;pointer-events:none;transform:translate(-50%,calc(-100% - 10px));background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:.78rem;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}.bars{display:grid;gap:8px}.barrow{display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr) auto;align-items:center;gap:10px}@media(max-width:520px){.barrow{grid-template-columns:minmax(0,1fr) auto}.barrow .track{grid-column:1 / -1;grid-row:2}}.barrow .lab{font-family:var(--display);font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:12px;background:color-mix(in srgb,var(--muted) 18%,transparent);border-radius:4px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:0 4px 4px 0}.barrow .val{font-size:.82rem;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.howto{display:grid;gap:10px;min-width:0}.perks{margin:0;padding-left:1.2em;color:var(--ink-2);display:grid;gap:4px}.rules{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.9rem}.rules dt{font-family:var(--display);font-weight:700;font-size:1.05rem;color:color-mix(in srgb,var(--red),#000 calc(var(--ink-mix) / 2));white-space:nowrap}.rules dd{margin:0;color:var(--ink-2);min-width:0}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button[aria-selected=true]{border-color:var(--red);color:color-mix(in srgb,var(--red),#000 calc(var(--ink-mix) / 2))}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.92rem}th{text-align:left;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--line)}td{padding:7px 8px;border-bottom:1px solid var(--line);color:var(--ink);white-space:nowrap}td.n,th.n{text-align:right}tr.top td{color:color-mix(in srgb,var(--red),#000 calc(var(--ink-mix) / 2));font-weight:700}.form{display:grid;gap:12px}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:center}@media(max-width:520px){.row{grid-template-columns:minmax(0,1fr)}}.row label{font-size:.9rem;color:var(--ink-2)}input[type=range]{width:100%;accent-color:var(--red)}select,input[type=text]{font:600 .95rem var(--body);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%;box-sizing:border-box}.check{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink-2)}.check input{width:1.1rem;height:1.1rem;accent-color:var(--red)}.mats{display:grid;gap:8px}.matrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.matrow small{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:2px 0;width:100%}#pad{display:none;justify-content:center;gap:10px;padding-bottom:4px}#pad button{font-size:1.4rem;width:3.6rem;height:3.2rem;padding:0}@media(pointer:coarse){#pad{display:flex}}@media(max-width:480px){.crest,.stat b{font-size:1.4rem}.card h1{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){#prompt.pop{animation:none}#callout.show{animation-duration:.5s}.mi.sel{animation:none}}