:root{--ground: #f2f4f7;--surface: #ffffff;--ink: #151922;--muted: #5a6373;--rule: #d8dce3;--faint: #ebeef2;--loop: #3552c8;--spine: #0a7565;--hook: #b8420e;--money: #9c1ba8;--loop-bg: #e9edfb;--spine-bg: #e3f3f0;--hook-bg: #fbede4;--money-bg: #f6e7f8;--gold: #a26b00;--gold-bg: #fbf0d6;--display: "Archivo", "Helvetica Neue", Arial, sans-serif;--body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--radius: 6px;--tap: 44px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #0e1116;--surface: #161a21;--ink: #e6e9ef;--muted: #98a1af;--rule: #2a303a;--faint: #1d222b;--loop: #8a9dff;--spine: #3cc6af;--hook: #f3924f;--money: #de78ec;--loop-bg: #1c2340;--spine-bg: #12302b;--hook-bg: #35211a;--money-bg: #2f1a33;--gold: #f0c05a;--gold-bg: #3a2e12}}:root[data-theme=dark]{--ground: #0e1116;--surface: #161a21;--ink: #e6e9ef;--muted: #98a1af;--rule: #2a303a;--faint: #1d222b;--loop: #8a9dff;--spine: #3cc6af;--hook: #f3924f;--money: #de78ec;--loop-bg: #1c2340;--spine-bg: #12302b;--hook-bg: #35211a;--money-bg: #2f1a33;--gold: #f0c05a;--gold-bg: #3a2e12}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-stretch:90%;margin:0;text-wrap:balance}h1{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:-.01em}h2{font-size:18px;font-weight:750}h3{font-size:20px;font-weight:750}p{margin:0}a{color:var(--loop)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12.5px}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}:focus-visible{outline:3px solid var(--loop);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--surface);padding:8px 12px}.skip:focus{left:8px}.app{min-height:100vh}.main{outline:none;max-width:1120px;margin:0 auto;padding:0 16px 96px}.screen{padding-top:24px;display:grid;gap:18px}.screen-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}.section-h{margin-bottom:12px}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 16px;font:600 14px/1 var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-out),background .12s}.btn:hover{border-color:var(--muted)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--loop);border-color:var(--loop);color:#fff}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-back{min-height:56px;padding:0 24px;font:800 18px/1 var(--display);font-stretch:90%;letter-spacing:.01em;background:var(--spine);border-color:var(--spine);color:#fff;box-shadow:0 3px color-mix(in srgb,var(--spine) 60%,#000)}.btn-back:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--spine) 60%,#000)}.more{justify-self:center}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--ground);border-bottom:1px solid var(--rule)}.brand{font:800 20px/1 var(--display);font-stretch:85%;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none}.mainnav{display:flex;gap:4px}.mainnav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 12px;color:var(--muted);text-decoration:none;font-weight:600;border-radius:var(--radius)}.mainnav a.active{color:var(--ink);background:var(--faint)}.picks-counter{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 10px;font:600 13px/1 var(--mono);color:var(--hook);text-decoration:none;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}@media (max-width: 640px){.mainnav{position:fixed;z-index:10;left:0;right:0;bottom:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--rule);padding:4px 4px max(4px,env(safe-area-inset-bottom))}.mainnav a{flex:1;justify-content:center}}.slots{display:flex;gap:4px;list-style:none;margin:0;padding:0}.slot{width:10px;height:14px;border:1.5px solid var(--hook);border-radius:2px}.slot.filled{background:var(--hook)}.slots-lg{gap:10px}.slots-lg .slot{flex:1;min-width:0;max-width:200px;height:72px;border-width:2px;border-style:dashed;border-radius:var(--radius);display:flex;align-items:flex-end;padding:8px;background:transparent}.slots-lg .slot.filled{border-style:solid;background:var(--hook-bg)}.slot-label{font:600 12px/1.2 var(--body);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.filled .slot-label{color:var(--hook)}.slot.fresh{animation:slot-fill .7s var(--ease-back)}@keyframes slot-fill{0%{transform:scale(.6);background:transparent}60%{transform:scale(1.08);background:var(--hook)}to{transform:scale(1)}}.capsule{aspect-ratio:460 / 215;background:var(--faint);border-radius:4px;overflow:hidden}.capsule img{width:100%;height:100%;object-fit:cover;display:block}.capsule-fallback{display:grid;place-items:center;height:100%;padding:8px;text-align:center;font:700 14px/1.2 var(--display);color:var(--muted)}.capsule-lg{width:100%;max-width:460px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0}.tag{font:500 11px/1 var(--mono);letter-spacing:.04em;padding:5px 7px;border-radius:3px;background:var(--faint);color:var(--muted)}.tag-demo{background:var(--loop-bg);color:var(--loop);text-transform:uppercase}.badge{font:600 11px/1 var(--mono);padding:4px 7px;border-radius:3px;background:var(--faint);color:var(--muted)}.badge-first{background:var(--gold-bg);color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.badge-breakout{background:var(--spine-bg);color:var(--spine);text-transform:uppercase;letter-spacing:.06em}.rank{font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 5px;border-radius:3px;background:var(--spine-bg);color:var(--spine);margin-left:6px;vertical-align:1px}.rank-oracle{background:var(--gold-bg);color:var(--gold)}.scout a{color:var(--ink);font-weight:600;text-decoration:none}.scout a:hover{text-decoration:underline}.move{font-family:var(--mono);font-variant-numeric:tabular-nums}.move-to{font-weight:600}.move-to.is-breakout{color:var(--spine)}.pts{font:700 15px/1 var(--mono);color:var(--spine);font-variant-numeric:tabular-nums}.hero{padding:24px 0 8px;display:grid;gap:14px;justify-items:start}.hero h1{font-size:clamp(28px,6vw,52px);line-height:1.05}.hero-sub{color:var(--muted);font-size:17px}.breakouts{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.breakout{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:10px;display:grid;gap:8px;animation:rise .5s var(--ease-out) both}.breakout-link{display:grid;gap:8px;color:var(--ink);text-decoration:none}.breakout-name{font:700 16px/1.2 var(--display);font-stretch:92%}.breakout-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.signin{max-width:420px}.signin-buttons{display:grid;gap:10px}.btn-signin{width:100%;min-height:52px;font-size:15px}.btn-steam{background:#171a21;color:#fff;border-color:#171a21}.btn-apple{background:#000;color:#fff;border-color:#000}.email-form{display:grid;gap:8px}.email-form label{font-weight:600;font-size:13px}.email-form input{flex:1;min-width:0;min-height:52px;padding:0 12px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius)}.signin-msg{color:var(--hook)}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.chip{flex:none;min-height:36px;padding:0 12px;font:500 13px/1 var(--body);color:var(--muted);background:var(--surface);border:1px solid var(--rule);border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{color:#fff;background:var(--loop);border-color:var(--loop)}.game-grid{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.game-card-link{display:grid;height:100%;color:var(--ink);text-decoration:none;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;transition:transform .15s var(--ease-out),border-color .15s}.game-card-link:hover,.game-card-link:focus-visible{transform:translateY(-2px);border-color:var(--loop)}.game-card .capsule{border-radius:0}.game-card-body{padding:10px 12px 12px;display:grid;gap:4px}.game-card-name{font-size:16px;line-height:1.2}.game-card-tags{font-size:12.5px;color:var(--muted)}.game-card-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--muted);align-items:center}.game-card-stats .rv{color:var(--ink);font-weight:600}.game-card-backers{font-size:13px;color:var(--muted)}.game-card-backers.open{color:var(--hook);font-weight:600}.game-head{display:grid;gap:16px;grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start}@media (max-width: 760px){.game-head{grid-template-columns:1fr}}.stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0}.stats dt{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stats dd{margin:0;font:700 22px/1.2 var(--mono);font-variant-numeric:tabular-nums}.stat-first dd{color:var(--gold)}.game-body{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.game-body .back-panel{grid-column:1 / -1}@media (max-width: 760px){.game-body{grid-template-columns:1fr}}.chart svg{width:100%;height:72px;color:var(--spine);margin-top:8px}.chart-axis{display:flex;justify-content:space-between;font-size:12px}.backer-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:12px}.backer-list li{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--faint)}.backer-list li.first .backer-no{color:var(--gold)}.backer-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px}.backer-no{font:700 14px/1 var(--mono);color:var(--muted)}.take-text{margin:0;font-size:15px;overflow-wrap:anywhere}blockquote.take-text{padding-left:12px;border-left:3px solid var(--loop)}.back-panel{display:grid;gap:14px;border-width:2px;border-color:var(--spine)}.back-panel.is-backed{border-color:var(--hook)}.back-error{padding:10px 12px;border-radius:var(--radius);background:var(--hook-bg);color:var(--hook);font-weight:600}.gate,.lock,.confirm,.back-ready,.backed{display:grid;gap:10px;justify-items:start}.lock h3{display:flex;align-items:center;gap:8px}.lock-icon{width:14px;height:16px;border:2px solid currentColor;border-radius:3px;position:relative;top:2px}.lock-icon:before{content:"";position:absolute;left:1px;top:-9px;width:8px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}.meter{width:100%;max-width:420px;height:10px;background:var(--faint);border-radius:5px;overflow:hidden}.meter span{display:block;height:100%;background:var(--hook);transition:width .6s var(--ease-out)}.composer{display:grid;gap:8px;width:100%}.composer label{font-weight:600}.composer textarea{width:100%;font:16px/1.45 var(--body);color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 12px;resize:vertical}.composer textarea[aria-invalid=true]{border-color:var(--hook)}.composer-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.count{font-size:13px;color:var(--muted)}.count.over{color:var(--hook);font-weight:600}.confirm{animation:rise .25s var(--ease-out)}.stamp{font:900 44px/1 var(--display);font-stretch:80%;letter-spacing:.06em;text-transform:uppercase;color:var(--hook);border:4px solid currentColor;padding:6px 14px;border-radius:6px;transform:rotate(-4deg);animation:stamp .45s var(--ease-back) both}@keyframes stamp{0%{opacity:0;transform:scale(2.2) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}.backed-line{font:600 18px/1.3 var(--display)}.backed .slots-lg{width:100%}.record-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:end}.record-head h1{display:inline}.record-best b{font-family:var(--display)}.pick-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.pick-row{background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--spine);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:138px minmax(0,1fr);gap:12px;align-items:start}.pick-body{display:grid;gap:6px;min-width:0}@media (max-width: 480px){.pick-row{grid-template-columns:1fr}.pick-row .capsule{max-width:230px}}.pick-row.has-badge{border-left-color:var(--gold)}.pick-main,.pick-nums{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;align-items:baseline}.pick-name{font:700 17px/1.2 var(--display);font-stretch:92%;color:var(--ink);text-decoration:none}.pick-badges{display:flex;gap:6px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule)}.tab{min-height:var(--tap);padding:0 14px;font:600 14px/1 var(--body);color:var(--muted);background:none;border:0;border-bottom:3px solid transparent;cursor:pointer}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--loop)}.leader-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.leader-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);border-radius:4px}.leader-row.me{outline:2px solid var(--hook)}.leader-row .place{font-weight:700;color:var(--muted)}.leader-row.top-1 .place{color:var(--gold)}@media (max-width: 420px){.leader-row{grid-template-columns:28px minmax(0,1fr) auto}.leader-row .small{display:none}}.settle-banner{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);background:var(--hook);color:#fff;font-weight:700;text-decoration:none}.pulse{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.reveal-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.reveal-card{min-height:92px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:14px 16px;display:grid;gap:4px}.reveal-card.pending{background:var(--faint);border-style:dashed}.reveal-card.in{animation:flip-in .45s var(--ease-back) both}.reveal-card.big{border-color:var(--spine);box-shadow:0 0 0 2px var(--spine-bg)}.reveal-card.flat .reveal-pts .pts{color:var(--muted)}.reveal-name{font:700 18px/1.2 var(--display);font-stretch:92%}.reveal-pts .pts,.reveal-pts{font:800 24px/1 var(--mono);color:var(--spine)}@keyframes flip-in{0%{opacity:0;transform:perspective(600px) rotateX(-70deg)}to{opacity:1;transform:none}}.reveal-total{display:grid;gap:8px;justify-items:start;padding:20px 0;animation:rise .4s var(--ease-out)}.total{font:900 clamp(44px,10vw,72px)/1 var(--display);font-stretch:85%;color:var(--spine);font-variant-numeric:tabular-nums}.error-note{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius);background:var(--hook-bg);color:var(--hook);font-weight:600}.loading{padding:24px 0}.loading-bar{display:block;width:120px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--faint),var(--loop),var(--faint));background-size:200% 100%;animation:sweep 1s linear infinite}@keyframes sweep{to{background-position:-200% 0}}.mock-panel{position:fixed;left:12px;bottom:12px;z-index:40;font-size:13px}@media (max-width: 640px){.mock-panel{bottom:72px}}.mock-toggle{min-height:32px;padding:0 10px;font:600 11px/1 var(--mono);text-transform:uppercase;color:#fff;background:var(--money);border:0;border-radius:4px;cursor:pointer}.mock-body{margin-top:6px;width:260px;display:grid;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius)}.mock-body label{display:grid;gap:4px}.mock-body select{min-height:32px;font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.breakout-pts{display:grid;justify-items:end;gap:2px}.game-actions{margin-top:14px}.btn.is-saved{border-color:var(--hook);color:var(--hook)}.shortlist-btn{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.error-inline{color:var(--hook);font-weight:600}.reveal-card .capsule{width:120px}.prefs{display:grid;gap:6px}.toggle{display:flex;align-items:center;gap:10px;min-height:var(--tap);cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--loop)}.signout{justify-self:start}