:root{--bg:#000;--panel:#0e0e0f;--line:#262628;--text:#f4f4f2;--muted:#9a9a96;--amber:#ffb02e;--ins-red:#ff3d5a;--ins-orange:#ff8a1f;--ins-yellow:#ffe14d;--ins-green:#3ddc84;--ins-blue:#3aa0ff;--ins-magenta:#e254ff;--ins-cyan:#2de2e6;--ok:#4cd97b;--bad:#ff6b5e;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40rem 28rem at 12% -8%,#e254ff1a,#0000 70%),radial-gradient(36rem 26rem at 92% 6%,#3aa0ff1a,#0000 70%),radial-gradient(44rem 30rem at 50% 110%,#ff8a1f14,#0000 70%);position:fixed;inset:0}a{color:var(--text);text-underline-offset:3px}a:hover{color:var(--amber)}h1{letter-spacing:.01em;margin:.2rem 0 .25rem;font-size:1.9rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:2rem 0 .75rem;font-size:1.15rem;font-weight:600}h2:after{content:"";background:linear-gradient(90deg, var(--ins-red), var(--ins-orange), var(--ins-yellow));border-radius:2px;width:3.5rem;height:3px;margin-top:.4rem;display:block}code{background:var(--panel);border-radius:4px;padding:.1em .35em;font-size:.85em}.shell{flex-direction:column;max-width:880px;min-height:100vh;margin:0 auto;padding:0 16px;display:flex}main{flex:1;padding:1.5rem 0 3rem}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.brand img{height:40px;display:block}.topbar nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:var(--text)}.footer{color:var(--muted);border-top:1px solid var(--line);padding:1.5rem 0;font-size:.85rem}.hero{text-align:center;padding-top:1rem}.hero-logo{width:min(520px,100%);margin:1rem 0}.lede{color:var(--muted);margin:.5rem 0 1.75rem;font-size:1.2rem}.steps{text-align:left;max-width:520px;margin:0 auto 2rem;padding-left:1.2rem}.steps li{margin:.5rem 0}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0;padding:1.25rem}.card.narrow{max-width:440px;margin:1.5rem auto}.card h2{margin-top:0}.button{background:var(--text);color:#000;border:1px solid var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:#000;background:var(--amber);border-color:var(--amber)}.button:disabled{opacity:.4;cursor:not-allowed;background:var(--text);border-color:var(--text)}.button.ghost{color:var(--text);background:0 0}.button.ghost:hover{color:#000}.card .button.apple,.card .button.google{width:100%;margin-top:.75rem}.button.google{background:#fff}.google-native{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:999px;justify-content:center;min-height:44px;margin-top:.75rem;display:flex;overflow:hidden}.google-native iframe{color-scheme:normal}button.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button.link:hover{color:var(--text)}.form{flex-direction:column;gap:1rem;display:flex}.form.inline{flex-flow:wrap;align-items:center}.form label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.form label.check{flex-direction:row;align-items:center;gap:.6rem;font-weight:400}.form small{color:var(--muted);font-weight:400}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#000;border-radius:8px;padding:.6rem .75rem}input::placeholder{color:#4a4a48;letter-spacing:normal;font-style:italic}input:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:#0000}input.initials,input.code-input{letter-spacing:.3em;text-transform:uppercase;width:9.5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3rem}.muted{color:var(--muted)}.error{color:var(--bad)}.success{color:var(--ok)}table.scores{border-collapse:collapse;width:100%}table.scores td{border-bottom:1px solid var(--line);padding:.55rem .5rem}table.scores td.score{text-align:right;color:var(--amber);font-variant-numeric:tabular-nums;text-shadow:0 0 12px #ffb02e59;font-family:ui-monospace,SF Mono,Menlo,monospace}table.scores.big td.score{font-size:1.2rem}table.scores td.rank{width:2.5rem;color:var(--muted)}.initials-badge{letter-spacing:.15em;color:var(--amber);border:1px solid var(--line);border-radius:6px;margin-left:.5rem;padding:0 .35rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8em}.tag{border:1px solid var(--ok);color:var(--ok);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.tag.dim{border-color:var(--line);color:var(--muted)}.dot{background:var(--line);vertical-align:middle;border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.game{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1rem;padding:.5rem 0;display:flex}.slot{font-family:ui-monospace,SF Mono,Menlo,monospace}.claimable{color:var(--amber)}.tabs{flex-wrap:wrap;gap:.25rem;margin:1rem 0;display:flex}.tab{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem}.tab.active{color:#000;background:var(--text);border-color:var(--text)}.account{color:var(--muted);margin-top:2.5rem}ul.achievements{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}ul.achievements li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:.9rem;padding:.75rem 1rem;display:flex}.badge{border:2px solid var(--amber);width:2.6rem;height:2.6rem;color:var(--amber);border-radius:50%;flex:none;place-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;display:grid}.small{font-size:.85rem}.points{color:var(--amber);text-transform:none;letter-spacing:normal}select{font:inherit;color:var(--text);border:1px solid var(--line);background:#000;border-radius:8px;padding:.6rem .75rem}pre.token,pre.cmd{border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;background:#000;border-radius:8px;padding:.75rem;font-size:.85rem;overflow-x:auto}pre.token{color:var(--amber);font-size:1rem}.card.narrow.wide{max-width:640px}.card.dev{border-style:dashed}input.adv-input{flex:1;min-width:14rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.account summary{cursor:pointer}@media (width<=520px){h1{font-size:1.5rem}.brand img{height:32px}table.scores td{padding:.45rem .25rem}}.game-name{flex-direction:column;line-height:1.25;display:inline-flex}.game-name .title{font-weight:600}.game-name .ruleset{color:var(--ins-cyan);font-size:.82rem}.game-name .ruleset a{color:inherit;text-decoration:none}.game-name .ruleset a:hover{text-decoration:underline}.muted .game-name{display:inline}.muted .game-name .ruleset:before{content:" · ";color:var(--muted)}.backglass{border:1px solid #2a2030;border-radius:16px;align-items:flex-end;min-height:11rem;margin:.5rem 0 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 10px 40px #e254ff1f}.backglass .art{background:radial-gradient(circle at 20% 30%,#ff3d5a8c,#0000 42%),radial-gradient(circle at 80% 25%,#3aa0ff8c,#0000 45%),radial-gradient(circle at 60% 85%,#ffe14d66,#0000 40%),radial-gradient(circle at 35% 90%,#e254ff73,#0000 45%),linear-gradient(160deg,#12001d,#050510 60%,#1a0710);position:absolute;inset:0}.backglass .burst{opacity:.18;mix-blend-mode:screen;background:repeating-conic-gradient(at 50% 60%,#fff 0deg 4deg,#0000 4deg 18deg);position:absolute;inset:-40%}.backglass .chaser{pointer-events:none;background:radial-gradient(circle, var(--ins-yellow) 0 2px, transparent 3px) 0 0 / 22px 22px repeat-x, radial-gradient(circle, var(--ins-yellow) 0 2px, transparent 3px) 11px 100% / 22px 22px repeat-x;filter:drop-shadow(0 0 4px var(--ins-orange));opacity:.8;border-radius:12px;animation:1.6s linear infinite chase;position:absolute;inset:6px}@keyframes chase{to{background-position:22px 0,-11px 100%}}@media (prefers-reduced-motion:reduce){.backglass .chaser{animation:none}}.backglass.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.backglass.photo:after{content:"";background:linear-gradient(#0000001a 40%,#000000d9);position:absolute;inset:0}.glass-text{z-index:1;padding:1.1rem 1.25rem;position:relative}.glass-text h1{letter-spacing:.02em;background:linear-gradient(90deg, #fff, var(--ins-yellow) 45%, var(--ins-orange));color:#0000;filter:drop-shadow(0 0 14px #ffb02e59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.3rem}.glass-sub{color:#e9e4ee;opacity:.9}.glass-sub a{color:var(--ins-cyan)}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--ins-cyan);color:var(--text)}.chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.badge{--c:var(--ins-green);border:2px solid var(--c);width:2.6rem;height:2.6rem;color:var(--c);border-radius:50%;flex:none;place-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;display:grid}.badge.lit{background:radial-gradient(circle, color-mix(in srgb, var(--c) 35%, transparent), transparent 70%);box-shadow:0 0 14px color-mix(in srgb, var(--c) 55%, transparent)}.badge.unlit{opacity:.35}.tier-5{--c:var(--ins-green)}.tier-10{--c:var(--ins-blue)}.tier-25{--c:var(--amber)}.tier-50{--c:var(--ins-magenta)}.tier-100{--c:var(--ins-red)}ul.achievements.grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}ul.achievements li.locked{opacity:.8}ul.achievements li.earned{border-color:#3a2e18}.earned-when{color:var(--ins-green)}.progress{background:var(--panel);border:1px solid var(--line);border-radius:999px;height:1.9rem;margin-bottom:1rem;position:relative;overflow:hidden}.progress .bar{background:linear-gradient(90deg, var(--ins-magenta), var(--ins-red), var(--ins-orange), var(--ins-yellow));position:absolute;inset:0 auto 0 0}.progress span{text-align:center;text-shadow:0 1px 3px #000;font-size:.85rem;font-weight:600;line-height:1.9rem;display:block;position:relative}td.rank.r1{color:var(--ins-yellow);text-shadow:0 0 10px #ffe14d99;font-weight:700}td.rank.r2{color:#d8dde6;font-weight:700}td.rank.r3{color:#e3985a;font-weight:700}table.scores td.score a{color:inherit;text-decoration:none}.panels{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem;display:grid}.panels .card{margin:0}dl.facts{grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:0;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{overflow-wrap:anywhere;margin:0}dd.update{color:var(--ins-yellow)}.tag.warn{border-color:var(--ins-orange);color:var(--ins-orange)}.settings{gap:.6rem;display:grid}.setting{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(10rem,14rem) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .9rem;display:grid}.setting label{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600;display:flex}.setting .range{align-items:center;gap:.6rem;display:flex}.setting input[type=range]{accent-color:var(--amber);flex:1}.setting output{color:var(--amber);min-width:3rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.setting>.muted,.setting>.pending{grid-column:1/-1}.setting-group h3{color:var(--ins-cyan);letter-spacing:.04em;margin:1.25rem 0 .5rem;font-size:.95rem}.config{margin-top:2rem}.config-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.config-bar .tabs{margin:0}.tab .count{opacity:.7;margin-left:.25rem;font-size:.75rem}.dot.warn{background:var(--ins-orange);box-shadow:0 0 6px var(--ins-orange);width:.5rem;height:.5rem;margin-left:.4rem}input.config-search{flex:1;min-width:16rem;max-width:22rem}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}table.audits th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:.4rem .5rem;font-size:.8rem;font-weight:600}table.audits .num{text-align:right;font-variant-numeric:tabular-nums}.flags{flex-wrap:wrap;gap:1rem;display:flex}.flags label{align-items:center;gap:.35rem;font-weight:400;display:inline-flex}input.score-input{width:11rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.setting select:disabled,.setting input:disabled{opacity:.55}.pending{color:var(--ins-yellow)}.button.small{padding:.35rem .9rem;font-size:.9rem}.photos{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.photo-slot{flex-direction:column;gap:.5rem;display:flex}.photo-slot img,.photo-slot .empty{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%}.photo-slot .empty{color:var(--muted);background:var(--panel);place-items:center;display:grid}.photo-slot label.button{cursor:pointer;align-self:flex-start}.photo-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cabinet{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:1.5rem;display:grid}figure.playfield{margin:1.5rem 0 0;position:sticky;top:1rem}figure.playfield img{object-fit:contain;border-radius:var(--radius);background:#000;border:1px solid #2a2030;width:100%;max-height:80vh;box-shadow:0 0 30px #3aa0ff26}@media (width<=760px){.cabinet{grid-template-columns:1fr}figure.playfield{position:static}}@media (width<=520px){.glass-text h1{font-size:1.7rem}.setting{grid-template-columns:1fr}}.builder-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.builder-head h1{margin-bottom:.25rem}.builder-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.builder-side{gap:1rem;max-height:calc(100vh - 2rem);display:grid;position:sticky;top:1rem;overflow-y:auto}.builder-side .card{margin:0}.builder-side h2{margin:0 0 .5rem}@media (width<=900px){.builder-cols{grid-template-columns:1fr}.builder-side{max-height:none;position:static}}.ruleset-form summary{cursor:pointer}.ruleset-form[open] summary{margin-bottom:.75rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem 1rem;display:grid}.field{flex-direction:column;gap:.3rem;min-width:0;font-size:.9rem;font-weight:600;display:flex}.field.wide{grid-column:1/-1}.field small{color:var(--muted);min-height:1em;font-weight:400}.field.bad small{color:var(--bad)}.field.bad input{border-color:var(--bad)}.field input,.field select{box-sizing:border-box;width:100%}.field input:disabled{opacity:.55}input.mono,.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}input.bad{border-color:var(--bad)}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-form input{flex:1;min-width:10rem}ol.ach-cards{gap:.9rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.ach-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:.75rem;padding:.85rem 1rem;display:grid}.ach-card:focus-within{border-color:#3a3a3e}.ach-card-top{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.idx{color:var(--ins-cyan);min-width:2rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.tiers{gap:.35rem;display:flex}.tier-pick{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.tier-pick .badge{width:2.2rem;height:2.2rem;font-size:.8rem}.tier-pick[aria-checked=false] .badge{opacity:.3}.tier-pick:hover .badge{opacity:.8}.tier-pick:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ach-card-actions{align-items:center;gap:.9rem;margin-left:auto;display:flex}button.link:disabled{opacity:.3;cursor:default}.kind-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kind-row .tabs{margin:0}.toggle{cursor:pointer;align-items:center;gap:.4rem;font-weight:400;display:inline-flex}.goal-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.goal-row input{width:8rem}.ach-card p{margin:0}.retired{margin-top:1rem}.retired ul{color:var(--muted);gap:.35rem;padding:0;list-style:none;display:grid}ul.problems{overflow-wrap:anywhere;gap:.35rem;margin:0 0 .75rem;padding:0;font-size:.88rem;list-style:none;display:grid}.check>p{margin:0 0 .5rem;font-weight:600}.preview ul.achievements li{padding:.6rem .8rem}.preview .config-bar h2{margin:0}
