:root{--paper:#f4ecdd;--card:#fffbf2;--line:#e2d5bf;--ink:#1f1a15;--ink-2:#5a4d40;--ink-3:#7a6b5b;--accent:#9a4a2a;--lamp:#f2b544;--bronze:#b7773c;--silver:#9ea3a8;--gold:#d6a230;--display:"Fraunces", Georgia, serif;--body:"Instrument Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--kn:"Tiro Kannada", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.route-loading{position:fixed;inset:0}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.eyebrow{font:600 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.btn{border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#3a3129}.btn-ghost{border:1.5px solid var(--ink)}.btn-ghost:hover{background:#1f1a150f}.nav{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand b{font:800 20px/1 var(--display);letter-spacing:-.01em}.nav nav{align-items:center;gap:4px;display:flex}.nav nav a{border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav nav a:hover{background:#1f1a150f}.nav .by{border:1.5px solid var(--ink);white-space:nowrap}@media (width<=640px){.nav nav a:not(.by){display:none}}@media (width<=420px){.nav .by-pre{display:none}.brand b{font-size:17px}}.hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:40px;padding:40px 0 56px;display:grid}.hero h1{font:900 clamp(48px, 7.4vw, 96px) / .92 var(--display);letter-spacing:-.03em;margin:14px 0 0}.hero h1 em{color:var(--accent);font-style:italic;font-weight:500}.hero p{max-width:540px;color:var(--ink-2);margin:22px 0 0;font-size:18px;line-height:1.55}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat{background:var(--card);border:1.5px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;min-height:126px;padding:18px 20px;display:flex}.stat .k{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.stat .v{align-items:baseline;gap:6px;margin-top:auto;display:flex}.stat .v b{font:800 44px/1 var(--display)}.stat .v span{color:var(--ink-3);font-size:14px}.stat.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stat.dark .k,.stat.dark .v span{color:#cdbfa9}.pick{flex-direction:row;grid-column:1/-1;align-items:center;gap:16px;min-height:0;padding:14px 16px;text-decoration:none}.pick:hover{border-color:var(--ink)}.pick .art{border-radius:14px;flex:none;place-items:center;width:84px;height:84px;display:grid}.pick .t{flex-direction:column;gap:4px;display:flex}.pick .t b{font:800 22px/1.1 var(--display)}.pick .sub{color:var(--ink-3);font-size:14px}.pick .go{margin-left:auto;font-size:22px}@media (width<=900px){.hero{grid-template-columns:1fr;align-items:start;padding-top:24px}}.section-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-head h2{font:900 clamp(34px, 4.4vw, 52px) / 1 var(--display);letter-spacing:-.02em;margin:8px 0 0}.section-head p{max-width:380px;color:var(--ink-2);margin:0;line-height:1.5}@media (width<=760px){.section-head{flex-direction:column;align-items:flex-start}}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1.5px solid var(--line);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3c281429}.card .art{place-items:center;height:124px;display:grid;position:relative;overflow:hidden}.card .num{font:600 11px/1 var(--mono);position:absolute;top:12px;left:14px}.card .done{background:var(--card);color:var(--ink);font:600 10px/1.2 var(--mono);border-radius:999px;padding:4px 8px;display:none;position:absolute;top:10px;right:12px}.card.played .done{display:block}.card .body{flex-direction:column;flex-grow:1;gap:4px;padding:14px 16px 16px;display:flex}.card h3{font:800 20px/1.15 var(--display);margin:0}.card .kn{font:400 15px/1.3 var(--kn);color:var(--ink-3)}.card .blurb{color:var(--ink-2);margin-top:6px;font-size:14px;line-height:1.45;display:block}.card .foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.card .best{font:600 12px/1 var(--mono)}.pips{gap:4px;display:flex}.pips i{border:2px solid;border-radius:50%;width:10px;height:10px}.pips i:first-child{border-color:var(--bronze)}.pips i:nth-child(2){border-color:var(--silver)}.pips i:nth-child(3){border-color:var(--gold)}.m1 .pips i:first-child,.m2 .pips i:first-child,.m3 .pips i:first-child{background:var(--bronze)}.m2 .pips i:nth-child(2),.m3 .pips i:nth-child(2){background:var(--silver)}.m3 .pips i:nth-child(3){background:var(--gold)}.how-section{margin-top:88px}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.how div{border:1.5px solid var(--line);border-radius:20px;padding:24px}.how h3{font:800 22px/1.15 var(--display);margin:14px 0 8px}.how p{color:var(--ink-2);margin:0;line-height:1.55}@media (width<=820px){.how{grid-template-columns:1fr}}footer{background:var(--ink);color:var(--paper);margin-top:88px}footer .wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding-top:56px;padding-bottom:40px;display:grid}footer .made{font:900 clamp(32px, 4vw, 48px) / 1.02 var(--display);letter-spacing:-.02em}footer .made a{color:var(--lamp);border-bottom:3px solid;text-decoration:none}footer .made a:hover{color:#ffd27a}footer p{color:#cdbfa9;margin:16px 0 0;line-height:1.55}footer .links{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}footer .links a{padding:6px 0;font-weight:600;text-decoration:none}footer .links a:hover{color:var(--lamp)}footer .legal{font:500 12px/1.4 var(--mono);color:#9c8f7e;border-top:1px solid #3a3129;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:16px;padding-top:20px;display:flex}@media (width<=760px){footer .wrap{grid-template-columns:1fr}}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:100vh;display:flex}.not-found h1{font:900 clamp(40px, 6vw, 72px) / .95 var(--display);letter-spacing:-.02em;margin:0}.not-found p{color:var(--ink-2);margin:0;font-size:18px}