/* An invitation first; management and purchase decisions live behind Play. */
body.home-mode {background:#eadfc6;color:#293e3d}
.home-mode>.status-bar,.home-mode>.workspace,.home-mode>.timeline-bar,.home-mode>#founding,.home-mode>#city-board {display:none!important}
.home-mode .topbar {background:#eadfc6;color:#354b45;border-bottom:1px solid #c6b99d;box-shadow:none;padding-inline:clamp(18px,3vw,48px)}
.home-mode .brand strong {color:#314d48}.home-mode .brand small {color:#746b55}.home-mode .brand-dot {color:#b5503f}
.home-mode .edition,.home-mode #city-button,.home-mode #save-button,.home-mode #load-button {display:none}
.home-mode #profile-button {background:transparent;color:#354b45;border:1px solid #baa98b;box-shadow:none;padding:8px 14px;font-size:12px}
.home-mode #settings-button {color:#354b45}
.home {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c7960 #eadfc6}
.home-wrap {max-width:1550px;padding:clamp(16px,2.5vw,34px) clamp(18px,3vw,48px) 12px;margin:auto;min-height:100%;display:flex;flex-direction:column}
.home-hero {position:relative;isolation:isolate;display:grid;grid-template-columns:44% 56%;flex:1;min-height:440px;background:#233f48;color:#f8eaca;border:1px solid #29484b;overflow:hidden;box-shadow:5px 5px 0 #cab796}
.home-copy {padding:clamp(26px,4vw,62px) 0 65px clamp(26px,4vw,58px);align-self:center;z-index:2;position:relative}
.home-kicker {display:flex;align-items:center;gap:8px;color:#d6ba87;font:12px var(--display);letter-spacing:1.1px;text-transform:uppercase}
.home-kicker i {width:6px;height:6px;background:#e3b564;box-shadow:0 0 0 3px #d8b26315}
.home-copy h1 {font:clamp(42px,4.6vw,72px)/.99 var(--display);letter-spacing:-1.6px;margin:22px -65px 19px 0;color:#fff0cc;text-wrap:balance;outline-offset:5px}
.home-copy h1>span {color:#f1bc70}
.home-intro {font:14px/1.7 'Trebuchet MS',sans-serif;max-width:335px;color:#cfdbcd;margin:0 0 26px}
.home-actions {max-width:305px;display:grid;gap:9px}
.home-play {display:flex;justify-content:space-between;align-items:center;width:100%;background:#ebae60;color:#263e3d;border:1px solid #ffce85;padding:15px 18px;font:23px var(--display);text-align:left;box-shadow:3px 4px 0 #0f2a30;min-height:57px;transition:background .15s,translate .15s}
.home-play:hover {background:#ffce85;translate:0 -2px}.home-play:disabled {opacity:.6;cursor:wait;translate:none}
.home-play span {font-family:Arial,sans-serif;font-size:24px}
.home-solo {display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 1px;color:#e8d9b7;font-size:12px;min-height:37px;text-align:left}
.home-solo:hover {color:#ffd081}.home-access {color:#a8bcaf;font:10px/1.5 'Trebuchet MS',sans-serif;max-width:310px;margin:5px 0 0}
#home-return {font-size:12px;color:#e4c786;margin:3px 0 0;overflow-wrap:anywhere}
.home-startup {font-size:11px;color:#e8c684;min-height:0;margin:0;max-width:320px}.home-startup:not(:empty) {margin-top:12px}.home-retry {text-decoration:underline;margin-top:8px;color:#ffd58d}
.home-art {position:relative;align-self:stretch;min-height:405px;pointer-events:none;z-index:1}
.home-art>svg {position:absolute;width:120%;height:112%;max-width:none;left:-13%;top:-6%;overflow:visible}
.home-art .city-window {fill:#eed195!important}.home-art .city-lamp-light {opacity:.3}
.home-scene-tag {position:absolute;right:22px;top:21px;font:10px var(--display);letter-spacing:1.2px;text-transform:uppercase;color:#b7c6b4;display:flex;align-items:center;gap:7px}
.home-scene-tag i {height:6px;width:6px;border-radius:50%;background:#dfb777}
.home-motion {position:absolute;right:18px;bottom:53px;background:#1a343abb;color:#dfd4b4;border:1px solid #75887866;width:34px;height:34px;pointer-events:auto;font-size:13px}
.home-motion:hover {background:#45605a}.home-mode .home button:focus-visible {outline:3px solid #c97e4f;outline-offset:4px}.home-hero button:focus-visible {outline-color:#ffda92!important}
.home-marquee {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;gap:15px;overflow:hidden;border-top:1px solid #6d84784a;background:#1d373e;padding:12px 10px;font:11px var(--display);letter-spacing:3px;color:#afba9e;white-space:nowrap;z-index:3}
.home-marquee i {font-style:normal;color:#daa45f;font-size:13px}
.home-discover {margin-top:23px;flex:none}
.home-chapters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-chapters button {display:flex;align-items:center;gap:11px;border-top:2px solid #c7bba0;padding:15px 0 12px;color:#807763;font:19px var(--display);text-align:left;min-height:52px}
.home-chapters button[aria-pressed=true] {border-color:#a04f3c;color:#3b4b41}.home-chapters button:hover {color:#a04f3c}
.home-chapter-number {font:11px 'Trebuchet MS',sans-serif;color:#9b7952}.home-chapter-arrow {margin-left:auto;opacity:0}.home-chapters button[aria-pressed=true] .home-chapter-arrow {opacity:1;color:#a04f3c}
.home-story {display:flex;align-items:start;gap:24px;justify-content:space-between;border-bottom:1px solid #c8bba0;padding:0 0 17px;min-height:70px}
.home-story p {font:13px/1.6 'Trebuchet MS',sans-serif;max-width:700px;margin:0;color:#526057}.home-story small {max-width:260px;flex:0 0 28%;font:11px/1.6 'Trebuchet MS',sans-serif;letter-spacing:0;color:#877455}
.home-footer {display:flex;gap:14px;justify-content:space-between;align-items:center;color:#8b7c61;padding-top:11px;font-size:10px;flex:none;min-height:34px}
.home-footer button {color:#665943;text-decoration:underline;text-underline-offset:3px;padding:6px 0;font-size:10px}
@keyframes home-tram {0%{transform:translate(-170px,-85px)}100%{transform:translate(250px,125px)}}
@keyframes home-walk {0%{transform:translate(-20px,-10px)}100%{transform:translate(120px,60px)}}
.home-tram {animation:home-tram 22s linear infinite}.home-walker {animation:home-walk 28s linear infinite alternate}
.home-paused .home-tram,.home-paused .home-walker,.reduced-motion .home-tram,.reduced-motion .home-walker,.map-sleep .home-tram,.map-sleep .home-walker {animation-play-state:paused}
.solo-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px;color:#786347}.solo-heading button {text-decoration:underline;text-underline-offset:3px}
@media(min-width:1450px) and (min-height:850px){.home-hero {min-height:560px}.home-copy h1 {font-size:78px}.home-intro {font-size:16px;max-width:390px}.home-play {font-size:25px}.home-story p {font-size:14px}}
@media(max-width:1000px){.home-hero {min-height:420px;grid-template-columns:45% 55%}.home-copy {padding:32px 0 64px 29px}.home-copy h1 {font-size:49px;margin-right:-85px}.home-intro {font-size:13px;max-width:265px}.home-actions {max-width:262px}.home-play {font-size:22px}.home-art>svg {width:143%;left:-23%;top:0;height:103%}.home-chapters button {font-size:18px;gap:7px}.home-story small {flex-basis:28%}}
@media(max-width:650px){.home-wrap {padding:12px 12px 10px}.home-hero {display:flex;flex-direction:column;min-height:0}.home-copy {padding:25px 25px 0;align-self:stretch}.home-copy h1 {font-size:49px;margin:17px 0 15px}.home-intro {max-width:370px;font-size:13px;margin-bottom:19px}.home-actions {max-width:none}.home-play {font-size:23px;min-height:53px;padding:12px 17px}.home-solo {font-size:12px;min-height:34px}.home-access {max-width:none}.home-art {height:255px;min-height:255px;margin-top:-4px;margin-bottom:33px;overflow:hidden}.home-art>svg {height:137%;width:100%;top:-23%;left:0}.home-scene-tag {top:14px;right:12px;font-size:8px;max-width:90px;line-height:1.4;text-align:right}.home-motion {right:12px;bottom:8px}.home-marquee {font-size:9px;letter-spacing:2px;padding:10px}.home-marquee span:last-child,.home-marquee i:last-of-type {display:none}.home-discover {margin-top:16px}.home-chapters {gap:11px}.home-chapters button {font-size:17px;line-height:1.1;align-items:start;padding:12px 0;gap:6px;min-height:62px}.home-chapter-number {font-size:9px;padding-top:3px}.home-chapter-arrow {display:none}.home-story {display:block;min-height:114px;padding-bottom:14px}.home-story p {font-size:12px;line-height:1.6}.home-story small {display:block;max-width:none;font-size:10px;margin-top:8px}.home-footer {font-size:9px;align-items:start}.home-footer span {max-width:190px}.home-footer button {font-size:10px;white-space:nowrap;padding-top:0}.home-mode .brand strong {font-size:20px}.home-mode .topbar {padding-inline:12px}.home-mode #profile-button {padding:7px 9px;font-size:11px}}
@media(max-height:720px) and (min-width:651px){.home-wrap {padding-top:14px;padding-bottom:8px}.home-hero {min-height:365px}.home-art {min-height:330px}.home-copy {padding-top:23px;padding-bottom:57px}.home-copy h1 {font-size:46px;margin-top:15px;margin-bottom:13px}.home-intro {font-size:12px;line-height:1.6;margin-bottom:17px}.home-play {min-height:48px;padding:10px 15px}.home-kicker {font-size:10px}.home-access {font-size:9px}.home-solo {min-height:29px;padding:5px 0}.home-discover {margin-top:16px}.home-chapters button {padding:11px 0 9px;min-height:42px;font-size:18px}.home-story {min-height:55px;padding-bottom:11px}.home-story p {font-size:12px}.home-story small {font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-tram,.home-walker {animation-play-state:paused}.home-play {transition:none}}

@media(max-height:650px) and (min-width:651px){.home-copy {padding-top:20px;padding-bottom:50px}.home-copy h1 {font-size:42px;margin:12px -45px 11px 0}.home-intro {font-size:12px;margin-bottom:13px}.home-actions {gap:5px}.home-play {font-size:21px;min-height:46px;padding:10px 14px}#home-return {font-size:11px}.home-story {min-height:51px}.home-footer {padding-top:7px}}
@media(max-width:650px){.home-mode .brand {min-width:0}.home-mode .brand strong {font-size:clamp(16px,5vw,20px)}.home-mode .top-actions {flex-shrink:0}.home-mode #profile-button {max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Reserve a quiet reading area as the diorama bleeds toward the headline. */
.home-hero::before {content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#233f48 0%,#233f48 22%,#233f4800 57%)}
@media(max-width:650px){.home-hero::before {display:none}.home-copy h1 {font-size:43px;line-height:1.03}}