body:has(#openingArtwork:not([data-phase="title"])) > :not(#openingArtwork):not(#landscapeGate):not(script):not(link){visibility:hidden!important}
.start-options{padding:24px;background:repeating-linear-gradient(2deg,#efdbb8 0 22px,#eed6ae 23px 24px);border:2px solid #c89970;border-radius:20px;color:#725545;max-width:680px;margin:auto}.start-options>small{letter-spacing:3px;color:#8c6c87}.start-options h2{color:#956886;font-size:26px}.start-options h3{border-bottom:1px solid #c49f77;padding-bottom:8px}.option-pair,.option-keys{display:flex;gap:10px;flex-wrap:wrap}.option-pair>button,.option-keys>button{flex:1;min-width:120px;padding:14px}.option-keys b{display:block;margin:8px auto 0;background:#fff0d7;border:1px solid #b69170;border-radius:8px;padding:6px;color:#8c608c}.start-options p{font-size:13px;line-height:1.7}#optionDone{margin-top:16px}
#headPreview{width:340px!important;height:auto!important;max-width:100%!important;max-height:36dvh;object-fit:contain}#modal:has(#headPreview){width:min(760px,94vw)}#modal:has(.start-options){width:min(760px,94vw)}
@media (pointer:coarse) and (orientation:landscape){
 #titleScreen{height:100dvh;box-sizing:border-box;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));overflow:hidden}
 #titleScreen .title-card{box-sizing:border-box;width:100%;height:100%;max-width:1000px;min-height:0;grid-template-columns:40% 60%;gap:0;padding:8px 14px;border-width:5px;border-radius:22px}
 #titleScreen .title-illustration{width:100%;height:calc(100dvh - 45px);max-height:100%;min-height:0;object-fit:contain;animation:none}
 #titleScreen .title-copy{min-height:0;padding:0 8px;max-height:100%;overflow:auto}
 #titleScreen .title-copy h1{margin:0;line-height:1}
 #titleScreen .title-logo{height:21dvh;max-height:100px;width:100%;object-fit:contain}
 #titleScreen .title-copy>.eyebrow,#titleScreen .title-copy>p,#titleScreen .title-emera{display:none}
 #titleScreen .title-menu{max-width:none;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
 #titleScreen .title-menu button{min-height:42px;padding:7px 6px;font-size:13px}
 #titleScreen #startOptions{grid-column:1/-1}
 body:has(#titleScreen:not([hidden])) #globalAudioSettings,body:has(#titleScreen:not([hidden])) #sound,body:has(#titleScreen:not([hidden])) #displayMode{display:none!important}
}
.loading-town-paws{display:flex;justify-content:center;gap:24px}.loading-town-paws i{font-style:normal;animation:town-paw 1.2s infinite}.loading-town-paws i:nth-child(2){animation-delay:.2s}.loading-town-paws i:nth-child(3){animation-delay:.4s}@keyframes town-paw{0%,100%{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-town-paws i{animation:none}}
/* Compact calendar, clock and wallet: same HUD footprint, clearer hierarchy. */
#screenHUD .hud-stats{gap:10px;padding:6px 10px;border:2px solid #bb916c;border-radius:16px;background:repeating-linear-gradient(2deg,#fff4df 0 13px,#f5e7cd 14px 15px);box-shadow:inset 0 0 0 2px #fff9eb,0 4px #a77c59,0 6px 14px #694b4025;min-height:56px}
#screenHUD .hud-stats>span:first-child{padding:2px 9px 2px 3px;border-right:1px solid #d7bc96;min-width:62px}
#screenHUD #hudDay{font-size:16px;font-weight:800;letter-spacing:.04em;color:#795967}
#screenHUD #hudWeather{font-size:9px;max-width:135px;overflow:hidden;text-overflow:ellipsis;color:#917c69;margin-top:3px}
#screenHUD #hudClock{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#68566e;background:#ead9e5;border:1px solid #cfb3c6;border-radius:9px;padding:5px 8px;box-shadow:inset 0 1px #fff4ee;white-space:nowrap}
#screenHUD #hudMoney{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#577864;background:#e4ecd6;border:1px solid #bdc9a6;padding:6px 9px;border-radius:9px;box-shadow:inset 0 1px #faffed}
@media(pointer:coarse){#screenHUD .hud-stats{gap:5px;padding:4px 6px;min-height:48px}#screenHUD #hudDay{font-size:13px}#screenHUD #hudClock{font-size:15px;padding:5px}#screenHUD #hudMoney{font-size:14px;padding:5px}#screenHUD #hudWeather{max-width:96px;font-size:8px}#screenHUD .hud-stats>span:first-child{padding-right:5px;min-width:45px}}