:root{--accent:#426451;--paper:#f5f3ec;--ink:#26352e;--muted:#6c746c;--line:#d9ddd3;--brown:#937350}body{background:var(--paper)}[hidden]{display:none!important}.hero-actions .primary{background:#426451;color:#fff;min-width:155px;justify-content:space-between}.hero-copy .intro{max-width:520px;word-break:keep-all}.hero-copy h1{letter-spacing:-2px}.hero-art{opacity:.88}.home-resume{display:inline-block;font-size:13px;color:#426451;margin-top:18px;border-bottom:1px solid #bdcabd}.about{padding-top:40px;padding-bottom:40px}.about-body p{font-size:14px}
/* Main-page introduction and reading dialogs; isolated from the game screen. */
.home-page .hero{min-height:0;padding-top:48px;padding-bottom:44px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px}
.home-page .hero-copy{max-width:570px}.home-page .hero-copy .eyebrow{margin-bottom:16px}.home-page .hero h1{line-height:1.3;margin-bottom:21px}
.home-intro{font-size:14px;line-height:1.85;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}.home-intro p{margin:0 0 12px}.home-intro p:last-child{margin-bottom:0}
.home-info-links{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:12px;color:var(--muted)}.home-info-links button{padding:10px 4px;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#afb7a8}.home-info-links>span{color:#9ca292}
.ui-credit{font-size:11px;color:var(--muted);line-height:1.9;max-width:480px;margin:0 0 18px;word-break:keep-all}.ui-credit a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;padding:13px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.home-page .hero-actions{gap:20px;flex-wrap:nowrap}.home-page .hero-actions .primary,.home-page .hero-actions .text-button{min-height:46px;align-items:center;white-space:nowrap}.home-page .edition{margin-top:20px}.home-page .hero-art{height:400px}
.home-info-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #cfcfbd;border-radius:8px;background:linear-gradient(#fffdf7eb,#fffdf7eb),url('assets/paper-texture.png') center/cover;color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 75px #23302b30;scrollbar-gutter:stable}
.home-info-dialog::backdrop{background:#25312b66;backdrop-filter:blur(3px)}
.info-dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;background:#faf8eff5;border-bottom:1px solid var(--line)}.info-dialog-header h2{font-size:24px;line-height:1.5;margin:0}.info-dialog-header button{min-width:68px;min-height:44px;border:1px solid #d4d7c9;border-radius:5px;background:#fffdf7;padding:8px 12px;font-size:12px;flex-shrink:0}
.info-dialog-body{padding:26px 30px 30px;font-size:15px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.info-dialog-body p{margin:0 0 22px}.info-dialog-body p:last-child{margin-bottom:0}.info-dialog-body h3{font-size:17px;margin:26px 0 12px}.home-info-dialog button:focus-visible,.home-info-links button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.home-page .hero{gap:24px;padding:34px 30px}.home-page .hero-art{height:360px}}
@media(max-width:700px){.home-page .top{height:60px;padding:0 18px}.home-page nav{gap:12px}.home-page nav .nav-info{display:none}.home-page .hero{padding:24px 20px 28px;gap:32px}.home-page .hero-copy{max-width:none}.home-page .hero-copy .eyebrow{font-size:10px;margin-bottom:12px}.home-page .hero h1{font-size:34px;line-height:1.28;margin-bottom:17px;letter-spacing:-1.7px}.home-intro{font-size:14px;line-height:1.75;word-break:normal}.home-intro p{margin-bottom:10px}.home-info-links{margin-top:4px}.ui-credit{font-size:10px;line-height:1.85;margin-bottom:14px}.home-page .hero-actions{gap:15px}.home-page .hero-actions .primary{min-width:137px;font-size:13px;padding:12px 16px}.home-page .hero-actions .text-button{font-size:12px;gap:0}.home-page .edition{margin-top:17px}.home-page .hero-art{height:300px}.info-dialog-header{padding:12px 18px}.info-dialog-header h2{font-size:22px}.info-dialog-body{padding:22px 20px 26px;font-size:14px;line-height:1.9}.home-info-dialog{max-height:calc(100dvh - 28px);width:calc(100vw - 24px)}}
@media(max-width:700px) and (max-height:700px){.home-page .hero{padding-top:17px}.home-page .hero-copy .eyebrow{margin-bottom:8px}.home-page .hero h1{font-size:31px;margin-bottom:13px}.home-intro{font-size:13px;line-height:1.7}.home-intro p{margin-bottom:8px}.home-page .ui-credit{margin-bottom:10px}}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer nav{display:flex;align-items:center;gap:16px}.site-footer nav button,.site-footer nav a{font:inherit;font-size:13px;white-space:nowrap;background:none;border:0;color:inherit;padding:8px 0}#feedback-text{width:100%;box-sizing:border-box;padding:12px;font:inherit;border:1px solid #b6ad9c;background:#faf8f2} @media(max-width:600px){.site-footer{gap:12px;align-items:flex-start}.site-footer .brand{font-size:12px;max-width:38%;line-height:1.6}.site-footer nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-footer nav button,.site-footer nav a{font-size:11px}}

.site-footer{flex-wrap:nowrap}.site-footer .brand{white-space:normal}.site-footer nav a{display:inline-block}

.home-page .home-intro{text-align:justify;text-justify:inter-word;word-break:normal;overflow-wrap:break-word}.home-page .hero-copy .eyebrow{margin-bottom:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-page .hero h1{margin-top:0}.home-page .eyebrow .collection-inline{display:inline;width:auto;height:auto;background:none;font-size:9px;letter-spacing:.08em;font-weight:400}.hero-art .art-label{display:none}
/* Shared paragraph edges: all copy uses the opening sentence's column. */
.home-page .home-intro{width:100%;max-width:570px;text-align:justify;text-align-last:left}
.home-page .home-intro p{width:100%;max-width:none;margin-left:0;margin-right:0;text-indent:0;text-align:justify;text-align-last:left}
/* Mobile reading space and footer hierarchy. */
@media(max-width:700px){
  .home-page .hero{padding-left:28px;padding-right:28px}
  .home-page .archive{padding-left:28px;padding-right:28px}
  .home-page .home-intro p{margin-bottom:18px}
  .home-page .home-intro p:last-child{margin-bottom:0}
  .home-page .site-footer{padding-left:28px;padding-right:28px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px clamp(6px,2vw,12px)}
  .home-page .site-footer .brand{grid-column:1;grid-row:2;max-width:none;white-space:nowrap;font-size:clamp(9px,2.8vw,12px);line-height:1.6;letter-spacing:-.6px}
  .home-page .site-footer nav{display:contents}
  .home-page .site-footer nav a{grid-column:1 / -1;grid-row:1;justify-self:end;font-size:11px}
  .home-page .site-footer nav button{grid-row:2;font-size:clamp(9px,2.55vw,11px)}
  .home-page .site-footer nav button:first-child{grid-column:2}
  .home-page .site-footer nav button:nth-child(2){grid-column:3}
}

/* Keep each date attached to its own update, with space between entries. */
.home-info-dialog .update-notes-list{margin:0;padding-left:28px;list-style:decimal}
.home-info-dialog .update-notes-list>li{display:list-item;margin:0 0 22px;padding:0 0 18px 5px;border-bottom:1px solid #d9ddd4}
.home-info-dialog .update-notes-list>li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.home-info-dialog .update-notes-list time{display:block;font-size:12px;line-height:1.5;margin:0 0 5px;color:var(--muted)}
.home-info-dialog .update-notes-list h3{margin:0 0 7px;line-height:1.55;font-size:16px}
.home-info-dialog .update-notes-list p{margin:0;line-height:1.8}

/* The beta notice accompanies the title; feedback is a direct form link. */
.home-page .brand-group{display:flex;align-items:center;gap:12px;min-width:0}
.home-page .beta-status{display:inline-block;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.4;padding:4px 9px;border:1px solid #cad6cd;border-radius:4px;background:#eaf0ea;color:#466251;letter-spacing:0}
@media(max-width:700px){
 .home-page .top{height:auto;min-height:84px;padding:12px 22px;flex-wrap:wrap;gap:8px}
 .home-page .brand-group{width:100%;gap:8px}
 .home-page .top .brand{font-size:16px;white-space:nowrap}
 .home-page .beta-status{font-size:10px;padding:3px 7px}
 .home-page .top>nav{margin-left:auto}
}
@media(max-width:600px){
 .home-page .site-footer nav .feedback-link{grid-column:3;grid-row:2;justify-self:auto;font-size:clamp(9px,2.55vw,11px)}
}

.home-page .site-footer{flex-wrap:wrap;row-gap:8px}
.home-page .footer-credits{flex-basis:100%;font-size:12px;line-height:1.7;color:var(--muted);text-align:left}
.home-page .footer-credits p{margin:2px 0;word-break:keep-all}
@media(max-width:600px){.home-page .footer-credits{grid-column:1 / -1;grid-row:3;margin-top:2px;font-size:11px}}
.home-page .beta-version{font-weight:700;margin-left:4px}
@media(max-width:700px){.home-page .brand-group{flex-wrap:wrap}}