:root{--paper:#f1dfb6;--cream:#e6cfa4;--ink:#40363a;--muted:#807260;--line:#d0b68d;--green:#a83a33;--orange:#d99843;--light-green:#e7d8a7;--red:#ae3833;--serif:Arial,monospace;--sans:'Trebuchet MS',sans-serif}
body{background:#302f37;color:var(--ink)}button,input{border-radius:8px}.topbar{background:#a73531;border-bottom:4px solid #652e2e;color:#f8e2b3;height:78px;min-height:78px;padding:0 28px}.brand-mark{background:#efc783;color:#9e352e;border-radius:0;width:43px;height:43px;box-shadow:3px 3px 0 #732d2e;font-family:Arial}.brand strong{font-size:30px;letter-spacing:0;font-weight:650}.brand small{font-family:Arial;color:#e9b988;letter-spacing:1.4px;font-size:10px}.brand-dot{color:#ecbd6a}.edition{color:#f1c49d;font-family:Arial;font-size:10px;letter-spacing:1px}.status-dot{background:#efc96e;border-radius:0}.edition-count{display:none}.top-actions{gap:18px}.text-button{font:14px Arial;white-space:nowrap}.profile-button{font:14px Arial;padding:9px 13px;background:#f2dba4;color:#8f352f;border:2px solid #eebd76;box-shadow:3px 3px 0 #732c2f;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button.signed-in:before{content:'■ ';color:#487757}.profile-button[data-status=saving]:before{color:#d98e35}.profile-button[data-status=offline]:before,.profile-button[data-status=conflict]:before{color:#b53130}.status-bar{background:#f0dfb6;border-bottom:3px solid #a98a67;min-height:76px;padding:0 28px}.status-cell strong{font-family:Arial;font-size:25px}.stat-icon{color:#9d6544}.status-cell small{font:11px Arial;letter-spacing:1px;color:#81664f}.status-cell em{color:#806d56}.condition-pair i{border-radius:0}.workspace{grid-template-columns:326px 1fr}.sidebar{background:#f1dfb6;border-right:4px solid #6e5145}.sidebar #panel{padding:23px 23px 20px}.eyebrow{font:11px Arial;letter-spacing:1px;color:#9d5c41}.panel-title{font:500 32px/1 var(--serif);letter-spacing:0}.intro{font-size:11px;color:#806c58}.name-field{border:2px solid #c6aa7d;background:#fff0ca;box-shadow:2px 2px 0 #d0b78d}.field-label,.section-label{font-family:Arial;font-size:13px}.bundle,.role-card,.upgrade{border:2px solid #cbb086;border-radius:0;background:#f6e6c0;box-shadow:2px 2px 0 #d7bf91}.bundle.selected,.role-card.selected{background:#e8dbb0;border-color:#578270;box-shadow:2px 2px 0 #578270}.bundle:hover{background:#eddbb3}.bundle-icon,.role-icon{background:#dfc395;color:#b25034;border-radius:0}.bundle strong,.role-card h3,.upgrade h3{font:16px Arial}.bundle p,.role-card p,.upgrade p{color:#7a6c55}.selection-circle,.badge,.avatar,.mini-track,.work-state,.service-stat{border-radius:0}.selection-circle{border-color:#897457}.selected .selection-circle{background:#53785d;border-color:#53785d}.price-row{border:2px solid #c6ab82;background:#fff0c9;border-radius:0}.stepper output{font:22px Arial}.margin-hint{color:#57785c}.forecast input{accent-color:#ac3e33}.primary{border:2px solid #762c2d;background:#b54236;font:17px Arial;box-shadow:3px 3px 0 #6d3431;padding:12px 14px}.primary:hover:not(:disabled){background:#c4543d;box-shadow:3px 3px 0 #6d3431}.primary .arrow{font-size:19px}.secondary{background:#f0ddb2;border:2px solid #ad8e63;box-shadow:2px 2px 0 #d5bc91;font:14px Arial}.secondary:hover:not(:disabled){background:#e4cd9c}#plan-cta{background:#eed7a9;border-top:2px solid #b8996d;box-shadow:none;padding:14px 23px}.hint{color:#8b6d50}.link-button{color:#aa4434;font-family:Arial;font-size:14px}.subheading h3{font:16px Arial}.avatar{background:#dcc493;color:#745642;font-family:Arial}.badge{background:#d9d6a3;color:#537356;font-family:Arial}.service-stat{background:#e2cba0;border:1px solid #c4a879}.service-stat b{font-family:Arial;font-size:29px}.work-state{background:#e7c28b}.staff-card{border-color:#bda37a}.shop-scene{background:#5b5556}.scene-heading{left:18px;right:18px;top:14px;color:#f8e4b9}.scene-heading>div:first-child{padding:7px 13px;background:#40373ae8;box-shadow:3px 3px 0 #282b32a8}.scene-heading .eyebrow{color:#d5b58b;font-size:9px}.scene-heading h2{font:26px Arial;color:#f1dcaf;letter-spacing:0;margin:0}.weather{font-family:Arial;font-size:11px;background:#433b3adb;color:#e7ca95;height:28px;padding:4px 9px}.weather>span:first-child{font-size:15px}.scene-controls{top:86px;left:18px;right:18px}.live-pill{border:1px solid #77634e;border-radius:0;background:#3d3935ec;color:#e7ce94;font:10px Arial;padding:5px 8px}.live-pill i{background:#a2b56d;border-radius:0}.round-button{color:#f0dca6;background:#443e3bdc;border-color:#756249}.scene-bottom{bottom:25px;left:18px;right:18px}.moment{border:2px solid #7b604b;background:#f5dfb8ef;border-radius:0;padding:9px 12px;box-shadow:3px 3px 0 #38323b45;max-width:435px}.moment small{color:#986b45;font-family:Arial;font-size:10px;letter-spacing:.6px}.moment-icon{color:#ac623c}.moment p{color:#65523e;font-size:11px}.phone-launch{border-radius:0;border:2px solid #6e2e2c;background:#ae3c32;box-shadow:3px 3px 0 #3b303a70;font:16px Arial;padding:10px 17px}.notification-dot{border-radius:0;background:#ebbb54}.scene-caption{left:18px;bottom:5px;color:#e3c398;font-family:Arial;font-size:10px;text-shadow:1px 1px #302c31}#canvas-wrap{inset:0;overflow:hidden}#canvas{image-rendering:auto}.timeline-bar{background:#d6ba8e;border-top:4px solid #836449;height:74px;min-height:74px;padding:0 27px}.day-badge>span:first-child{border-radius:0;background:#b44936;border:2px solid #823930;color:#ffe1a8;font:31px/43px Arial}.day-badge b{font:16px Arial}.day-badge small{font:10px Arial;color:#785e47}.timeline-labels{font:10px Arial;color:#7b634b}.time-track{border-radius:0;background:#b59e7a}.time-track>div{border-radius:0;background:#a34633}.time-track>i{border-radius:0;border:2px solid #f2d7a5;background:#a84732;box-shadow:1px 1px #845638}.clock{font:19px Arial;color:#79563c}#pause-button,.speed-buttons{border-radius:0;border:2px solid #a28259}.speed-buttons button{font:16px Arial;color:#89694d}.speed-buttons button.active{background:#a93b32}.overlay{background:#282a35a6;backdrop-filter:none}.modal{border-radius:0;background:#f0dcb0;border:4px solid #78543f;box-shadow:8px 8px 0 #242a3480}.modal h2{font:33px/1.05 Arial;letter-spacing:0}.modal-subtitle{color:#80664e}.modal-close{border-radius:0;background:#d8bc8c;color:#7b4c37}.phone-modal{border:7px solid #40353a;border-radius:9px;padding-top:34px}.phone-modal:before{border-radius:0;background:#40353a}.review-card,.post-card,.save-card,.experiment,.shortcut,.safety-finding{border-radius:8px;background:#f5e3bc;border-color:#c3a67c}.phone-tabs,.journal-tabs{font-family:Arial}.phone-tabs button,.journal-tabs button{font:16px Arial}.post-cover{border-radius:0}.clip-stage{border-radius:0;background:#b94535}.clip-stage svg{width:100%;left:0;image-rendering:auto}.clip-stage h3{font-family:Arial}.report-stats{border-color:#c5a779}.report-stats>div{background:#e4cfa3}.report-stats strong{font-family:Arial;color:#9c4434}.stars{color:#b57734}.toast{border-radius:0;border:2px solid #f0cb87;background:#43383c;color:#f5deac;box-shadow:4px 4px 0 #292832;font-family:Arial;font-size:16px}.overlay-note{font-family:Arial;font-size:11px;color:#8d6f4e}#loading{background:#e5cca1;color:#8d3c30}#loading p{color:#896a4d}.loading-mark{color:#b44435}.venue-banner{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #c2a478;margin-bottom:19px;padding:6px 9px;background:#e6cda1;color:#8f4a35;font:13px Arial}.venue-banner span{font-size:18px}
/* Founding: the city and the financial decision share a single screen. */
.founding{flex:1;min-height:0;overflow:auto;background:#e9d4a9;padding:27px 30px 20px;background-image:linear-gradient(90deg,#c3a27212 1px,transparent 1px),linear-gradient(#c3a27212 1px,transparent 1px);background-size:8px 8px}.founding-mode .status-bar,.founding-mode .workspace,.founding-mode .timeline-bar{display:none}.founding-mode{padding-bottom:0}.found-hero{max-width:1500px;margin:0 auto 23px;display:flex;align-items:center;justify-content:space-between;gap:32px}.found-hero h1{font:500 clamp(30px,3vw,44px)/1.05 Arial;letter-spacing:-.6px;color:#943b32;margin:6px 0 9px}.found-hero p{font-size:12px;color:#8a6d52;max-width:750px}.start-budget{min-width:209px;background:#384e43;padding:15px 20px;border:3px solid #2c3c36;box-shadow:4px 4px 0 #baa17d;color:#f0daa3}.start-budget small{font:12px Arial;color:#bfc08f;white-space:nowrap}.start-budget strong{display:block;font:32px Arial;white-space:nowrap}.found-overview{display:grid;grid-template-columns:.9fr 1.7fr;gap:20px;max-width:1500px;margin:auto}.city-map{min-height:322px;position:relative;background:#cab08a;border:3px solid #8b7358;box-shadow:4px 4px 0 #c6ab80;overflow:hidden}.city-map>svg{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.map-title{position:absolute;left:0;right:0;top:0;padding:12px 13px;z-index:1;background:linear-gradient(#ddc298ef,#ddc29800);display:flex;flex-direction:column;pointer-events:none}.map-title b{font:20px Arial;color:#78503e}.map-title span{font:11px Arial;color:#836b51}.map-label{position:absolute;z-index:1;font:8px Arial;color:#4e524b;background:#dec8a27a;padding:3px;pointer-events:none}.map-label.airport{right:2%;top:26%}.map-label.offices{right:4%;top:48%}.map-label.center{left:31%;bottom:22%}.map-pin{position:absolute;z-index:2;width:29px;height:31px;background:#e5c78e;color:#8c4937;border:2px solid #916746;box-shadow:3px 3px #55443b66;font:21px Arial;transform:translate(-50%,-50%)}.map-pin.selected{background:#b13a32;color:#fce3b0;border-color:#762d2a;box-shadow:0 0 0 3px #efd39f,4px 4px #55443b66}.map-pin span{position:absolute;top:32px;left:50%;transform:translateX(-50%);width:max-content;max-width:145px;font:8px Arial;background:#52463d;color:#f1ddb2;padding:3px 5px}.map-legend{position:absolute;bottom:0;left:0;right:0;background:#e5cfa7ed;border-top:2px solid #a9926f;padding:9px 11px;font-size:10px;color:#77604b}.venue-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.venue-option{padding:0;text-align:left;border:3px solid #b99b73;background:#f5e3bc;box-shadow:4px 4px 0 #c2a579;min-width:0;display:flex;flex-direction:column}.venue-option.selected{border-color:#aa4034;box-shadow:4px 4px 0 #7d3a30}.venue-option:hover{background:#fbe9c1;transform:translateY(-2px)}.venue-art{position:relative;overflow:hidden;width:100%;border-bottom:2px solid #c29f73;background:#c4a881;line-height:0}.venue-art svg{width:100%;height:auto;display:block}.venue-number{position:absolute;left:8px;top:8px;background:#44373a;color:#e8c892;padding:5px 6px;font:15px/1 Arial}.venue-check{position:absolute;right:6px;bottom:6px;background:#a53c32;color:#ffe4ab;font:9px/1 Arial;padding:5px}.venue-body{padding:12px 12px 0;width:100%;flex:1;display:flex;flex-direction:column}.venue-body>.eyebrow{font-size:8px;letter-spacing:.3px}.venue-body h2{font:24px/1.1 Arial;margin:4px 0;color:#713e32}.venue-address{font-size:9px;color:#987452;margin:2px 0 10px}.venue-tag{font:9px Arial;color:#536952;border:1px solid #c0c19b;align-self:flex-start;background:#e2dfb2;padding:3px 4px;white-space:normal;margin-bottom:10px}.venue-facts{display:flex;flex-direction:column;gap:5px;margin:1px 0 10px}.venue-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.venue-facts small{font-size:9px;letter-spacing:0;color:#947252}.venue-facts b{font:16px Arial;white-space:nowrap;color:#60483c}.venue-facts em{font:9px Arial}.venue-price{margin:0 -12px;padding:9px 12px;background:#e8d1a5;border-top:1px solid #c6a77b;display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:5px}.venue-price span{font:10px Arial;color:#8a6243}.venue-price b{font:20px Arial;color:#9d3d30;white-space:nowrap}.found-decision{max-width:1500px;margin:23px auto 0;display:grid;grid-template-columns:1.55fr 1fr;gap:28px}.found-story{padding:4px 0}.found-story h2{font:29px Arial;color:#814732;display:inline-block;margin:4px 0 5px}.found-story>p{font-size:11px;color:#8c6e50}.tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:13px 0}.tradeoffs b{font:12px Arial;color:#527252}.tradeoffs>div+div b{color:#a2543b}.tradeoffs p{font-size:11px;color:#82694f;line-height:1.6;margin-top:4px}.customer-mix{display:flex;gap:14px;flex-wrap:wrap;font:11px Arial;border-top:1px solid #c9aa7d;padding-top:10px;color:#8c6a49}.customer-mix span:first-child{color:#714a32}.customer-mix i{display:inline-block;width:7px;height:7px;margin-right:4px}.mix-value{background:#b28345}.mix-lunch{background:#5d8194}.mix-quality{background:#967089}.found-checkout{background:#f2deb3;border:2px solid #bea078;padding:13px 17px;box-shadow:4px 4px 0 #d6bb8e}.checkout-head{display:flex;justify-content:space-between;align-items:center}.checkout-head>span{font:12px Arial;color:#8a6446}.checkout-head strong{font:28px Arial;color:#517455}.checkout-head small{font-size:15px}.found-checkout>p{font-size:10px;color:#93724f;line-height:1.6}.found-checkout .reserve{color:#607251;margin:4px 0 9px}.found-sign{display:flex;align-items:center;gap:11px;margin:10px 0}.found-sign label{font:13px Arial;white-space:nowrap;color:#825b3f}.found-sign input{width:100%;min-width:0;border:1px solid #b69970;background:#fff0c7;padding:6px 9px;font:17px Arial}.found-checkout .primary{padding:10px 13px}.found-checkout .hint{font-size:9px;margin-top:7px}.found-resume{display:block;margin:16px auto 0;font-size:13px}.venue-modal-art{max-width:340px;margin:8px auto 17px;border:3px solid #b99b73}.venue-modal-art svg{display:block;width:100%}.auth-art{max-width:300px;margin:0 auto 20px;border:3px solid #b99b73}.auth-art svg{display:block;width:100%}.profile-status{padding:10px;background:#e0c99c;color:#88623f;border:1px solid #c7a97d;font:15px Arial;margin-bottom:16px}.profile-name{display:flex;gap:10px;align-items:stretch}.profile-name input{flex:1;min-width:0;height:auto}.profile-name button{white-space:nowrap}.profile-id{font-size:10px;color:#9d7854;margin-top:13px}.profile-id code{display:block;overflow-wrap:anywhere;font-size:10px;margin-top:6px}.profile-id summary{cursor:pointer}.profile-status+.primary{margin-top:15px}
@media(min-width:1600px){.founding{padding:33px 50px}.found-overview{grid-template-columns:1fr 1.7fr}.venue-body h2{font-size:28px}.venue-art{max-height:170px}.found-decision{margin-top:30px}.found-story p,.tradeoffs p{font-size:12px}}
@media(max-height:800px) and (min-width:901px){.topbar{height:66px;min-height:66px}.status-bar{min-height:68px}.timeline-bar{height:66px;min-height:66px}.founding{padding:20px 25px}.found-hero{margin-bottom:17px}.found-hero h1{font-size:34px}.found-overview{gap:15px}.venue-body{padding:8px 10px 0}.venue-body h2{font-size:23px}.venue-price{margin-left:-10px;margin-right:-10px;padding:7px 10px}.city-map{min-height:290px}.venue-facts{margin-bottom:7px}.found-decision{margin-top:20px}.scene-heading{top:12px}.scene-controls{top:82px}.scene-bottom{bottom:24px}.moment p{font-size:10px}}
@media(max-width:1150px){.found-overview{grid-template-columns:1fr}.city-map{min-height:245px}.city-map>svg{width:100%;height:100%;object-fit:cover}.map-pin span{font-size:9px}.venue-art{max-height:145px}.venue-art svg{height:100%;object-fit:cover}.found-hero h1{font-size:33px}.workspace{grid-template-columns:305px 1fr}.sidebar #panel{padding:20px}.found-decision{grid-template-columns:1.2fr 1fr}.top-actions{gap:13px}}
@media(max-width:900px){.topbar{height:69px;min-height:69px;padding:0 17px}.brand strong{font-size:27px}.brand small{font-size:8px}.top-actions{gap:13px}.text-button{font-size:13px}.profile-button{font-size:13px;max-width:115px;padding:7px 10px}.workspace{display:flex}.shop-scene{height:570px}.sidebar{border-right:0;border-top:4px solid #826548}.sidebar #panel{max-width:680px;padding:25px}#plan-cta{max-width:680px;margin:auto;padding:18px 25px}.timeline-bar{height:74px;min-height:74px}.founding{overflow:visible;padding:22px 20px}.found-hero{gap:17px}.found-hero p{font-size:11px}.start-budget{min-width:170px;padding:12px}.start-budget strong{font-size:26px}.start-budget small{font-size:10px}.found-decision{grid-template-columns:1fr}.found-story{padding:0 5px}.scene-caption{font-size:10px}.moment{max-width:430px}.modal h2{font-size:30px}.phone-modal{border-radius:9px}.founding-mode .founding{flex:none}}
@media(max-width:600px){.topbar{padding:0 10px;gap:8px}.brand{gap:8px}.brand strong{font-size:22px}.brand-mark{width:30px;height:32px;font-size:23px}.top-actions{gap:9px}.profile-button{font-size:12px;padding:7px 8px;max-width:99px}.topbar #save-button,.topbar #load-button{font-size:11px}.topbar .icon-button{width:23px;font-size:18px}.status-bar{padding:0 10px}.status-cell{padding:10px 7px}.status-cell strong{font-size:19px}.status-cell small{font-size:8px;letter-spacing:.2px}.condition-pair{font-size:8px}.founding{padding:20px 14px}.found-hero{align-items:flex-start;flex-wrap:wrap;margin-bottom:21px}.found-hero h1{font-size:35px;max-width:330px;margin:8px 0}.found-hero p{font-size:12px;line-height:1.7}.start-budget{width:100%;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:9px 12px}.start-budget small{font-size:12px}.start-budget strong{font-size:28px}.found-overview{gap:20px}.city-map{min-height:258px}.venue-options{grid-template-columns:1fr;gap:14px}.venue-option{display:grid;grid-template-columns:40% 60%}.venue-art{height:100%;border-bottom:0;border-right:2px solid #c8a679;max-height:unset}.venue-art svg{width:200%;height:100%;max-width:none;transform:translateX(-25%);object-fit:cover}.venue-number{font-size:15px}.venue-check{font-size:8px;left:5px;right:auto}.venue-body{padding:10px 11px 0}.venue-body h2{font-size:26px}.venue-body>.eyebrow{font-size:8px}.venue-address{font-size:9px;margin-bottom:7px}.venue-tag{font-size:8px;margin-bottom:7px}.venue-facts small{font-size:9px}.venue-facts b{font-size:15px}.venue-price{margin-left:-11px;margin-right:-11px;padding:7px 11px}.venue-price b{font-size:20px}.venue-price span{font-size:10px}.found-decision{margin-top:26px;gap:14px}.found-story h2{font-size:31px}.found-story>p,.tradeoffs p{font-size:12px}.tradeoffs{gap:16px}.customer-mix{gap:9px;font-size:11px}.found-checkout{padding:15px}.found-checkout>p{font-size:11px}.found-resume{margin:19px auto 8px}.shop-scene{height:450px}.scene-heading{left:10px;right:10px;top:10px}.scene-heading>div:first-child{padding:6px 8px}.scene-heading h2{font-size:23px}.scene-heading .eyebrow{font-size:8px}.scene-controls{left:10px;right:10px;top:76px}.scene-bottom{left:10px;right:10px;gap:8px;bottom:24px}.moment{padding:7px 9px;gap:6px}.moment small{font-size:9px}.moment p{font-size:9px}.phone-launch{font-size:0;min-width:44px;padding:8px}.scene-caption{left:10px;font-size:8px;bottom:5px}#canvas-wrap{inset:0 -36px}.timeline-bar{padding:0 12px;gap:14px}.day-badge{min-width:100px}.day-badge b{font-size:13px}.day-badge small{font-size:8px}.day-badge>span:first-child{font-size:26px;line-height:35px;height:39px}.clock{font-size:14px}.speed-buttons button{font-size:14px}.modal{border-radius:0;padding:25px 20px}.phone-modal{border-radius:9px}.profile-name{gap:6px}.profile-name button{font-size:12px;padding:7px}.toast{font-size:14px}}

.returning-player{max-width:1500px;margin:0 auto 18px;padding:9px 13px;background:#d6d6a9;border:2px solid #859274;display:flex;justify-content:space-between;align-items:center;gap:14px;font:15px Arial;color:#53684c}.returning-player .secondary{white-space:nowrap;background:#e9e0b5;border-color:#8d9974}@media(max-width:600px){.returning-player{font-size:13px;align-items:flex-start}.returning-player .secondary{font-size:12px}}

/* Keep visually hidden labels from extending the root scroll area. */
.sr-only{top:0;left:0}.sidebar #panel,.forecast{position:relative}
@media(min-width:901px){html{height:100%;overflow:hidden}}