/* The game skin is separate from mechanics and from the artwork manifest. */
.brand>span:last-child{font-family:'DM Sans',sans-serif;letter-spacing:-.8px;font-size:30px;font-weight:800}.brand>span:last-child b{font-size:30px}
.orders-list{min-width:0}.orders-list .title-row{min-height:95px;align-items:flex-start}.orders-list h1{font-size:39px}.media{display:block}
.order-detail .order-plan{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.order-detail .order-plan li{font-size:11px}.order-detail .detail-photo{aspect-ratio:16/6}.order-detail .order-finance{grid-template-columns:repeat(3,minmax(0,1fr))}.order-detail .order-finance>div:last-child{grid-column:auto}.order-detail .order-finance strong{font-size:18px}.order-detail .panel-body>p:last-of-type{font-size:11px}
:root{color-scheme:dark;--bg:#0e151b;--ink:#eef1f5;--muted:#9ba8b6;--green:#ffb43b;--line:#2d3943;--dark:#0a1015;--amber:#ffb43b;--cash:#55e4b2}
body{background:radial-gradient(ellipse at 70% 0,#1e2b33 0,transparent 60%),#0e151b;font-size:14px;color:var(--ink)}
.shell{min-height:100vh}.sidebar{width:204px;top:78px;padding:16px 0;background:linear-gradient(110deg,#111b22,#080f14);border-right:1px solid #29333c;z-index:51}.edition{order:2;margin:auto 24px 20px;padding-top:30px;font-size:9px}.edition span{background:#1e2931;border-color:#39454e;color:var(--amber)}
.brand{position:fixed;top:0;left:0;height:78px;width:400px;padding:0 24px;gap:15px;z-index:71;background:linear-gradient(110deg,#111c24,#0c141a);border-bottom:1px solid #33404a;font-size:30px;letter-spacing:.2px;white-space:nowrap;font-weight:800;text-shadow:0 2px 2px #000}.brand b{font-size:30px;color:var(--amber)}.brand-mark{transform:none;padding:0;background:none;color:var(--amber);font-size:46px;letter-spacing:0}
nav{gap:0}nav button{border-radius:0;border:1px solid transparent;border-bottom-color:#1e2a33;padding:23px 22px;font-size:15px;gap:15px;min-height:76px}nav button>span{color:#a7b1bd;font-size:27px;width:26px}nav button i{display:none}nav button:hover{background:#1d2932;color:#fff}nav button.active{background:linear-gradient(100deg,#96631f88,#3a2a1380);border-color:#bd873a80;border-left:4px solid var(--amber);padding-left:19px;color:#ffcf76;box-shadow:inset 0 0 24px #d9981d12}nav button.active>span{color:var(--amber)}nav button:disabled{opacity:.6}
.main{margin-left:204px;width:calc(100% - 204px);padding-top:78px}
.main header{position:fixed;inset:0 0 auto 0;height:78px;min-height:78px;padding:10px 24px 10px 420px;background:linear-gradient(#131e27,#0b1319);border-bottom:1px solid #36424c;box-shadow:0 3px 15px #0006;z-index:50;gap:18px;align-items:center}
.player-bar{gap:20px;flex-wrap:nowrap;justify-content:flex-end}#player-profile{color:#e9edf2;font-size:12px;flex-shrink:0}.player-name small{font-size:9px;color:#94a2ae}.side-portrait{width:34px;height:34px;border-radius:7px;border:1px solid #53636d}#player-metrics{gap:0;flex-wrap:nowrap}.player-metric{padding:4px 17px;border-right:1px solid #33414b;gap:10px}.player-metric:last-child{border:0}.player-metric>span:first-child{color:var(--amber);font-size:29px}.player-metric:first-child>span:first-child{color:var(--cash)}.player-metric small{font-size:9px;color:#a5b1bd}.player-metric strong{font-size:17px}.player-metric:first-child strong{color:var(--cash)}.header-right{gap:10px}.icon-btn{background:#131e27;border:1px solid #35424d;color:#c0ccd5;width:34px;height:34px;border-radius:5px;font-weight:700}#save-status{color:#ffd08a}
main{max-width:1800px;padding:26px 26px 30px}h1,h2,h3{color:#f4f5f7}h1{font-size:42px;text-transform:uppercase;font-weight:800;line-height:1.08;letter-spacing:.3px;text-shadow:0 2px 2px #000}h1 span{color:var(--amber)}h2{font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase;font-weight:700}h3{font-size:16px}p{color:#afbbc7;font-size:13px}.eyebrow{color:#b1a080;font-size:9px;letter-spacing:1.6px}.title-row{margin-bottom:23px;align-items:center}.title-row p{font-size:13px;margin:5px 0}.title-row .tag.green{display:none}
.panel,.card{background:linear-gradient(135deg,#1a252e,#0d151c 80%);border:1px solid #33404b;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff06,0 5px 16px #0002}.panel-head{padding:15px 18px;border-bottom:1px solid #33404b;background:linear-gradient(#ffffff04,transparent);gap:10px}.panel-head h2{font-size:21px}.panel-head small{color:#9cabb9;white-space:nowrap}.panel-body{padding:18px}.tag,.tag.green{border-color:#775121;background:#3b2b16;color:#ffd17d;font-size:9px;border-radius:14px;padding:6px 9px;letter-spacing:.4px}
.btn{font-size:13px;padding:13px 18px;min-height:44px;border-radius:6px}.btn.primary{background:linear-gradient(130deg,#ffc34e,#f29a21);border:1px solid #ffd27a;color:#15140f;box-shadow:0 2px 12px #f8ae2823;font-weight:700}.btn.primary:hover{box-shadow:0 0 18px #f8ae2850;filter:brightness(1.06)}.btn.secondary{border-color:#43515d;background:linear-gradient(#1a2731,#111b23);color:#e3e9ef}.btn.small{min-height:36px;font-size:11px}.btn:disabled{filter:saturate(.35);opacity:.45}.btn.full{margin-top:14px}
.notice{background:#252314;border-color:#4f422b;color:#d0c5b1;margin:16px 0;font-size:12px;align-items:center;flex-wrap:wrap}.notice b{color:#ffd595}.alert{color:#ff9a82}.bar{background:#303c46;height:7px}.bar>span{background:linear-gradient(90deg,#e39224,#ffc14c)}.process-bar{height:10px}.countdown{color:var(--amber);font-size:35px}.mission-icon{background:#382b16;color:#ffc660;padding:10px}.mission h3{font-family:'Barlow Condensed',sans-serif;font-size:25px}.mission p{font-size:12px;color:#afbbc7}.job-info{margin:20px 0;font-size:16px;flex-wrap:wrap;gap:15px}.job-info>div:first-child{color:var(--cash);font-weight:700}.job-info small{font-size:10px;color:#a3afba}.progress-row{align-items:center}.steps li{border-color:#2c3943;font-size:13px;padding:13px 0}.steps small{color:#9eacb7;font-size:11px}.step-num{border-color:#53616c;color:#b7c1c9}.steps li.current .step-num{background:var(--amber);color:#19130b}.steps li.done .step-num{background:#153d31;color:#64e8b8}.steps .done>div{color:#9dbbb0}.tutorial-callout{border-left-color:var(--amber)}
.media{margin:0;position:relative;overflow:hidden;background:radial-gradient(ellipse,#29343b,#0c1218);isolation:isolate;aspect-ratio:16/9}.media img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.media img[hidden]{display:none}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:65px;color:#9a7743}.media:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 40px #0002}
.home-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr);gap:16px;align-items:start}.property-panel{overflow:hidden}.scene{height:auto;aspect-ratio:16/10;background:#111820}.scene>.media{position:absolute;inset:0;aspect-ratio:auto;height:100%}.scene .media img{object-fit:cover}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#03090ee8);pointer-events:none;z-index:3}.scene-label{z-index:4;top:16px;left:16px;right:16px;justify-content:space-between;font-size:10px}.scene-label span{background:#0a121cdd;border-color:#56616a;color:#d4e2eb;padding:7px 10px}.scene-caption{z-index:4;bottom:24px;left:24px;color:#fff}.scene-caption b{font-family:'Barlow Condensed',sans-serif;font-size:29px;text-transform:uppercase;display:block}.scene-caption>span{display:block;margin-top:6px;color:#bac6cf;font-size:12px}.property-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;color:#a4b2bf;font-size:11px;background:#0b1319}.property-foot>span:first-child{color:#e5d0a6}.house-offer{position:relative}.house-offer .media{aspect-ratio:16/8}.house-offer>span:not(.media){position:absolute;bottom:14px;left:18px;z-index:3;background:#16150edb;border:1px solid #b7823d;color:#ffd17c;font-size:11px;padding:8px 12px;border-radius:4px}.home-work .panel-body{padding:14px 17px 18px}.home-work .job-photo{aspect-ratio:16/8;margin:-14px -17px 16px;width:calc(100% + 34px)}.energy-note{font-size:10px;margin-top:19px;padding-top:13px;border-top:1px solid #2d3942}.empty-bay-icon{height:140px;display:grid;place-items:center;font-size:78px;color:#d99e40;background:radial-gradient(ellipse,#58421f33,transparent)}
.home-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr) minmax(230px,1fr);gap:16px;margin-top:16px;align-items:start}.materials-panel .media{aspect-ratio:16/8}.supply-list>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2b3740;padding:10px 0;font-size:12px;color:#afbbc4}.supply-list strong{color:#e9f0f4}.account-panel .profile-summary{gap:12px;flex-wrap:wrap;margin-bottom:15px}.account-panel .profile-summary>.portrait{width:58px;border:1px solid #53616b;border-radius:7px}.account-panel h3{font-size:15px;overflow-wrap:anywhere}.account-panel p{font-size:11px}.account-panel .profile-summary p{font-size:10px}
.orders-banner{height:155px;border:1px solid #34414b;border-radius:8px;overflow:hidden;margin:-7px 0 23px;position:relative}.orders-banner>.media{height:100%;aspect-ratio:auto}.orders-banner img{object-position:center 55%}.orders-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09111b8a,transparent,#09111b6a);z-index:3}.orders-banner>span:not(.media){position:absolute;left:24px;bottom:20px;color:#fce8bf;letter-spacing:3px;font-size:10px;z-index:4}.orders-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:20px;align-items:start}.order-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.order-card{padding:0;min-width:0;text-align:left;color:var(--ink);border:1px solid #3a4752;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#1d2832,#0d141a);box-shadow:0 5px 14px #0004;transition:border-color .15s,box-shadow .15s}.order-card:hover{border-color:#b38344}.order-card.selected{border:2px solid var(--amber);box-shadow:0 0 0 1px #65461b,0 0 24px #ffb53115}.order-card>.media{aspect-ratio:4/3}.order-card-body{padding:15px 13px;display:flex;flex-direction:column;gap:8px}.order-card-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;line-height:1.08;display:block;font-weight:700}.order-car-name{font-size:11px;color:#abb9c4;min-height:28px}.order-card-price{font-size:21px;color:#eef4f3;font-weight:700;margin-top:8px}.order-card-price>span{color:var(--cash);font-size:25px;margin-right:5px}.order-card-time{color:#c4cdd5;font-size:13px}.order-availability{font-size:11px;color:var(--cash);margin-top:5px}.order-availability.alert{color:#f3ad6e}.offer-expiry{font-size:10px;color:#9baab6;margin-top:5px}.order-detail{position:sticky;top:96px}.order-detail .panel-head h2{font-size:28px;text-transform:none}.detail-photo{aspect-ratio:16/7}.detail-client{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:#bdc8d1;font-size:11px;margin-bottom:20px}.order-detail h3{font-size:13px;border-bottom:1px solid #33404a;padding-bottom:9px;margin:18px 0 10px}.order-plan{list-style:none;padding:0;margin:0}.order-plan li{display:flex;gap:9px;align-items:center;font-size:12px;padding:7px 0;color:#c9d2da}.order-plan li>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #4e5c67;border-radius:50%;font-size:10px;color:var(--amber)}.order-plan small{margin-left:auto;color:#9daab5;white-space:nowrap}.equipment-chips{display:flex;gap:7px;flex-wrap:wrap}.equipment-chip{padding:9px;background:#111c24;border:1px solid #3b4954;border-radius:5px;font-size:11px;color:#b5c2ce}.equipment-chip b{color:var(--cash);margin-left:8px}.equipment-chip.missing b{color:#ff937b}.material-list{font-size:11px;line-height:1.8}.order-finance{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #34404a;padding-top:16px;margin-top:16px}.order-finance small{display:block;color:#a7b5c1;font-size:10px;margin-bottom:7px}.order-finance strong{font-size:20px;color:var(--cash)}.order-finance>div:last-child{grid-column:1/-1}.order-finance>div:last-child strong{font-size:15px;color:#e2e9ed}
.cards{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:22px}.card h3{font-family:'Barlow Condensed',sans-serif;font-size:25px}.card p{font-size:12px}.card .price{color:#f5f7fa;font-size:31px}.shop-card{padding-top:0;overflow:hidden}.shop-card>.media{width:calc(100% + 44px);margin:0 -22px 20px;aspect-ratio:16/10}.shop-card .media-equipment img,.shop-card .media-product img,.shop-card .media-chemical img{object-fit:contain}.stock{color:var(--cash)}.filters button{border-color:#3a4853;background:#101b23;color:#b7c3cf;font-size:12px}.filters button.active{background:linear-gradient(#80582066,#3e2e1880);border-color:#c89342;color:#ffcf7b}.skill-value{color:var(--amber)}.skill-value small{color:#acb8c3}.career-cards .card{padding:26px}.career-cards h2{font-family:'Barlow Condensed',sans-serif;font-size:27px}.career-cards p{font-size:13px}
input,select,form label>input:not([type=radio]),form textarea{background:#0c161e;color:#e9f0f4;border-color:#3c4d5b}.table td,.table th{border-color:#303e49}.table th{color:#acbac5}.log li{border-color:#2d3944;color:#a9b8c5}.portrait-option{border-color:#36444f;background:#0e1821}.portrait-option:has(input:checked){border-color:var(--amber);background:#3b2a1880}.portrait-option input{accent-color:var(--amber)}.profile-metrics strong{color:var(--cash)}.profile-metrics small{color:#a4b3bf}fieldset{color:#c6d1d9}.profile-summary .eyebrow{color:#c4a471}#form-error{color:#ff9d80}.form-row>input{min-height:44px}
footer{border-color:#293640;color:#6f8597;font-size:8px;padding:20px 26px;gap:20px}#toast{background:#1b2934;color:#f9e7c4;border:1px solid #b5853f;box-shadow:0 5px 28px #0008;left:calc(50% + 102px);width:max-content;max-width:min(85vw,520px);z-index:100}dialog{background:linear-gradient(#1b2934,#0d161e);border-color:#59646c;color:#eef4f8;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#020609bb}dialog p,dialog li{color:#bac6d1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
@media(min-width:1700px){.scene{aspect-ratio:16/9}.order-card-title{font-size:28px}.order-card-body{padding:18px}.orders-banner{height:185px}}
@media(max-width:1350px){.brand{width:330px;font-size:25px;padding:0 18px;gap:10px}.brand b{font-size:25px}.brand-mark{font-size:39px}.main header{padding-left:344px;padding-right:18px}.player-metric{padding:4px 11px}.player-metric strong{font-size:15px}.player-bar{gap:10px}.order-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr)}.home-layout{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)}.home-bottom{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.account-panel{grid-column:1/-1}.account-panel .profile-summary{flex-wrap:nowrap}.account-panel .panel-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.account-panel .btn{width:auto;margin:0}.account-panel .profile-summary{margin:0}.account-panel .panel-body>p{flex:1}}
@media(max-width:1100px){.sidebar{width:165px}nav button{padding:20px 16px;font-size:13px}nav button.active{padding-left:13px}.main{margin-left:165px;width:calc(100% - 165px)}main{padding:22px 18px}.main header{padding-left:300px}.brand{width:286px;font-size:21px;padding:0 15px}.brand b{font-size:21px}.brand-mark{font-size:35px}#player-profile .player-name{max-width:110px}.player-metric{padding:4px 8px;gap:5px}.player-metric>span:first-child{font-size:22px}.player-metric strong{font-size:13px}.player-metric small{font-size:8px}.side-portrait{width:28px;height:28px}.player-name small{font-size:8px}.home-layout{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr)}.orders-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.order-cards{gap:10px}.order-card-body{padding:12px 10px}.order-card-title{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-caption b{font-size:24px}}
@media(max-width:900px){.main header{padding-left:286px;gap:10px}.player-bar{flex-wrap:wrap;gap:5px;justify-content:flex-start}#player-profile .side-portrait{display:none}#player-profile .player-name{max-width:none}.player-name small{display:none}.player-metric{padding:0 10px 0 0;margin-right:8px;border:0}.player-metric small{display:none}.player-metric strong{font-size:12px}.player-metric>span:first-child{font-size:19px}.home-layout{grid-template-columns:1fr}.home-work .job-photo{float:right;max-width:45%;margin:0 0 15px 15px;border-radius:6px;aspect-ratio:16/10}.home-work .panel-body:after{content:'';display:block;clear:both}.home-bottom{grid-template-columns:1.3fr 1fr}.orders-layout{grid-template-columns:1fr}.order-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.order-detail{position:static}.order-detail .detail-photo{aspect-ratio:16/5}.scene{aspect-ratio:16/10}.grid{grid-template-columns:1fr}.orders-banner{height:135px}.empty-bay-icon{height:70px;font-size:50px}.order-detail .order-finance{grid-template-columns:repeat(3,1fr)}.order-finance>div:last-child{grid-column:auto}}
@media(max-width:600px){.sidebar{top:auto;inset:auto 0 0;height:65px;width:100%;padding:0;z-index:80;background:#0b141c;border-top:1px solid #44505b}.sidebar .brand{display:flex;width:auto;max-width:calc(100% - 55px);height:48px;background:none;border:0;padding:0 14px;font-size:20px;gap:8px;z-index:60}.brand b{font-size:20px}.brand-mark{font-size:29px}.edition{display:none}nav{height:65px;gap:0}nav button{padding:5px 2px;font-size:9px;min-height:65px;gap:3px;border-bottom:0}nav button>span{font-size:23px;width:auto}nav button.active{padding:5px 2px;border-left:0;border-top:3px solid var(--amber);border-right:0;border-bottom:0;background:#5c421c77}nav button.active>span{font-size:23px}.main{margin:0;width:100%;padding-top:124px;padding-bottom:65px}.main header{height:124px;min-height:124px;padding:52px 14px 10px;gap:0;align-items:center}.player-bar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start;width:100%;align-items:center}#player-profile{width:100%;font-size:11px;gap:6px}#player-profile .side-portrait{display:block;width:23px;height:23px}#player-profile .player-name{display:flex;gap:9px;align-items:center}.player-name small{display:block;font-size:8px}.main header .header-right{position:absolute;right:14px;top:10px;margin:0;max-width:calc(100% - 28px)}.icon-btn{width:29px;height:29px}#save-status{background:#3b2a1c;max-width:190px;padding:6px;border:1px solid #8c6231;font-size:10px;position:absolute;right:0;top:32px;width:190px;z-index:10}#player-metrics{width:100%;gap:13px;flex-wrap:nowrap}.player-metric{margin:0;padding:0;gap:5px}.player-metric>span:first-child{font-size:23px}.player-metric small{display:block;font-size:7px;margin-bottom:1px}.player-metric strong{font-size:12px}.player-metric:first-child strong{font-size:14px}main{padding:18px 12px}h1{font-size:34px}.eyebrow{font-size:8px}.title-row p{font-size:12px}.title-row{margin-bottom:16px}.panel-head{padding:13px 14px}.panel-head h2{font-size:20px}.panel-head small{font-size:8px}.panel-body{padding:15px}.home-layout,.home-bottom{grid-template-columns:1fr;gap:13px}.home-bottom{margin-top:13px}.scene{aspect-ratio:4/3}.scene-caption{left:16px;bottom:17px}.scene-caption b{font-size:23px}.scene-caption>span{font-size:10px}.scene-label{top:12px;left:12px;right:12px}.scene-label span{font-size:8px;padding:5px 7px}.property-foot{font-size:9px;padding:11px 13px;flex-wrap:wrap}.house-offer .media{aspect-ratio:4/3}.house-offer>span:not(.media){font-size:9px;bottom:12px;left:12px}.home-work .job-photo{max-width:100%;width:calc(100% + 34px);float:none;margin:-14px -17px 16px;aspect-ratio:16/8}.home-work .panel-body{padding:14px 17px}.account-panel{grid-column:auto}.account-panel .panel-body{display:block}.account-panel .profile-summary{margin-bottom:15px}.account-panel .btn{width:100%;margin-top:12px}.materials-panel .media{aspect-ratio:16/7}.orders-banner{height:110px;margin:0 0 18px}.orders-banner>span:not(.media){left:15px;bottom:16px;letter-spacing:1.5px;font-size:8px}.order-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-card>.media{aspect-ratio:4/3}.order-card-title{font-size:22px}.order-card-body{padding:12px 10px;gap:7px}.order-card-price{font-size:18px}.order-car-name{font-size:10px}.order-card-time{font-size:11px}.order-availability{font-size:10px}.offer-expiry{font-size:9px}.order-card .eyebrow{font-size:7px;letter-spacing:.8px}.orders-layout{gap:15px}.order-detail .detail-photo{aspect-ratio:16/8}.order-detail .panel-head h2{font-size:27px}.order-detail .order-finance{grid-template-columns:1fr 1fr}.order-finance>div:last-child{grid-column:1/-1}.cards{grid-template-columns:1fr}.card{padding:20px}.shop-card{padding-top:0}.shop-card>.media{width:calc(100% + 40px);margin:0 -20px 18px;aspect-ratio:16/9}.career-cards{gap:13px}.career-cards .card{padding:22px}.profile-summary h1{font-size:29px}.profile-summary .eyebrow{font-size:8px}#toast{left:50%;bottom:80px;max-width:calc(100vw - 24px);font-size:11px;padding:12px 16px}.table-scroll .table{min-width:580px}footer{padding:16px 12px;font-size:7px}.job-info{font-size:14px}.home-work .notice{font-size:11px}.btn{font-size:12px}.form-row{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){#toast{left:12px;right:12px;width:auto;max-width:none;transform:translateY(100px)}#toast.show{transform:translateY(0)}.order-detail{scroll-margin-top:145px}}
.brand-mark{width:43px;height:43px;flex-shrink:0}nav button>span svg{width:27px;height:27px;display:block}.ui-icon{width:28px;height:28px;display:block}.player-metric>span:first-child{display:block}
@media(min-width:1101px){nav button{font-size:17px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.property-panel.has-house{position:relative}.property-panel.has-house>.panel-head{position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#07111cf0,transparent);border:0;padding:19px 20px 45px;pointer-events:none}.property-panel.has-house>.panel-head h2{font-size:29px;text-shadow:0 2px 5px #000}.property-panel.has-house>.panel-head small{display:none}.property-panel.has-house .scene-label{top:64px}.property-panel.has-house .scene{aspect-ratio:16/9}.home-bottom .steps{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.home-bottom .steps li{align-items:start}.home-bottom .steps li:last-child{border-bottom:1px solid #2c3943}
@media(max-width:1350px) and (min-width:1101px){.brand{width:385px}.main header{padding-left:399px}.brand>span:last-child,.brand>span:last-child b{font-size:24px}}
@media(max-width:1100px) and (min-width:601px){.brand>span:last-child,.brand>span:last-child b{font-size:19px}}
@media(max-width:600px){.brand>span:last-child,.brand>span:last-child b{font-size:17px;letter-spacing:-.5px}.brand-mark{width:28px;height:28px}nav button>span svg{width:22px;height:22px}.ui-icon{width:22px;height:22px}.orders-list .title-row{min-height:0}.orders-list h1{font-size:32px}.order-detail .order-plan{grid-template-columns:1fr}.order-detail .detail-photo{aspect-ratio:16/8}.property-panel.has-house>.panel-head h2{font-size:24px}.property-panel.has-house>.panel-head{padding:15px 13px 38px}.property-panel.has-house .scene-label{top:53px}.property-panel.has-house .scene{aspect-ratio:4/3}.home-bottom .steps{grid-template-columns:1fr}}

/* Current-task tutorial, storage and casual jobs. All panels stay in document flow. */
.tutorial-panel{border:1px solid #8b6735;border-left:4px solid var(--amber);border-radius:8px;background:linear-gradient(105deg,#332919,#121d25);padding:17px 20px;margin-bottom:22px;box-shadow:0 6px 20px #0003}
.tutorial-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tutorial-heading h2{font-size:22px;flex:1;margin:0}.tutorial-heading>.btn{margin-left:auto}.tutorial-panel p{margin:10px 0 13px;max-width:850px}.tutorial-panel>small{display:inline-block;margin-left:16px;color:#a8b6c1;font-size:10px}.tutorial-panel.is-collapsed{padding:10px 16px}.tutorial-panel.is-collapsed h2{font-size:19px}.player-metric small.energy-countdown{display:block;color:#f5c879;font-size:9px;white-space:nowrap;margin-top:3px}
.orders-lock{position:relative;min-height:440px;display:grid;place-items:center;border:1px solid #45515b;border-radius:10px;overflow:hidden}.locked-backdrop{position:absolute;inset:-10px;filter:blur(5px) brightness(.3);pointer-events:none}.locked-backdrop>.media{height:100%;aspect-ratio:auto}.lock-message{position:relative;padding:40px 25px;max-width:620px;text-align:center;background:#0a131bd9;border:1px solid #58616a;border-radius:10px;margin:20px}.lock-message>span{font-size:65px;color:var(--amber)}.lock-message h2{font-size:30px}.lock-message p{font-size:16px;line-height:1.6}.lock-message .btn{margin-top:15px}
.skill-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-cards .card{display:flex;flex-direction:column}.skill-cards .card p{flex:1;line-height:1.8}.skill-cards .btn{margin-top:auto}.career-cards{grid-template-columns:1.35fr 1fr}.career-cards .card{display:flex;flex-direction:column}.career-cards h2{margin-top:22px}.career-cards .btn{margin-top:auto;align-self:flex-start}.career-studio{border-color:#99733c;background:linear-gradient(135deg,#3b2e1a,#14212a 80%)}.career-cards p{line-height:1.8}.inventory-cards{margin-top:22px}.inventory-cards>.card{overflow:hidden}.inventory-cards .media{margin:-22px -22px 18px;width:calc(100% + 44px)}.inventory-cards .media img{object-fit:contain}.empty-inventory{grid-column:1/-1}.sidebar{overflow-y:auto}.sidebar .brand{flex-shrink:0}nav button{min-height:65px;padding-top:16px;padding-bottom:16px}nav button.active{padding-top:16px;padding-bottom:16px}
@media(max-width:1100px){.skill-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.skill-cards{grid-template-columns:1fr}.career-cards{grid-template-columns:1fr}.tutorial-panel{padding:13px;margin-bottom:16px}.tutorial-heading{gap:8px}.tutorial-heading h2{font-size:19px;flex-basis:65%}.tutorial-heading>.btn{min-height:32px;padding:6px 10px;font-size:10px}.tutorial-panel p{font-size:12px}.tutorial-panel>small{display:block;margin:10px 0 0}.orders-lock{min-height:380px}.lock-message{margin:13px;padding:22px 15px}.lock-message h2{font-size:25px}.lock-message p{font-size:13px}.sidebar{overflow:visible;height:75px}nav{height:75px}nav button,nav button.active{font-size:8px;line-height:1.25;padding:7px 1px;min-height:75px;flex:1;white-space:normal;min-width:0}nav button>span svg{width:20px;height:20px}.main{padding-bottom:75px}.player-metric small.energy-countdown{font-size:8px}#player-metrics{gap:10px}.main header{height:134px;min-height:134px}.main{padding-top:134px}.inventory-cards .media{margin:-20px -20px 18px;width:calc(100% + 40px)}}

/* Administration follows the same charcoal panels and amber controls. */
nav button[hidden]{display:none!important}
.character-id{color:var(--gold,#f7b544);font-size:14px;margin:4px 0 12px}
[data-view="admin"]>.panel{margin-bottom:22px}
.admin-counts{display:flex;gap:60px}.admin-counts>div{display:grid;gap:6px}.admin-counts strong{font-size:32px;color:#ffc15b}.admin-counts span{color:#aab4bd}
.admin-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.admin-facts{margin:0;display:grid;gap:10px}.admin-facts>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12;padding-bottom:8px}.admin-facts dt{color:#aab4bd}.admin-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
.admin-danger{background:#512a25;color:#ffd6ba;border:1px solid #b66b48}.admin-danger:hover{background:#75372b}
.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:18px}
#admin-search-form{align-items:end;margin-bottom:20px}#admin-search-form label{flex:1}
#admin-reset-form label{display:grid;gap:8px;margin-bottom:20px}
@media(max-width:1000px){.admin-columns{grid-template-columns:1fr}.admin-pagination{justify-content:center;gap:8px}}