.date-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:3rem;background:#e8e5d8;border:1px solid var(--rule);margin-bottom:3rem}
.date-intro h2{font-size:clamp(2.3rem,4vw,3.5rem);margin:0 0 1.4rem}.date-intro p{max-width:54ch}.date-mode-choice{display:grid;gap:1rem}.date-mode-choice button{text-align:left;padding:1.5rem;white-space:normal;height:auto;display:block}.date-mode-choice strong{display:block;font-size:1.2rem}.date-mode-choice span{display:block;margin-top:.4rem;font-size:1rem;line-height:1.7;font-weight:400}
.date-game-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;padding:1.2rem 0}.date-game-top p{margin:0}.date-game-top span{margin-right:1.5rem}.date-game-top strong{font-weight:600}.date-game progress{width:100%;height:7px;accent-color:#255d4e;display:block;margin-bottom:2rem}
.date-playing{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;background:#fbfaf6;padding:2.5rem;border:1px solid var(--rule)}.date-image{margin:0}.date-image img{width:100%;height:clamp(280px,40vw,510px);object-fit:contain;background:#e7e4d9}.date-image figcaption{font-size:.875rem;line-height:1.8;margin-top:1rem;color:#5a6259}.date-controls h2{font-size:2.4rem;margin:0 0 1.25rem}.date-controls label{display:block}.date-controls output{display:block;font-family:var(--serif);font-size:4.2rem;color:#234c3f;line-height:1.3}.date-controls input[type=range]{display:block;width:100%;height:44px;accent-color:#205748;cursor:pointer}.date-range-ends{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:1.2rem}.date-controls button{max-width:100%;white-space:normal;min-height:44px}.date-feedback{border-left:3px solid #9c5137;padding:1rem 1.4rem;margin-top:2rem;background:#f1eee4}.date-feedback h3{font-size:1.7rem;margin:0 0 .4rem}.date-feedback .date-answer{font-size:2.5rem;font-family:var(--serif);color:#204d3f;margin:.5rem 0}.date-feedback p{margin:.7rem 0;line-height:1.8}.date-feedback a{display:inline-block;padding:.5rem 0}.date-game [tabindex='-1']{scroll-margin-top:calc(var(--header-height,105px) + 24px)}.date-game :focus-visible{outline:3px solid #ae5b36;outline-offset:5px}
.date-finish{padding:2.5rem;background:#fbfaf6;border:1px solid var(--rule);margin-bottom:3rem}.date-finish h2{font-size:3rem;margin:0}.date-total{font-family:var(--serif);font-size:5rem;color:#235343;margin:1rem 0}.date-review{padding:0;list-style:none;margin:2rem 0}.date-review li{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--rule)}.date-review li>span{font-family:var(--serif);font-size:1.7rem}.date-review p{margin:0 0 .6rem}.date-review a{display:inline-block;padding:.4rem 0}.date-buttons{display:flex;gap:1rem;flex-wrap:wrap}
.chapter-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.chapter-navigation a{display:block;padding:1.3rem;border:1px solid var(--rule);background:#f4f1e7;text-decoration:none}.chapter-navigation a:last-child{text-align:right}.chapter-navigation small{display:block;font-size:.85rem;margin-bottom:.4rem}.archive-story-intro,.archive-contribution{padding:1.5rem;border-left:3px solid #a65437;background:#f1eee4;margin-bottom:2rem}.archive-story-intro h2,.archive-contribution h2{font-size:1.7rem;margin:0 0 1rem}.archive-story-intro p,.archive-contribution p{margin:0 0 1rem}.archive-contribution{margin-top:2rem}.reader-transcription{border:1px solid var(--rule);margin-top:2rem;padding:1.2rem}.reader-transcription summary{cursor:pointer;padding:.3rem 0;font-weight:600}.reader-transcription section{border-top:1px solid var(--rule);padding:1rem 0}.reader-transcription .pdf-page-text{white-space:pre-wrap;overflow-wrap:break-word;font-size:1rem;line-height:1.85}.reader-transcription h3{font-size:1.5rem;margin:1rem 0}.breadcrumb [aria-current=page]{color:#354b40}
@media(max-width:760px){.date-intro,.date-playing{grid-template-columns:1fr;padding:1.3rem;gap:1.5rem}.date-game-top{gap:.8rem}.date-image img{height:340px}.date-controls h2{font-size:2.05rem}.date-controls output{font-size:3.6rem}.date-finish{padding:1.3rem}.date-finish h2{font-size:2.4rem}.date-total{font-size:4rem}.date-review li{grid-template-columns:1fr;gap:.5rem}.date-controls button{width:100%}.chapter-navigation{grid-template-columns:1fr}.chapter-navigation a:last-child{text-align:left}.reader-transcription{padding:.8rem}.date-feedback{padding:1rem}}
@media(prefers-reduced-motion:reduce){.date-game *{animation:none!important;scroll-behavior:auto!important}}