:root{color-scheme:light;--ink:#172b29;--muted:#52635e;--paper:#f6f5ef;--accent:#275f47;--line:#d8ddd3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #9d4f22;outline-offset:5px}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:.5rem}.skip:focus{top:0;z-index:10}.site-header,.site-footer,main{max-width:1120px;margin:auto;padding:0 28px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:-.05em;color:var(--ink);text-decoration:none}.brand span{font-weight:400}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{font-size:14px}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(38px,7vw,78px);margin:.3em 0}h2{font-size:clamp(27px,4vw,38px)}h3{font-size:28px;margin:.7em 0}p{margin:1em 0}.hero{padding:72px 0 64px;max-width:820px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--accent)}.lede{font-size:21px;line-height:1.65;max-width:740px;color:var(--muted)}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:11px 20px;border-radius:7px;font-size:15px;font-weight:650}.text-link{display:inline-block;margin:12px 16px}section{margin-bottom:64px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guides{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);background:#fffef9;border-radius:16px;padding:26px}.card h2{font-size:25px}.card h2 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted)}.card .button{margin-right:12px}.game-art{height:160px;display:flex;align-items:center;justify-content:center;gap:35px;border-radius:10px;font-size:43px;line-height:1.4}.math{background:#e2eddd;font-family:ui-monospace,monospace}.math span{color:var(--accent)}.dress{background:linear-gradient(125deg,#ffe5c6,#ebdcf0);font-size:48px}.note{border-top:1px solid var(--line);padding-top:24px;max-width:760px}.site-footer{padding-top:22px;padding-bottom:36px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.reading{max-width:760px;padding:48px 0 64px;margin:auto}.reading h1{font-size:clamp(36px,5vw,58px)}.reading h2{font-size:27px;margin-top:1.5em}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;margin:24px 0}caption{text-align:left;color:var(--muted);margin-bottom:10px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line)}details{background:#e9eee3;padding:16px 20px;border-radius:10px}summary{cursor:pointer;font-weight:650}code,kbd{font-size:.95em}main>h1{margin-top:48px}main>.grid{margin-bottom:64px}
@media(max-width:760px){.grid,.guides{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column;gap:10px}.site-header,main,.site-footer{padding-left:20px;padding-right:20px}.hero{padding:44px 0}.card{padding:22px}.game-art{font-size:34px}nav{gap:18px}.lede{font-size:19px}th,td{padding:8px 3px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}