:root{--bg:#0d0d18;--surface:#181828;--surface-2:#1f1f33;--line:#2a2a40;--text:#f4f2ec;--muted:#8e8ca6;--play:#ff3d5a;--play-deep:#d92846;--gold:#ffc53d;--green:#3ecf8e;--display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--body:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{font-family:var(--body);color:var(--text);background:radial-gradient(90rem 40rem at 50% -20rem, #191930 0%, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.app{max-width:34rem;padding:1.5rem 1.25rem calc(2.5rem + env(safe-area-inset-bottom));margin:0 auto}.mono{font-family:var(--mono)}a{color:var(--gold);-webkit-text-decoration-color:color-mix(in srgb, var(--gold) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--gold) 45%, transparent);text-underline-offset:3px}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.btn{font-family:var(--display);letter-spacing:.01em;border:0;border-radius:14px;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-block}.btn-primary{background:var(--play);color:#fff;box-shadow:0 4px 0 var(--play-deep)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 0 var(--play-deep);transform:translateY(2px)}.btn-primary:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:default;transform:none}.btn-hero{width:100%;padding:1.1rem;font-size:1.2rem}.btn-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:.25rem;text-decoration:underline}.btn-link:hover{color:var(--text)}.home{text-align:center;flex-direction:column;gap:1.4rem;display:flex}.masthead{margin-top:1.5rem}.wordmark{font-family:var(--display);letter-spacing:-.02em;align-items:baseline;gap:.18em;margin:0;font-size:clamp(3.2rem,15vw,4.8rem);font-weight:800;line-height:.95;display:inline-flex}.wordmark-play{width:.62em;height:.62em;fill:var(--play);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--play) 55%, transparent));align-self:center}.tagline{font-family:var(--display);color:var(--gold);margin:.4rem 0 0;font-size:1.35rem;font-weight:500}.pitch{max-width:26rem;color:var(--muted);margin:0 auto;line-height:1.55}.challenge-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-self:center;align-items:center;gap:.75rem;padding:.45rem .9rem;font-size:.85rem;display:inline-flex}.chip-no{color:var(--gold);font-weight:600}.streak-row{color:var(--muted);justify-content:center;gap:1.4rem;font-size:.85rem;display:flex}.played-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:.6rem;padding:1.4rem;display:flex}.played-heading{color:var(--muted);margin:0}.played-score{color:var(--gold);margin:0;font-size:2.4rem;font-weight:600}.played-squares{letter-spacing:.1em;margin:0;font-size:1.4rem}.come-back{color:var(--muted);margin:0;font-size:.85rem}.how{text-align:left;flex-direction:column;gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.how li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.how-icon{background:var(--surface-2);border-radius:10px;flex:none;place-items:center;width:2.4rem;height:2.4rem;font-size:1.3rem;display:grid}.how strong{font-family:var(--display);font-weight:700;display:block}.how div span{color:var(--muted);font-size:.9rem}.site-footer{color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.8rem;line-height:1.5;display:flex}.site-footer p{max-width:28rem;margin:0}.auth-row{align-items:center;gap:.6rem;margin:0;display:flex}.auth-email{font-size:.8rem}.auth-hint{color:var(--muted)}.scrubber{gap:6px;height:10px;display:flex}.seg{background:var(--surface-2);border-radius:5px;flex:1;transition:background .3s}.seg-current{background:linear-gradient(90deg, var(--surface-2), var(--play));animation:1.2s ease-in-out infinite alternate seg-pulse}.seg-good{background:var(--green)}.seg-mid{background:var(--gold)}.seg-miss{background:var(--play)}@keyframes seg-pulse{0%{opacity:.45}to{opacity:1}}.game{flex-direction:column;gap:1.1rem;display:flex}.game-header{flex-direction:column;gap:.55rem;padding-top:.5rem;display:flex}.game-meta{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.game-score{color:var(--gold);font-weight:600}.swap-notice{background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);color:var(--gold);border-radius:10px;margin:0;padding:.6rem .9rem;font-size:.88rem}.round{flex-direction:column;gap:.9rem;display:flex}.round-type{font-family:var(--display);margin:0;font-size:1.25rem;font-weight:700}.round-hint{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.player-frame{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:16px;position:relative;overflow:hidden}.player-mount,.player-mount>div,.player-mount iframe{width:100%;height:100%;position:absolute;inset:0}.player-gate{background:radial-gradient(24rem 14rem at 50% 45%,#23233c 0%,#101020 75%);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.gate-label{letter-spacing:.22em;color:var(--muted);font-size:.78rem}.gate-ring{fill:none;stroke:var(--line);stroke-width:1.5px}.gate-play{fill:var(--play)}.gate-triangle{transition:transform .15s}.player-gate:hover .gate-triangle{transform:scale(1.07)}.gate-triangle.pulsing{animation:.8s ease-in-out infinite alternate seg-pulse}.gate-hint{color:var(--muted);font-size:.9rem}.player-loading{pointer-events:none;background:radial-gradient(24rem 14rem at 50% 45%,#23233c 0%,#101020 75%);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.player-caption{text-align:center;color:var(--gold);margin:.5rem 0 0;font-size:.85rem}.question-panel{flex-direction:column;gap:1rem;display:flex}.timebar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.timebar-fill{background:var(--gold);transform-origin:0;border-radius:3px;height:100%}.timebar-fill.urgent{background:var(--play)}.prompt{font-family:var(--display);margin:0;font-size:1.3rem;font-weight:700;line-height:1.3}.choices{flex-direction:column;gap:.6rem;display:flex}.choice{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.85rem;width:100%;padding:.95rem 1rem;font-size:1rem;transition:border-color .12s,transform .12s;display:flex}.choice:hover{border-color:var(--gold)}.choice:active{transform:scale(.985)}.choice-key{background:var(--surface-2);width:1.8rem;height:1.8rem;color:var(--gold);border-radius:8px;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.views-guess{flex-direction:column;gap:.9rem;display:flex}.views-readout{text-align:center;color:var(--gold);flex-direction:column;gap:.4rem;font-size:3rem;font-weight:600;line-height:1;display:flex}.views-exact{color:var(--muted);font-size:.85rem;font-weight:400}.views-slider{width:100%;accent-color:var(--play);height:2.2rem}.views-scale{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.feedback{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:18px;align-items:center;padding:1.4rem}.verdict{font-family:var(--display);margin:0;font-size:2rem;font-weight:800}.verdict.good{color:var(--green)}.verdict.mid{color:var(--gold)}.verdict.miss{color:var(--play)}.feedback-answer{margin:0;font-size:1.05rem}.points-earned{color:var(--gold);margin:0;font-size:1.2rem;font-weight:600}.views-compare{justify-content:center;gap:2.2rem;display:flex}.views-compare>div{flex-direction:column;gap:.25rem;display:flex}.vc-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.vc-value{font-size:1.9rem;font-weight:600}.vc-value.gold{color:var(--gold)}.feedback-exact{color:var(--muted);margin:0;font-size:.85rem}.reveal{flex-direction:column;gap:.5rem;width:100%;display:flex}.reveal-label{color:var(--muted);text-align:left;margin:0;font-size:.9rem}.clip-credit{color:var(--muted);max-width:26rem;margin:0;font-size:.85rem;line-height:1.5}.results{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding-top:1.5rem;display:flex}.results-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.8rem}.results-score{color:var(--gold);margin:0;font-size:4rem;font-weight:600;line-height:1}.results-max{color:var(--muted);font-size:1.6rem}.results-verdict{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:700}.results .scrubber{width:100%;max-width:20rem}.breakdown{text-align:left;flex-direction:column;gap:.55rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.breakdown li{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.bd-square{flex:none}.bd-text{min-width:0}.bd-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;display:block;overflow:hidden}.bd-text .mono{color:var(--muted);font-size:.78rem}.next-challenge{color:var(--muted);margin:0;font-size:.9rem}.legal-links{margin:0}.legal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#07070ecc;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.legal-panel{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;gap:1rem;width:100%;max-width:34rem;padding:1.6rem;display:flex;position:relative}.legal-close{background:var(--surface-2);width:2rem;height:2rem;color:var(--muted);border:0;border-radius:8px;position:absolute;top:.9rem;right:.9rem}.legal-body h2{font-family:var(--display);margin:0 0 .25rem;font-weight:800}.legal-body h3{font-family:var(--display);margin:1.1rem 0 .3rem;font-size:1rem;font-weight:700}.legal-body p{color:var(--muted);margin:.3rem 0;font-size:.92rem;line-height:1.55}.legal-body strong{color:var(--text)}.legal-updated{letter-spacing:.08em;font-size:.75rem}.admin{max-width:60rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.admin-loading,.admin-gate{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:28rem;margin:4rem auto;padding:0 1.25rem;display:flex}.admin-gate h1,.admin-header h1{font-family:var(--display);margin:0;font-weight:800}.admin-header h1 span{color:var(--play)}.admin-header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.admin-tabs{gap:.4rem;display:flex}.admin-tab{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.4rem 1rem}.admin-tab.active{background:var(--play);border-color:var(--play);color:#fff}.admin-user{color:var(--muted);margin-left:auto;font-size:.78rem}.admin-hint{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.admin-search{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.7rem .9rem}.admin-count{color:var(--muted);margin:.5rem 0 1rem;font-size:.8rem}.clip-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.clip-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.clip-retired{opacity:.55}.clip-summary{text-align:left;background:0 0;border:0;align-items:center;gap:.9rem;width:100%;padding:.6rem .9rem;display:flex}.clip-summary img{border-radius:6px;flex:none}.clip-title{min-width:0}.clip-title strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.clip-title .mono{color:var(--muted);font-size:.75rem}.clip-caret{color:var(--muted);margin-left:auto}.clip-detail{border-top:1px solid var(--line);flex-direction:column;gap:.9rem;padding:.9rem;display:flex}.clip-actions{align-items:center;gap:1.2rem;font-size:.85rem;display:flex}.danger{color:var(--play)}.clip-add-q{color:var(--muted);align-items:center;gap:.9rem;font-size:.85rem;display:flex}.qe{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.qe-head{align-items:center;gap:.8rem;font-size:.75rem;display:flex}.qe-type{color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.qe-id{color:var(--muted)}.qe-badge{border-radius:999px;padding:.1rem .6rem;font-size:.7rem}.qe-badge-retired{background:color-mix(in srgb, var(--play) 20%, transparent);color:var(--play)}.qe-badge-needs_review{background:color-mix(in srgb, var(--gold) 20%, transparent);color:var(--gold)}.qe-field{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.78rem;display:flex}.qe-field input,.qe-field textarea,.qe-field select,.qe-choice input[type=text],.add-lookup input,.sched-slots select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font-size:.9rem}.qe-choices{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.qe-choice{align-items:center;gap:.5rem;display:flex}.qe-choice input[type=radio]{accent-color:var(--green);flex:none}.qe-choice input[type=text]{flex:1;min-width:0}.qe-row{flex-wrap:wrap;gap:.7rem;display:flex}.qe-num{width:7.5rem}.qe-error{color:var(--play);margin:0;font-size:.85rem}.qe-actions{align-items:center;gap:1rem;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.sched-day{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem;padding:.8rem .9rem}.sched-head{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.sched-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.1rem .6rem;font-size:.7rem}.sched-pinned{background:color-mix(in srgb, var(--gold) 22%, transparent);color:var(--gold)}.sched-auto{background:var(--surface-2);color:var(--muted)}.sched-assembled{background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green)}.sched-edited{background:color-mix(in srgb, var(--play) 20%, transparent);color:var(--play)}.sched-actions{gap:1rem;margin-left:auto;font-size:.82rem;display:flex}.sched-slots{counter-reset:slot;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.sched-slots li{align-items:center;gap:.5rem;display:flex}.sched-slots li:before{counter-increment:slot;content:counter(slot);color:var(--muted);font-family:var(--mono);width:1rem;font-size:.75rem}.sched-slots select{flex:1;min-width:0}.add-lookup{gap:.6rem;display:flex}.add-lookup input{flex:1}.add-info{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:1rem;margin-top:1rem;padding:.9rem;display:flex}.add-info img{border-radius:8px;flex:none;align-self:flex-start}.add-info .mono{color:var(--muted);margin:.2rem 0 .5rem;font-size:.8rem}.add-ineligible{border-color:color-mix(in srgb, var(--play) 45%, transparent)}.add-ok{color:var(--green);margin:.3rem 0 .6rem;font-size:.85rem}.add-problems{color:var(--play);margin:.2rem 0;padding-left:1rem;font-size:.85rem;list-style:none}.add-author{flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.add-draft-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.9rem;font-size:.85rem;display:flex}.add-type-check{align-items:center;gap:.3rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=40rem){.app{padding-top:3rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#07070ecc;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;gap:.9rem;width:100%;max-width:22rem;padding:1.6rem;display:flex;position:relative}.modal-close{background:var(--surface-2);width:2rem;height:2rem;color:var(--muted);border:0;border-radius:8px;position:absolute;top:.9rem;right:.9rem}.modal-title{font-family:var(--display);margin:0;font-size:1.4rem}.modal-sub{color:var(--muted);margin:0;font-size:.9rem}.btn-google{background:var(--surface-2);color:var(--text);border:1px solid var(--line);box-shadow:none}.auth-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{flex-direction:column;gap:.75rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.field input{background:var(--bg);border:1px solid var(--line);color:var(--text);font-size:1rem;font-family:var(--body);border-radius:10px;padding:.65rem .75rem}.field input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.field-hint{color:var(--muted);margin:-.4rem 0 0;font-size:.75rem}.form-error{color:var(--play);margin:0;font-size:.85rem}.form-notice{color:var(--green);margin:0;font-size:.85rem}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.board{text-align:left;flex-direction:column;gap:1rem;width:100%;max-width:26rem;margin:0 auto;display:flex}.board-back{align-self:flex-start}.board-title{font-family:var(--display);margin:0;font-size:1.8rem}.board-open{font-size:1rem}.board-nudge{color:var(--muted);margin:0;font-size:.85rem}.scope-row{flex-wrap:wrap;gap:.5rem;display:flex}.pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.85rem;font-family:var(--body);border-radius:999px;padding:.4rem .9rem}.pill-active{background:var(--surface-2);border-color:var(--gold);color:var(--text)}.pill-add{border-style:dashed}.leaders-strip{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.leader-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.25rem;min-width:0;padding:.55rem .6rem;display:flex}.leader-period{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.leader-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.leader-none{color:var(--muted)}.leader-score{color:var(--gold)}.period-tabs{gap:.4rem;display:flex}.tab{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.85rem;font-family:var(--body);border-radius:10px;flex:1;padding:.5rem .4rem}.tab-active{background:var(--surface-2);border-color:var(--gold);color:var(--text)}.board-list{border:1px solid var(--line);border-radius:14px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.board-list li{background:var(--surface);align-items:baseline;gap:.75rem;padding:.65rem .9rem;display:flex}.board-list li+li{border-top:1px solid var(--line)}.board-list li.board-me{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--gold)}.board-rank{width:2.4rem;color:var(--muted);flex-shrink:0}.board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.board-you{color:var(--gold);text-transform:uppercase;font-size:.7rem}.board-score{color:var(--gold)}.board-games{color:var(--muted);font-size:.75rem}.board-empty{color:var(--muted);text-align:center;margin:0;padding:1.5rem 0}.board-cta{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.board-cta p{color:var(--muted);margin:0;font-size:.9rem}.party-form{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.party-form-row{align-items:center;gap:1rem;display:flex}.party-created{margin:0;font-size:.9rem}.party-code{letter-spacing:.25em;color:var(--gold);text-align:center;margin:0;font-size:1.8rem}.party-bar{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .9rem;font-size:.85rem;display:flex}.party-bar strong{color:var(--gold);letter-spacing:.15em}.party-members{color:var(--muted);margin-left:auto}.party-leave{color:var(--play)}