:root{--paper: #fbfaf5;--grid: #e4e8f2;--card: #ffffff;--ink: #1f3a93;--ink-deep: #142663;--ink-wash: #f1f3fa;--text: #1e2440;--muted: #4b5375;--rule: #c9d0e6;--line: #9aa6cc;--highlight: #ffe45c;--coral: #e5484d;--coral-text: #c8323a;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif;--font-hand: "Caveat", "Comic Sans MS", cursive;--gutter: 20px;--measure: 760px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.55}main{flex:1}a{color:var(--ink)}a:hover{color:var(--ink-deep)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.1}p,ul,ol{margin:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.section{margin-top:44px}.section-title{font-size:26px}.hand{font-family:var(--font-hand);font-weight:700;color:var(--coral-text);line-height:1.1}.hl{background:linear-gradient(transparent 52%,var(--highlight) 52%,var(--highlight) 92%,transparent 92%);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.kicker{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.meta{font-size:14px;font-weight:600;color:var(--muted)}.lede{font-size:19px;line-height:1.5;font-weight:500}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}.wordmark{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;line-height:1}.wordmark:hover{color:var(--ink-deep)}.header-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--ink);border-radius:10px;background:var(--card);font-weight:600;font-size:16px;text-decoration:none}.header-link:hover{background:var(--ink-wash)}.site-footer{margin-top:64px;border-top:2px solid var(--ink);background:var(--paper)}.site-footer .wrap{display:flex;flex-direction:column;gap:14px;padding-top:28px;padding-bottom:36px}.footer-brand{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink)}.footer-links{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;padding:0;font-weight:600;font-size:15px}.footer-links a{display:inline-block;padding:6px 0}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 22px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;text-decoration:none;cursor:pointer}.btn:hover{background:var(--ink-deep);color:#fff}.btn--ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--ink)}.btn--ghost:hover{background:var(--ink-wash);color:var(--ink-deep)}.btn[disabled]{opacity:.4;cursor:default}.card{background:var(--card);border:1.5px solid var(--ink);border-radius:6px;box-shadow:0 1px 0 var(--ink),0 8px 24px #1f3a9314}.sticky{background:var(--highlight);padding:20px 20px 22px;transform:rotate(-1.2deg);box-shadow:0 10px 18px #1e24401f}.sticky h2{font-family:var(--font-hand);font-size:30px;color:var(--text);letter-spacing:0;margin-bottom:8px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{position:relative;min-width:60px;min-height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:600 16px/1 var(--font-body);cursor:pointer}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--highlight);font-weight:700}.chip .circle{position:absolute;left:-8px;top:-7px;width:calc(100% + 16px);height:calc(100% + 14px);overflow:visible;pointer-events:none;opacity:0;transition:opacity .12s ease}.chip[aria-pressed=true] .circle{opacity:1}.list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:2px solid var(--ink)}.game-list{list-style:none;padding:0}.game-row>a{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1.5px solid var(--rule);color:var(--text);text-decoration:none}.game-row h3{font-size:26px}.game-row>a:hover h3{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:5px}.shelf{display:grid;gap:8px}.shelf a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 16px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font-weight:600;text-decoration:none}.shelf a:hover{border-color:var(--ink)}.shelf .hand{font-size:22px;white-space:nowrap}@media(min-width:768px){body{font-size:18px}.section-title{font-size:30px}.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
