/* The title screen shares its paper, fibers and ink with the city chronicle. */
body.home-active .game-shell,body.home-active .rail { visibility:hidden; }
body.home-active #rotate-prompt { display:none!important; }
.home-screen {
  --home-ink:#503d25;--home-muted:#715737;
  position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;
  background:#392f24;color:var(--home-ink);overflow:auto;isolation:isolate;
  font-family:'Manrope',sans-serif;scrollbar-color:#a58449 #392f24;
}
.home-screen[hidden] { display:none; }
.home-art,.home-shade { position:fixed;inset:0;width:100%;height:100%;pointer-events:none; }
.home-art { object-fit:cover;object-position:65% center;z-index:-3;filter:sepia(.22) saturate(.8); }
.home-shade { z-index:-2;background:linear-gradient(90deg,#30261bcc,#392e2070 42%,#392e2010 75%),linear-gradient(0deg,#241d16cc,transparent 40%,#241d1640); }
.home-frame { position:fixed;inset:20px;pointer-events:none;border:1px solid #e6ce9a40;z-index:-1; }
.home-frame:before,.home-frame:after { content:'✦';position:absolute;color:#dcc08c;font-size:12px;left:-5px;top:-9px; }
.home-frame:after { left:auto;top:auto;right:-5px;bottom:-9px; }
.home-top { display:flex;align-items:center;gap:20px;padding:28px 5%;flex-shrink:0; }
.home-brand { display:flex;align-items:center;gap:12px;color:#f4e6bf;text-decoration:none;letter-spacing:4px;font-size:12px;font-weight:600; }
.home-brand img { width:35px;height:35px; }
.home-top>span { margin-left:auto;font-size:9px;letter-spacing:3px;color:#f4e6bf; }
.home-utility { display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--papyrus-edge);border-radius:50%;color:#735633;background:var(--papyrus-solid);box-shadow:var(--papyrus-shadow); }
.home-utility:hover { filter:brightness(1.06); }
.home-utility .roman-icon { width:20px;height:20px; }
.home-content {
  position:relative;flex-shrink:0;width:min(480px,calc(100% - 96px));
  margin:clamp(12px,3vh,36px) 0 36px 7%;padding:38px 42px 32px;
  background:var(--papyrus-solid);border:1px solid var(--papyrus-edge);border-radius:3px;
  box-shadow:0 16px 48px #24180e55,inset 0 0 0 7px #f4e6bf66,inset 0 0 0 8px #a4794033;
  animation:home-arrive .55s ease both;
}
.home-content:before,.home-content:after {
  content:'';position:absolute;left:-9px;right:-9px;height:14px;
  background:linear-gradient(90deg,#906a3d,#d2aa70 7px,#825d33 12px,transparent 13px) left center/13px 100% no-repeat,
    linear-gradient(270deg,#906a3d,#d2aa70 7px,#825d33 12px,transparent 13px) right center/13px 100% no-repeat,var(--papyrus-roll);
  border:1px solid #956d3d90;border-radius:8px;box-shadow:0 3px 5px #684b3933;pointer-events:none;
}
.home-content:before { top:-7px; }
.home-content:after { bottom:-7px; }
.home-eyebrow { display:flex;align-items:center;gap:9px;color:#765a32;font-size:8px;font-weight:600;letter-spacing:1.7px;line-height:1.8; }
.home-eyebrow i { width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#8c3e2b; }
.home-title { font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,4.4vw,66px);letter-spacing:3px;line-height:1.1;margin:23px 0 19px;color:#553d26;text-shadow:0 1px 0 #fff6; }
.home-motto { font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.65;margin:0;color:#6b5133; }
.home-motto em { color:#8c3e2b; }
.home-rule { display:flex;align-items:center;gap:13px;width:100%;color:#957440;margin:25px 0;font-size:11px; }
.home-rule span { flex:1;height:1px;background:linear-gradient(90deg,#a5844966,transparent); }
.home-rule span:first-child { transform:rotate(180deg); }
.home-menu { display:flex;flex-direction:column;gap:5px; }
.home-screen button { cursor:pointer;font-family:inherit; }
.home-screen button:focus-visible,.home-screen a:focus-visible,.home-screen input:focus-visible { outline:2px solid #80612b;outline-offset:4px; }
.home-primary { display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;text-align:left;min-height:66px;padding:16px 20px;border:1px solid #773521;background:linear-gradient(115deg,#984c35,#793523);color:#fff0cd;box-shadow:0 4px 10px #684b3926,inset 0 0 0 3px #f4e6bf12;border-radius:3px;font-size:14px;font-weight:600;transition:background .2s,transform .2s; }
.home-primary:hover { background:linear-gradient(115deg,#a4553d,#873c29);transform:translateY(-1px); }
.home-primary:active { transform:translateY(0);box-shadow:inset 0 2px 5px #3e211a40; }
.home-primary small { display:block;margin-top:5px;font-size:10px;line-height:1.6;font-weight:400;color:#f4dfbb; }
.home-primary>.roman-icon { width:21px;height:21px; }
.home-menu>.home-primary { margin-bottom:9px; }
.home-menu-item { display:flex;align-items:center;gap:13px;text-align:left;padding:12px 16px;min-height:46px;border:1px solid #ab7e472e;border-radius:3px;background:var(--papyrus-inset);color:#60482b;font-size:12px;transition:background .2s,border-color .2s; }
.home-menu-item:hover { background:var(--papyrus-face);border-color:#8b7544; }
.home-menu-item>.roman-icon:first-child { width:20px;height:20px;color:#80612b; }
.home-menu-item>.roman-icon:last-child { margin-left:auto;width:14px;height:14px;opacity:.65; }
.home-menu-item small { margin-left:auto;color:#715737;font-size:10px;font-variant-numeric:tabular-nums; }
.home-local-note { display:flex;align-items:flex-start;gap:7px;color:var(--home-muted);font-size:9px;line-height:1.8;margin:20px 0 0; }
.home-local-note .roman-icon { width:13px;height:13px;margin-top:2px; }
.home-footer { margin-top:auto;padding:12px 5% 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;font-size:8px;letter-spacing:2.1px;color:#f4e6bf; }
.home-footer>a { color:inherit;text-underline-offset:4px;font-size:11px;letter-spacing:1px;padding:12px 0; }
.home-banner { width:320px;max-width:calc(100% - 40px);margin:0 0 24px 7%;font-size:10px;flex-shrink:0; }
.home-banner[hidden],.home-banner [hidden] { display:none!important; }
.home-banner-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:5px;color:#f4e6bf;font-size:8px;letter-spacing:1.6px; }
.home-banner-heading button { border:0;background:transparent;color:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:5px;min-height:44px; }
.home-banner-slot { width:320px;max-width:100%;height:50px;display:grid;place-items:center;background:var(--papyrus-solid);color:var(--home-muted);overflow:hidden; }
.home-banner-slot iframe { display:block;width:320px;height:50px;border:0; }
.home-banner-choice { padding:14px;background:var(--papyrus-solid);border:1px solid var(--papyrus-edge);border-radius:3px;color:var(--home-ink);box-shadow:var(--papyrus-shadow); }
.home-banner-choice p { margin:0 0 10px;font-size:11px;line-height:1.7; }
.home-banner-choice a { color:#793523;text-underline-offset:3px; }
.home-banner-choice>div { display:flex;gap:8px;flex-wrap:wrap; }
.home-banner-choice button { min-height:44px;padding:8px 10px;border:1px solid #ab7e4766;border-radius:3px;color:#60482b;background:var(--papyrus-inset);font-size:10px; }
.home-banner-choice button:hover { border-color:#8b7544; }
.home-back { display:flex;align-items:center;gap:9px;min-height:44px;font-size:11px;color:var(--home-muted);background:transparent;border:0;padding:7px 0;margin:0 0 15px; }
.home-back .roman-icon { width:15px;height:15px;transform:rotate(180deg); }
.home-page-title { font-size:40px;letter-spacing:0;margin:15px 0; }
.home-description { color:#6b5133;font-size:12px;line-height:1.8;margin:0 0 24px; }
.home-field-label { display:block;color:#765a32;font-size:9px;font-weight:600;letter-spacing:1.7px;margin:22px 0 10px; }
.home-input { width:100%;border:1px solid #ab7e4770;background:var(--papyrus-inset);border-radius:3px;padding:14px 16px;color:#553d26;font-size:20px;font-family:Georgia,'Times New Roman',serif;box-shadow:inset 0 1px 3px #684b391a; }
.home-scenario { display:flex;gap:15px;align-items:center;margin:22px 0;padding:16px;border:1px solid #ab7e474a;border-radius:3px;background:var(--papyrus-inset); }
.home-scenario-icon>.roman-icon { width:36px;height:36px;color:#80612b; }
.home-scenario strong { font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400; }
.home-scenario p { font-size:11px;color:#6b5133;line-height:1.75;margin:6px 0 0; }
.home-screen .home-modes { border:0;padding:0;margin:16px 0 22px;display:grid;gap:8px; }
.home-screen .home-modes legend { font-size:10px;color:var(--home-muted);margin-bottom:10px; }
.home-screen .home-modes label { display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ab7e474a;border-radius:3px;background:var(--papyrus-inset);cursor:pointer; }
.home-screen .home-modes label:has(input:checked) { border-color:#8b7544;background:var(--papyrus-face);box-shadow:inset 0 0 0 1px #a4794022; }
.home-screen .home-modes input { accent-color:#8c3e2b;width:18px;height:18px;flex-shrink:0; }
.home-screen .home-modes strong { font-size:12px;color:#553d26;display:block; }
.home-screen .home-modes small { font-size:10px;color:#6b5133;display:block;margin-top:5px;line-height:1.6; }
.home-starting { display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--home-muted);margin-bottom:24px; }
.home-starting span { display:flex;align-items:center;gap:7px; }
.home-starting .roman-icon { width:16px;height:16px; }
.home-screen[data-view=new] .home-content { width:min(540px,calc(100% - 96px));margin-top:12px; }
.home-screen[data-view=games] .home-content { width:min(670px,calc(100% - 96px));margin-top:12px; }
.home-saves { display:flex;flex-direction:column;gap:12px;max-height:44vh;overflow:auto;padding:5px;margin:0 -5px;scrollbar-width:thin;scrollbar-color:#a58449 transparent; }
.home-save { display:flex;align-items:center;gap:18px;border:1px solid #ab7e474a;border-radius:3px;padding:18px;background:var(--papyrus-inset); }
.home-save-art { display:grid;place-items:center;min-width:66px;height:80px;border-right:1px solid var(--line);padding-right:16px;color:#80612b; }
.home-save-art .roman-icon { width:45px;height:45px; }
.home-save-info { flex:1;min-width:0; }
.home-save-info>small { font-size:8px;letter-spacing:1.5px;color:#765a32; }
.home-save-info h2 { font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;margin:8px 0;color:#553d26;overflow-wrap:anywhere; }
.home-save-info p { margin:0 0 7px;font-size:11px;color:#6b5133; }
.home-save-info>span,.home-save-info time { display:block;font-size:10px;line-height:1.8;color:var(--home-muted); }
.home-save-info time { margin-top:6px;font-size:9px; }
.home-load { display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 16px;color:#fff0cd;background:#8c3e2b;border:1px solid #773521;border-radius:3px;font-size:11px; }
.home-load:hover { background:#a4553d; }
.home-load .roman-icon { width:16px;height:16px; }
.home-import-button { display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:20px;background:var(--papyrus-inset);color:#60482b;border:1px solid #ab7e4766;padding:12px 18px;border-radius:3px;font-size:11px; }
.home-import-button:hover { border-color:#8b7544; }
.home-import-button .roman-icon { width:18px;height:18px; }
.home-empty { text-align:center;padding:26px;background:var(--papyrus-inset);border:1px dashed #ab7e4770;border-radius:3px; }
.home-empty>.roman-icon { width:45px;height:45px;color:#80612b; }
.home-empty h2 { font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;margin:15px 0 10px; }
.home-empty p { color:#6b5133;font-size:12px;line-height:1.8;margin-bottom:24px; }
.home-error { background:#ad65401c;border:1px solid #a56a5070;border-left:3px solid #963e2c;padding:14px;color:#853721;font-size:12px;line-height:1.7; }
body.home-active #panel-dialog { z-index:100; }
@keyframes home-arrive { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@media(min-width:1100px) {
  .home-screen .home-banner { position:fixed;right:5%;bottom:90px;margin:0; }
}
@media(min-width:1700px) { .home-content { margin-left:10%;margin-top:6vh; }.home-banner { margin-left:10%; } }
@media(max-width:760px) {
  .home-art { object-position:68% center; }
  .home-shade { background:linear-gradient(90deg,#30261b99,#392e2030),linear-gradient(0deg,#241d16cc,transparent 60%); }
  .home-frame { inset:12px; }
  .home-top { padding:20px 7%;gap:12px; }
  .home-top>span { display:none; }
  .home-utility { margin-left:auto; }
  .home-content,.home-screen[data-view=new] .home-content,.home-screen[data-view=games] .home-content { width:calc(100% - 48px);max-width:480px;margin:14px auto 28px;padding:30px 26px 26px; }
  .home-title { font-size:clamp(35px,10.6vw,58px);letter-spacing:2px; }
  .home-eyebrow { font-size:7px;letter-spacing:1.2px; }
  .home-motto { font-size:18px; }
  .home-page-title { font-size:36px;letter-spacing:0; }
  .home-footer { padding:8px 7% max(20px,env(safe-area-inset-bottom));font-size:7px;letter-spacing:1.2px; }
  .home-footer>span:nth-child(2) { display:none; }
  .home-banner { margin:0 auto 22px; }
  .home-save { padding:14px 12px;gap:12px; }
  .home-save-art { display:none; }
  .home-save-info h2 { font-size:23px; }
  .home-save-info p { line-height:1.6; }
  .home-load { padding:10px; }
  .home-load>span { display:none; }
  .home-saves { max-height:48vh; }
  .home-import-button { width:100%; }
}
@media(max-width:380px) {
  .home-content,.home-screen[data-view=new] .home-content,.home-screen[data-view=games] .home-content { padding:28px 20px 24px; }
  .home-eyebrow { letter-spacing:.8px;font-size:6.5px; }
  .home-motto { font-size:16px; }
  .home-primary { padding:14px 16px; }
  .home-menu-item { padding:11px 13px; }
  .home-local-note { font-size:8px; }
}
@media(max-height:700px) and (min-width:761px) {
  .home-top { padding:20px 5%; }
  .home-content { margin-top:6px;margin-bottom:24px;padding:28px 36px 24px; }
  .home-title { font-size:54px;margin:17px 0 14px; }
  .home-motto { font-size:17px;line-height:1.6; }
  .home-rule { margin:19px 0; }
  .home-menu-item { min-height:44px;padding:10px 16px; }
  .home-primary { min-height:60px;padding:13px 18px; }
  .home-local-note { margin-top:16px; }
  .home-footer { padding-bottom:22px; }
  .home-page-title { font-size:36px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .home-top { padding:14px 5%; }
  .home-content,.home-screen[data-view=new] .home-content,.home-screen[data-view=games] .home-content { margin:10px 0 26px 7%;width:min(480px,calc(100% - 96px));padding:26px 32px 24px; }
  .home-title { font-size:46px;margin:16px 0 14px; }
  .home-page-title { font-size:34px; }
  .home-saves { max-height:none; }
}
@media(max-height:500px) and (min-width:600px) and (orientation:landscape) {
  .home-top { padding:10px 5%; }
  .home-screen[data-view=main] .home-content {
    display:grid;grid-template-columns:1fr 1fr;column-gap:30px;
    grid-template-areas:'eyebrow menu' 'title menu' 'motto menu' 'rule menu' 'note menu';
    width:min(760px,calc(100% - 96px));margin-top:8px;margin-bottom:18px;padding:22px 30px;
  }
  .home-screen[data-view=main] .home-eyebrow { grid-area:eyebrow;font-size:6.5px;letter-spacing:1px; }
  .home-screen[data-view=main] .home-title { grid-area:title;font-size:clamp(30px,4.75vw,40px);margin:12px 0;letter-spacing:2px; }
  .home-screen[data-view=main] .home-motto { grid-area:motto;font-size:16px;line-height:1.6; }
  .home-screen[data-view=main] .home-rule { grid-area:rule;margin:14px 0; }
  .home-screen[data-view=main] .home-menu { grid-area:menu;justify-content:center; }
  .home-screen[data-view=main] .home-local-note { grid-area:note;margin-top:0;font-size:8px; }
  .home-footer { padding-top:0;padding-bottom:12px; }
}
@media(prefers-reduced-motion:reduce) { .home-content { animation:none; }.home-screen button { transition:none; } }

/* Language controls follow the paper material and remain touch friendly. */
.language-control { display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6b5133;font-size:11px; }
.language-control select { min-height:44px;max-width:160px;padding:10px 30px 10px 12px;background:var(--papyrus-inset);color:#503d25;border:1px solid var(--papyrus-edge);border-radius:3px;cursor:pointer;font-size:12px; }
.language-note { margin:7px 0 22px;font-size:10px;color:#806647; }
.home-top .language-control { gap:9px;color:#f4e6bf; }
.home-top .language-control select { background:var(--papyrus-solid);font-size:11px;max-width:130px; }
@media(max-width:760px) {
  .home-top .language-control { margin-left:auto; }
  .home-top .language-control>span { display:none; }
  .home-top .language-control select { width:100px;max-width:100px;padding-left:9px;padding-right:22px; }
  .home-utility { margin-left:0;flex-shrink:0; }
}
@media(max-width:380px) {
  .home-top { gap:8px;padding-left:6%;padding-right:6%; }
  .home-brand { gap:7px;letter-spacing:2px;font-size:10px; }
  .home-top .language-control select { width:88px; }
}