:root{--night:#0d0b14;--raised:#1a1626;--overlay:#241e34;--line:#342d4a;--line-strong:#4e4566;--ink:#fff;--muted:#a39eb5;--faint:#857f9c;--accent:#ff5c00;--accent-rim:#cc4a00;--accent-text:#ffb59a;--spicy:#e11d48;--spicy-rim:#9f1239;--spicy-text:#ff8fa3;--gold:#fbbf24;--correct:#22c55e;--cyan:#06b6d4;--bone:#f1e6cf;--bone-shade:#c7b18a;--bone-hollow:#a68e66;--font-display:"Rubik", "Arial Black", system-ui, sans-serif;--font-body:"Rubik", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm:8px;--r-md:14px;--r-lg:16px;--r-xl:22px;--r-card:28px;--s-1:.8125rem;--s0:1rem;--s1:1.25rem;--s2:1.75rem;--s3:2.5rem;--header-h:72px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);scroll-padding-top:calc(var(--header-h) + 12px)}body{background:var(--night);min-height:100dvh;color:var(--ink);font:400 var(--s0)/1.55 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0;display:flex}main{flex:1}.wrap{width:100%;max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin-inline:auto}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{margin:0}a{color:inherit}img{max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{z-index:50;border-radius:var(--r-md);background:var(--accent);color:var(--night);padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.label{font:700 .75rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}.h-black{letter-spacing:-.025em;font-weight:900;line-height:1.04}.muted{color:var(--muted)}.sub{color:var(--muted);max-width:58ch;margin-top:12px;font-size:1.0625rem}.top{z-index:30;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(to bottom, var(--night) 0%, #0d0b14e0 55%, #0d0b1400 100%);position:sticky;top:0}@supports (backdrop-filter:blur(1px)){.top{-webkit-backdrop-filter:blur(16px)saturate(1.4);background:#0d0b14b8;border-bottom:1px solid #ffffff0f}}.top-row{height:var(--header-h);align-items:center;gap:16px;display:flex}.mark{font:900 1.6rem/1 var(--font-display);letter-spacing:-.04em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark .logo{flex:none;width:34px;height:34px}.mark b,.mark-text b{color:var(--accent);font-weight:900}.nav{gap:4px;margin-left:24px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:#ffffff0d}.nav a[aria-current=page]{color:var(--accent);background:#ff5c0024;box-shadow:inset 0 0 0 1px #ff5c0066}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.pill{height:44px;font:700 .8125rem/1 var(--font-mono);letter-spacing:.06em;color:var(--ink);background:#241e34eb;border-radius:999px;align-items:center;gap:8px;padding-inline:16px;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.pill:hover{background:var(--line)}.pill:active{transform:scale(.95)}.pill-accent{color:var(--accent-text);letter-spacing:.02em}.tabbar{display:none}@media (width<=760px){.nav,.top-actions .pill-accent span{display:none}.pill-accent{justify-content:center;width:44px;padding:0}.mark{font-size:1.45rem}:root{--header-h:64px}.tabbar{z-index:40;padding:36px max(16px, env(safe-area-inset-left,0px)) max(12px, calc(env(safe-area-inset-bottom,0px) - 10px));pointer-events:none;background:linear-gradient(#0d0b1400 0%,#0d0b14bf 55%,#0d0b14f2 100%);display:block;position:fixed;bottom:0;left:0;right:0}.tabbar-pill{pointer-events:auto;background:#241e34f0;border-radius:32px;height:64px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 30px -10px #000c}@supports (backdrop-filter:blur(1px)){.tabbar-pill{-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#241e34b3}}.tabbar a{min-width:0;color:var(--muted);font:700 11px/13px var(--font-mono);letter-spacing:.02em;border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:transform .12s;display:flex}.tabbar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar a:active{transform:scale(.9)}.tabbar a[aria-current=page]{color:var(--accent);background:#ff5c0029;box-shadow:inset 0 0 0 1px #ff5c0066}body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.btn{--bg:var(--accent);--fg:var(--night);--rim:var(--accent-rim);--glow:#ff5c0052;border-radius:var(--r-md);cursor:pointer;background:var(--bg);min-height:60px;color:var(--fg);font:800 1.125rem/1 var(--font-display);letter-spacing:-.01em;box-shadow:0 4px 0 var(--rim), 0 14px 28px -8px var(--glow);border:0;justify-content:center;align-items:center;gap:12px;padding:0 24px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.06)}.btn:active{box-shadow:0 1px 0 var(--rim), 0 6px 16px -8px var(--glow);transform:translateY(3px)}.btn:disabled{cursor:progress;filter:saturate(.6)brightness(.85)}.btn-big{text-transform:uppercase;letter-spacing:.01em;min-height:76px;padding-inline:32px;font-size:1.35rem}.btn-spicy{--bg:var(--spicy);--fg:#fff;--rim:var(--spicy-rim);--glow:#e11d4852}.btn-secondary{--bg:var(--overlay);--fg:var(--ink);--rim:transparent;--glow:transparent;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700}.btn-secondary:active{box-shadow:inset 0 0 0 1.5px var(--line);transform:scale(.985)}.btn-ghost{--bg:transparent;--fg:var(--muted);--rim:transparent;--glow:transparent;box-shadow:none;font-weight:700}.btn-ghost:hover{color:var(--ink)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.chip{background:var(--overlay);color:var(--accent-text);font:700 .6875rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.chip-gold{color:var(--gold);background:#fbbf2429}.chip-correct{color:var(--correct);background:#22c55e29}.chip-spicy{background:var(--spicy);color:#fff}.section-title{align-items:center;gap:12px;display:flex}.section-title>svg{color:var(--accent);flex:none}.section-title h2{letter-spacing:-.02em;flex:1;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;line-height:1.15}.section-title .count{font:700 .75rem/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.surface{background:var(--raised);border-radius:var(--r-xl)}.row-card{border-radius:var(--r-xl);background:var(--raised);align-items:center;gap:14px;padding:16px;display:flex}.row-card .well-round{width:52px;height:52px;color:var(--accent-text);background:#ff5c0029;border-radius:50%;flex:none;place-items:center;display:grid}.row-card h3{letter-spacing:-.01em;font-size:1.0625rem;font-weight:800}.row-card p{color:var(--muted);margin-top:2px;font-size:.9375rem;line-height:1.4}a.row-card{text-decoration:none;transition:transform .12s,background .15s}a.row-card:hover{background:var(--overlay)}a.row-card:active{transform:scale(.98)}a.row-card>.go{color:var(--muted);flex:none;margin-left:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:12px;display:grid}.tile{isolation:isolate;background:var(--raised);min-height:188px;color:var(--ink);border-radius:24px;flex-direction:column;justify-content:space-between;gap:18px;padding:14px;text-decoration:none;transition:transform .18s cubic-bezier(.3,.7,.3,1),box-shadow .18s,opacity .25s,filter .25s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#1a162626 0%,#1a162699 50%,#1a1626f5 100%);position:absolute;inset:0}.tile-art{z-index:-2;object-fit:cover;opacity:.3;width:100%;height:100%;transition:opacity .25s,transform .4s;position:absolute;inset:0}a.tile:hover{box-shadow:0 18px 36px -18px color-mix(in srgb, var(--hue) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hue) 45%, transparent);transform:translateY(-3px)}a.tile:hover .tile-art{opacity:.48;transform:scale(1.04)}a.tile:active{transform:scale(.96)}.tile-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.well{border-radius:var(--r-md);width:46px;height:46px;color:var(--hue);background:color-mix(in srgb, var(--hue) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hue) 40%, transparent);flex:none;place-items:center;display:grid}.tile .chip{color:var(--accent-text);text-transform:none;letter-spacing:.02em;text-overflow:ellipsis;background:#0d0b14b3;max-width:60%;font-size:.75rem;overflow:hidden}.tile[style*=--spicy] .chip{color:var(--spicy-text)}.tile h3{letter-spacing:-.015em;font-size:1.15rem;font-weight:700;line-height:1.2}.tile-meta{align-items:center;gap:8px;min-width:0;margin-top:8px;display:flex}.heads{border-radius:var(--r-sm);color:var(--correct);font:600 .75rem/1.2 var(--font-mono);font-variant-numeric:tabular-nums;background:#0d0b14bf;flex:none;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.tile-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8125rem;overflow:hidden}.tile-how{color:#d9d5e6;margin-top:10px;font-size:.9rem;line-height:1.45}.tile.has-how{min-height:240px}.tile.has-how .tile-sub{white-space:normal}.tile:target{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px #ff5c0033}.tile.off{opacity:.32;filter:grayscale(.8)}.tile.off .heads{color:var(--muted)}.page-head{padding-block:28px 8px}.page-head h1{letter-spacing:-.03em;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:900;line-height:1.04}.band{padding-block:clamp(48px,8vw,88px)}.band-head{gap:10px;margin-bottom:28px;display:grid}.band-head h2{letter-spacing:-.03em;max-width:22ch;font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:900;line-height:1.08}.prose{max-width:760px;padding-block:28px 72px}.prose h1{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1.06}.prose h2{letter-spacing:-.01em;margin-top:36px;margin-bottom:10px;font-size:1.2rem;font-weight:800}.prose p,.prose li{color:#d9d5e6}.prose p+p{margin-top:12px}.prose ul{margin:0;padding-left:20px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--accent)}.prose .updated{margin-bottom:8px;display:inline-flex}.prose a{color:var(--accent-text);text-underline-offset:3px}.prose-card{border-radius:var(--r-xl);background:var(--raised);padding:clamp(20px,4vw,36px)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-block:32px 40px;font-size:.875rem}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.foot-brand{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mark-text{font:900 1.2rem/1 var(--font-display);letter-spacing:-.04em;color:var(--ink)}footer nav{flex-wrap:wrap;gap:6px 20px;display:flex}footer a{color:var(--muted);padding-block:6px;text-decoration:none}footer a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.deal{animation:.5s cubic-bezier(.2,.8,.25,1) both deal;animation-delay:calc(var(--i,0) * 50ms + 60ms)}@keyframes deal{0%{opacity:0;transform:translateY(18px)scale(.97)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.stores{flex-wrap:wrap;gap:10px;display:flex}.store{border-radius:var(--r-md);color:#fff;background:#000;align-items:center;gap:10px;min-height:56px;padding:8px 18px 8px 14px;text-decoration:none;transition:transform .12s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #5c5670}a.store:hover{box-shadow:inset 0 0 0 1.5px #fff}a.store:active{transform:scale(.97)}.store-logo{flex:none;width:28px;height:28px}.store-text{text-align:left;line-height:1.05;display:grid}.store-small{letter-spacing:.02em;font-size:.6875rem;font-weight:500}.store-name{font:600 1.3rem/1.1 -apple-system, "Segoe UI", var(--font-body);letter-spacing:-.02em}.stores-lg .store{min-height:64px;padding:10px 22px 10px 16px}.stores-lg .store-logo{width:32px;height:32px}.stores-lg .store-name{font-size:1.5rem}@media (width<=560px){.stores>.store{flex:1 1 0;justify-content:center;min-width:0;padding-inline:12px}.stores .store-name{white-space:nowrap;font-size:1.15rem}}