@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--paper:#f8f5eb;--ink:#191917;--muted:#58564f;--line:#bdb8aa;--serif:Georgia,'Times New Roman',serif;--mono:'DM Mono','Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #444;outline-offset:4px}.site-header{max-width:1500px;margin:auto;padding:38px 3.7% 32px;border-bottom:1px solid #777;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:clamp(19px,2vw,30px);letter-spacing:.035em;white-space:nowrap}.site-header nav{display:flex;gap:clamp(18px,3.6vw,60px);align-items:center}.site-header nav a,.edition,.eyebrow,.hero-copy p,.contents p,.review-meta,.fineprint,.game-score,.field-top,.field-bottom,.archive-items,.archive-warning,footer,.lined-note>span,.review-open,.tab,.game-instructions label,.game-instructions button{font-family:var(--mono)}.site-header nav a{font-size:13px;letter-spacing:.13em}.site-header nav a:hover,.review-open:hover{text-decoration:underline;text-underline-offset:6px}.edition{text-align:right;font-size:11px;letter-spacing:.18em;line-height:1.8;white-space:nowrap}.hero{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:35% 65%;gap:28px;align-items:center;padding:72px 5.5% 68px}.hero-copy h1{font-weight:400;font-size:clamp(35px,3.6vw,60px);line-height:1.15;letter-spacing:-.045em;margin:0 0 34px}.short-rule{display:block;width:48px;border-top:1px solid #777;margin-bottom:30px}.hero-copy p{font-size:13px;line-height:1.8;letter-spacing:.015em}.hero-photo{margin:0}.hero-photo img{display:block;width:100%;aspect-ratio:1.74;object-fit:cover;filter:saturate(.78)}.hero-photo figcaption{text-align:right;font-style:italic;margin-top:12px;color:var(--muted);font-size:15px}.contents{max-width:1500px;margin:auto;padding:30px 3.7% 48px;border-top:1px solid #888;border-bottom:1px solid #888;display:grid;grid-template-columns:repeat(4,1fr)}.contents>a{padding:12px 28px 2px 24px;border-right:1px solid var(--line);min-height:160px;display:flex;flex-direction:column}.contents>a:first-child{padding-left:0}.contents>a:last-child{border:0}.contents h2{font-size:clamp(23px,2.3vw,34px);font-weight:400;margin:0 0 14px;letter-spacing:-.035em}.contents p{font-size:12px;line-height:1.8;flex:1}.contents a>span{font-size:29px;line-height:1}.contents a:hover>span{transform:translateX(8px);transition:transform .2s}.section{max-width:1500px;margin:auto;padding:100px 5.5%;border-bottom:1px solid var(--line);scroll-margin-top:25px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted)}.section h2{font-size:clamp(45px,5vw,76px);font-weight:400;letter-spacing:-.05em;margin:12px 0 20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-head>p,.two-column p,.archive-section>p{font-size:17px;line-height:1.7;max-width:400px;color:var(--muted)}.review-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 24px}.tab{background:transparent;border:1px solid #aaa69a;padding:10px 17px;cursor:pointer;font-size:12px}.tab.selected,.tab:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.review[hidden]{display:none}.review-art{aspect-ratio:3/3.6;display:grid;place-items:center;border:1px solid #a9a396;overflow:hidden}.review-art span{font-size:clamp(24px,3vw,47px);letter-spacing:.08em}.art-book{background:#d9d2c2}.art-film{background:#b9b8b0}.art-music{background:#bfc8bf}.art-bars{background:#c7b5a0}.review-meta{font-size:10px;letter-spacing:.08em;margin-top:17px}.review h3{font-size:28px;font-weight:400;margin:8px 0}.review p{font-size:15px;color:var(--muted);line-height:1.6;min-height:48px}.review-open{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:4px 0;cursor:pointer;font-size:11px}.fineprint{font-family:var(--mono);font-size:11px;color:#656259;line-height:1.8;margin-top:24px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:70px}.lined-note{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0}.lined-note>span{font-size:11px;letter-spacing:.12em}.lined-note h3{font-size:clamp(26px,3vw,42px);font-weight:400;max-width:450px;line-height:1.3}.game-layout{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--line);margin-top:24px}.game-instructions{padding:36px}.game-instructions h3{font-size:32px;font-weight:400;margin:0 0 18px}.game-instructions>p{font-size:16px;line-height:1.6;color:var(--muted)}.game-instructions label{display:flex;justify-content:space-between;margin-top:32px;font-size:12px}.game-instructions input{width:100%;margin:18px 0;accent-color:#2d4d3d}.game-buttons{display:flex;gap:20px;align-items:center}.game-buttons button{padding:12px 22px;background:#242924;color:white;border:1px solid #242924;cursor:pointer;font-size:12px}.game-buttons .text-button{background:transparent;color:var(--ink)}.game-score{font-size:12px!important;margin-top:25px}.field{background:linear-gradient(#c5cec0 0%,#718c70 56%,#416749 57%,#2b5438 100%);min-height:430px;position:relative;overflow:hidden}.field-top{display:flex;justify-content:space-between;padding:19px;font-size:11px;background:#f8f5ebd6}.goal{position:absolute;left:50%;top:29%;transform:translateX(-50%);height:145px;width:180px}.left-post,.right-post{position:absolute;width:7px;height:130px;top:0;background:#e8d38b}.left-post{left:0}.right-post{right:0}.crossbar{position:absolute;top:120px;height:7px;width:100%;background:#e8d38b}.ball{position:absolute;left:50%;bottom:55px;transform:translateX(-50%) rotate(20deg);font-size:30px;color:#513423;text-shadow:1px 2px 2px #202020}.ball.kicking{bottom:185px;transform:translateX(-50%) scale(.45) rotate(100deg)}.field-bottom{position:absolute;bottom:12px;left:20px;color:#f4f0df;font-size:11px;letter-spacing:.14em}.archive-section{padding-bottom:130px}.archive-items{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.archive-items span{border:1px solid var(--line);padding:12px 14px;font-size:11px}.archive-warning{font-size:11px!important;max-width:620px!important;line-height:1.8!important}footer{max-width:1500px;margin:auto;padding:34px 3.7% 55px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.1em}footer a{text-decoration:underline;text-underline-offset:4px}dialog{max-width:460px;width:calc(100% - 32px);border:1px solid var(--ink);background:var(--paper);padding:0;color:var(--ink)}dialog::backdrop{background:#0007}.dialog-inner{padding:40px;position:relative}.dialog-inner h2{font-size:48px;font-weight:400;margin:18px 0}.dialog-inner p{line-height:1.7}#close-dialog{position:absolute;right:14px;top:12px;font-size:26px;border:0;background:transparent;cursor:pointer}@media(max-width:980px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr 1.2fr;padding:50px 4%}.hero-copy h1{font-size:clamp(31px,4vw,48px)}.review-grid{grid-template-columns:repeat(2,1fr)}.contents h2{font-size:25px}}@media(max-width:650px){.site-header{padding:25px 5%}.site-header nav{gap:13px;flex-wrap:wrap}.site-header nav a{font-size:10px}.edition{font-size:9px}.hero{grid-template-columns:1fr;padding:42px 5% 40px;gap:35px}.hero-copy h1{font-size:clamp(38px,9vw,58px)}.hero-copy h1 br{display:none}.hero-copy h1{max-width:540px}.hero-photo img{aspect-ratio:1.65}.contents{grid-template-columns:repeat(2,1fr);padding:20px 5%}.contents>a{padding:18px 10px;min-height:155px}.contents>a:nth-child(2){border-right:0}.contents>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:65px 5%}.section-head{display:block}.review-grid{gap:18px}.review-art span{font-size:24px}.review h3{font-size:24px}.two-column,.game-layout{grid-template-columns:1fr;gap:30px}.game-instructions{padding:24px}.field{min-height:340px}footer{flex-direction:column;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version 4: descriptions removed from homepage */
.hero-simple{display:block;max-width:1500px;padding:58px 5.5% 64px}.hero-simple .hero-photo{max-width:1080px;margin:auto}.hero-simple .hero-photo img{aspect-ratio:2.35}.contents>a{min-height:112px;justify-content:space-between}.contents h2{margin-bottom:25px}@media(max-width:650px){.hero-simple{padding:34px 5%}.hero-simple .hero-photo img{aspect-ratio:1.6}.contents>a{min-height:100px}}

/* Version 5: restored introduction, kept homepage categories without descriptions. */
.hero{display:grid}.hero-photo img{aspect-ratio:1.74}
