@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--green:#174d40;--dark:#142e28;--mint:#e3eee7;--gold:#edb84b;--paper:#f4f5f1;--line:#e1e5dd;--muted:#6a756e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--dark);font:16px 'DM Sans',sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #b57914;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.brand,.money{font-family:'Outfit',sans-serif}button{border:0} .layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#103c32;color:#fff;padding:32px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand b{color:var(--gold)}.brand-mark{font-size:30px}.edition{font-size:12px;letter-spacing:2px;color:#a2b7ab;margin:8px 0 38px 40px}.nav{display:grid;gap:8px}.nav button{background:transparent;color:#b9cdc3;text-align:left;padding:14px 15px;border-radius:9px;display:flex;gap:13px;align-items:center}.nav button.active{background:#2c594b;color:white}.nav svg{width:21px;height:21px}.sidebar-note{margin-top:auto;background:#224b3e;border:1px solid #42614d;border-radius:12px;padding:18px;font-size:14px;line-height:1.6}.sidebar-note strong{color:#f0c86c;display:block;margin-bottom:5px}.sidebar-foot{font-size:12px;color:#91ad9f;margin-top:22px}.main{min-width:0}.topbar{padding:23px 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--dark)}.wallets{display:flex;gap:12px}.wallet{display:flex;gap:12px;align-items:center;padding:8px 18px;border:1px solid var(--line);border-radius:10px;min-width:154px}.wallet.gold{background:#fffaf0;border-color:#f1dfb6}.coin{background:var(--mint);color:var(--green);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:bold}.gold .coin{background:#fae5b8;color:#a77815}.wallet small{display:block;color:var(--muted);font-size:12px}.money{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.content{max-width:1600px;padding:30px 34px 40px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:14px}h1{font-size:30px;letter-spacing:-.7px}.subtitle{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}.badge{font-size:12px;padding:7px 10px;border-radius:6px;background:#e6eee6;color:var(--green);white-space:nowrap}.neighbourhoods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.neighbour{overflow:hidden;position:relative;height:112px;text-align:left;border-radius:11px;border:3px solid transparent;background:#264d40;color:white;padding:0}.neighbour.selected{border-color:#dba936;box-shadow:0 0 0 2px #f4e7c7}.neighbour img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .3s}.neighbour:hover img{transform:scale(1.05)}.neighbour:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#10261fcc)}.neighbour .label{position:absolute;bottom:12px;left:14px;z-index:1}.neighbour strong{font-size:17px;display:block}.neighbour small{font-size:12px;color:#e1e9df}.neighbour .lock{position:absolute;right:12px;top:10px;z-index:1;background:#12372cba;border-radius:4px;padding:3px 6px;font-size:12px}.hero{position:relative;min-height:255px;background:#25483e;border-radius:14px;overflow:hidden;color:white;display:flex;align-items:flex-end;padding:30px;margin-bottom:24px}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,25,.87),rgba(8,34,25,.2) 85%)}.hero-copy{position:relative;z-index:1;max-width:510px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:11px;color:#f2cb75}.hero h2{font-size:36px;margin-bottom:9px}.hero p{font-size:14px;line-height:1.65;color:#edf1e8}.hero .pill{display:inline-block;font-size:12px;background:#ffffff20;padding:7px 11px;border-radius:6px;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px;display:flex;gap:14px;align-items:center}.stat-icon{background:#edf2ec;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--green)}.stat-icon svg{width:22px}.stat span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.stat strong{font:600 23px 'Outfit',sans-serif}.stat em{font-size:12px;color:#4c8c64;font-style:normal}.sectionheading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;gap:12px}.sectionheading h2{font-size:22px}.sectionheading p{font-size:13px;color:var(--muted)}.businesses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.business{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.business-img{height:155px;position:relative;overflow:hidden;background:#d1ded2}.business-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.6)}.business-img .badge{position:absolute;left:13px;top:12px;background:#fffef1ed;color:#244937}.business-content{padding:19px}.business h3{font-size:21px;margin-bottom:5px}.business p{font-size:13px;color:var(--muted);line-height:1.5;min-height:40px}.earning{display:flex;justify-content:space-between;align-items:center;margin:18px 0 16px;border-bottom:1px solid var(--line);padding-bottom:16px}.earning strong{font-size:19px;color:var(--green)}.earning small{font-size:12px;color:var(--muted)}.primary{padding:12px 18px;background:var(--green);color:white;font-weight:600;border-radius:8px}.primary:hover:not(:disabled){background:#226650}.full{width:100%}.secondary{padding:11px 16px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--green);font-weight:600}.gold-button{background:#edb84b;color:#2a3927}.gold-button:hover:not(:disabled){background:#dca633}.bottomtip{font-size:13px;line-height:1.6;color:var(--muted);margin-top:23px;display:flex;justify-content:space-between;gap:20px}.lifestyle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.life{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.life-icon{font-size:37px;margin-bottom:14px}.life h3{font-size:23px}.life p{font-size:14px;color:var(--muted);line-height:1.6;margin:9px 0 18px}.life-top{display:flex;justify-content:space-between;gap:14px}.progress{background:#e9eee5;height:5px;border-radius:3px;overflow:hidden;margin:13px 0}.progress i{display:block;height:100%;background:#d7a343}.life .earning{margin-bottom:16px}.locked-panel{background:#fff;border:1px solid var(--line);padding:35px;border-radius:14px;text-align:center}.locked-panel p{max-width:530px;margin:12px auto 22px;line-height:1.6;color:var(--muted)}dialog{border:0;border-radius:17px;padding:0;width:min(680px,calc(100% - 30px));color:var(--dark);box-shadow:0 25px 100px #001c2540;max-height:88vh}dialog::backdrop{background:#0b261e99;backdrop-filter:blur(3px)}.dialog-head{padding:24px 26px;background:#f1f5ed;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.dialog-head h2{font-size:26px}.close{border:1px solid #ced8ca;border-radius:50%;background:white;width:35px;height:35px;font-size:23px;flex-shrink:0}.dialog-body{padding:24px 26px}.branch{border:1px solid var(--line);padding:17px;border-radius:11px;margin-bottom:14px}.branch-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.branch-title h3{font-size:18px}.branch p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}.subupgrades{margin-top:15px;border-top:1px solid var(--line)}.sub{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #edf0e9}.sub:last-child{border:0;padding-bottom:0}.sub strong{font-size:14px;display:block}.sub small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.sub button{font-size:13px;white-space:nowrap}.locked-sub{color:var(--muted);font-size:13px;padding:12px 0 0}.help{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;max-width:900px}.help h2{margin:22px 0 9px}.help h2:first-child{margin-top:0}.help p{color:var(--muted);line-height:1.8}.help .secondary{margin-top:22px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120px);background:#163d30;color:white;padding:15px 23px;border-radius:11px;box-shadow:0 8px 35px #173f3330;z-index:10;transition:transform .25s;max-width:90%;font-size:14px}#toast.show{transform:translateX(-50%) translateY(0)}.mobile-brand{display:none}.summary-list{margin-top:15px}.summary-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}@media(min-width:1500px){.hero{min-height:305px}.business-img{height:190px}}@media(max-width:1100px){.layout{grid-template-columns:185px 1fr}.sidebar{padding:25px 14px}.brand{font-size:23px}.content{padding:26px 23px}.topbar{padding:19px 23px}.businesses{gap:12px}.business-content{padding:14px}.wallet{min-width:135px}.hero h2{font-size:31px}.stats{gap:10px}.stat{padding:14px}.stat-icon{display:none}}@media(max-width:800px){.layout{display:block}.sidebar{position:relative;height:auto;padding:15px 18px}.brand{font-size:25px}.edition,.sidebar-note,.sidebar-foot{display:none}.nav{display:flex;margin-top:13px;gap:4px;overflow:auto}.nav button{white-space:nowrap;padding:10px 12px;font-size:14px}.nav svg{width:18px;height:18px}.topbar{padding:14px 18px}.breadcrumb{display:none}.wallets{width:100%}.wallet{flex:1;padding:7px 12px}.content{padding:23px 18px}.neighbourhoods{grid-template-columns:repeat(4,160px);overflow:auto;padding:3px;margin:-3px -3px 20px}.hero{min-height:250px;padding:23px}.businesses{grid-template-columns:1fr}.business{display:grid;grid-template-columns:150px minmax(0,1fr)}.business-img{height:100%}.business-img img{transform:scale(1.3)}.business-content{padding:18px}.business p{min-height:0}.earning{margin:12px 0;padding-bottom:12px}.pageheading{align-items:flex-start}h1{font-size:27px}.pageheading>.badge{display:none}.stats{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:19px}.stat span{font-size:12px}.stat em{display:block;margin-top:4px}.sectionheading{align-items:flex-start}.sectionheading p{max-width:150px;text-align:right}.lifestyle-grid{grid-template-columns:1fr}.bottomtip{display:block}.bottomtip span{display:block;margin-bottom:8px}.dialog-body{padding:18px}.dialog-head{padding:19px}.branch{padding:14px}.branch-title{align-items:flex-start}.branch-title button{font-size:13px}.sub{gap:9px}.sub button{padding:9px 10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 

.brand{font-size:24px;gap:12px;line-height:1.1}.brand b{display:block}.brand-mark{font-size:36px}.edition{margin-top:14px;margin-left:0;font-size:11px;letter-spacing:1.8px}@media(max-width:800px){.brand b{display:inline;margin-left:5px}.brand{font-size:23px}.brand-mark{font-size:28px}}

.business p,.sectionheading p,.bottomtip,.branch p,.stat span{font-size:14px}.hero p{font-size:16px}.business-content p{min-height:42px}@media(max-width:800px){.business-content p{min-height:0}.stat span{font-size:12px}.hero p{font-size:14px}}
/* Expanded collections and protagonist journeys. */
.neighbourhoods{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:180px;gap:12px;overflow-x:auto;padding:4px 3px 12px;margin:0 -3px 18px;scrollbar-width:thin;scrollbar-color:#b9c6b6 transparent}.neighbour{height:116px}.neighbour .label strong{font-size:16px}.area-label{margin:24px 0 10px}.area-label h2{font-size:17px}.area-label p{font-size:13px}.crew{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:8px 0 24px}.crew-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--dark)}.crew-card.chosen{border-color:#bda85c;background:#fffdf5;box-shadow:inset 0 0 0 1px #ddcf99}.crew-card strong{font:600 21px 'Outfit',sans-serif;display:block}.crew-card small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.crew-card em{display:block;font-style:normal;font-size:12px;color:#47754b;line-height:1.4;margin-top:6px}.crew-check{font-size:12px;margin-left:auto;color:#547254}.atlas{width:100%;height:100%;background-repeat:no-repeat;background-color:#d3ddd0}.atlas.portrait{width:76px;height:76px;flex-shrink:0;border-radius:9px}.crew-compact .atlas.portrait{width:60px;height:60px}.crew-compact .crew-card{padding:10px}.crew-compact .crew-card strong{font-size:18px}.crew-compact .crew-check{display:none}.crew-compact{margin-bottom:20px}.businesses{grid-template-columns:repeat(3,minmax(0,1fr))}.business-img .atlas{height:100%;aspect-ratio:auto}.business-content{display:flex;flex-direction:column}.business-content h3{font-size:20px}.business-content p{min-height:44px}.business-content>.primary,.business-content>.secondary{margin-top:auto}.business-heading p{margin-top:5px}.business-heading .secondary{font-size:14px;white-space:nowrap}.filter-row{display:flex;gap:8px;margin:0 0 22px;overflow:auto;padding:3px 0}.filter{padding:9px 16px;background:#e8ede5;color:#536250;border-radius:22px;white-space:nowrap;font-size:14px}.filter.selected{background:var(--green);color:#fff}.lifestyle-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px;gap:16px}.life.collection-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.life-preview{height:180px;position:relative;flex-shrink:0}.life-preview .badge{position:absolute;top:12px;left:12px;background:#fffffff0}.life-content{padding:17px;display:flex;flex-direction:column;flex:1}.life-content h3{font-size:20px;line-height:1.2;min-height:48px}.life-content p{font-size:14px;line-height:1.5;min-height:65px;margin:8px 0 0}.life-content .earning strong{font-size:18px}.life-content>.primary{margin-top:auto;font-size:14px}.life-content .equip{margin-top:9px;font-size:13px}.collection-info{background:#e7eee2;padding:18px 22px;border-radius:11px;margin-bottom:24px}.collection-info p{font-size:14px;color:#5a6b54;line-height:1.6;margin-top:5px}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reward-card{border:1px solid var(--line);border-radius:13px;padding:22px;background:white;display:flex;flex-direction:column}.reward-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.reward-icon{display:grid;place-items:center;background:#f8edcd;color:#9a731d;width:37px;height:37px;border-radius:10px;font-size:21px;font-weight:600}.reward-card h3{font-size:22px}.reward-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:9px 0 12px}.quest-progress{margin-top:auto;display:flex;align-items:center;gap:12px}.quest-progress .progress{flex:1}.quest-progress small{font-size:12px;color:#65775e;white-space:nowrap}.reward-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.reward-bottom>span{font-size:14px;font-weight:600}.reward-bottom b{display:block;color:#987a23;font-weight:500;font-size:13px;margin-top:3px}.reward-bottom button{font-size:13px;padding:10px 13px}.reward-card.claimed{background:#edf3e9}.reward-card.quest-locked{background:#f7f8f4}.reward-card.quest-locked .reward-icon{background:#e9ece4;color:#6d7767}.nav-count{margin-left:auto;background:#deb951;color:#123a2d;border-radius:9px;min-width:19px;text-align:center;font-size:12px;font-weight:700}.nav-count:empty{display:none}.empty-state{padding:28px;border:1px dashed #c8d2c2;border-radius:12px;color:var(--muted);grid-column:1/-1}.modal-preview{height:230px;border-radius:11px;overflow:hidden;margin-bottom:20px}.modal-preview .atlas{background-size:200% 200%}.dialog-head{position:sticky;top:0;z-index:2}.edition{font-size:10px;letter-spacing:1.2px}.sidebar-note{font-size:13px}.hero{min-height:240px}.hero h2{font-size:36px}.summary-row{gap:14px}.summary-row>strong{white-space:nowrap}.sectionheading p{text-align:initial}.businesses:has(.empty-state){display:block}@media(max-width:1250px){.lifestyle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-preview{height:220px}.life-content h3,.life-content p{min-height:0}.life-content{padding:20px}.crew-check{display:none}}@media(max-width:1000px){.businesses{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-card{gap:9px}.crew-card em{font-size:12px}.crew-card strong{font-size:19px}.atlas.portrait{width:58px;height:66px}.reward-card{padding:17px}}@media(max-width:800px){.neighbourhoods{grid-template-columns:none;grid-auto-columns:165px;margin-bottom:17px}.crew{gap:9px}.crew-card,.crew-compact .crew-card{padding:9px;flex-wrap:wrap;align-items:flex-start}.crew-card>span:not(.crew-check){flex:1;min-width:95px}.crew-card strong{font-size:18px}.crew-card small{font-size:12px}.crew-card .atlas.portrait,.crew-compact .atlas.portrait{width:48px;height:56px}.crew-card em{font-size:12px;line-height:1.4}.businesses{grid-template-columns:repeat(2,minmax(0,1fr))}.business{display:flex;flex-direction:column}.business-img{height:160px;flex-shrink:0}.business-content{padding:15px;flex:1}.business-content h3{font-size:19px}.business-content p{min-height:60px}.business-heading{align-items:center;flex-wrap:wrap}.business-heading p{max-width:none;text-align:left}.business-content>.primary{font-size:14px;padding:12px 8px}.earning strong{font-size:18px}.earning small{font-size:12px}.life-preview{height:200px}.life-content{padding:16px}.reward-grid{grid-template-columns:1fr}.sectionheading{flex-wrap:wrap}.sectionheading p{max-width:none;text-align:left}.stats .stat strong{font-size:17px}.area-label p{font-size:12px}.collection-info{padding:16px}.nav{padding-bottom:3px}.nav button{padding:10px}.hero{min-height:215px}.hero h2{font-size:31px}.summary-row>strong{font-size:14px}.summary-row p{font-size:13px}}@media(max-width:450px){.businesses,.lifestyle-grid{grid-template-columns:1fr}.business{display:grid;grid-template-columns:115px minmax(0,1fr)}.business-img{height:100%;min-height:200px}.business-img .badge{font-size:10px;padding:5px;left:6px;top:7px;max-width:100px;white-space:normal}.business-content h3{font-size:18px}.business-content p{min-height:0;font-size:13px}.business-content{padding:13px}.business-content .earning{gap:7px;flex-wrap:wrap}.collection-card .life-preview{height:240px}.collection-card .life-content h3{font-size:23px}.crew-card{display:block}.crew-card .atlas.portrait{float:left;margin:0 8px 8px 0}.crew-card em{clear:both;padding-top:5px}.crew-card>span{display:block}.crew-card small{font-size:11px}.hero p{font-size:14px}.stat strong{font-size:16px}.dialog-body{padding:15px}.branch-title{gap:8px}.branch-title button{padding:10px;font-size:12px}.modal-preview{height:190px}}
/* Keep catalogue panels in their original proportions. */
.business-img{height:auto;aspect-ratio:5/4}.life-preview{height:auto;aspect-ratio:3/2}.modal-preview{height:auto;aspect-ratio:3/2}.atlas.portrait,.crew-card .atlas.portrait,.crew-compact .atlas.portrait,.crew-compact .crew-card .atlas.portrait{width:90px;height:60px}.crew-card .atlas.portrait{float:none}.crew-card .crew-check{flex-shrink:0}@media(max-width:800px){.business-img{height:auto;aspect-ratio:5/4}.life-preview,.collection-card .life-preview{height:auto;aspect-ratio:3/2}.crew-card .atlas.portrait,.crew-compact .crew-card .atlas.portrait{width:66px;height:44px}.crew-card>span:not(.crew-check){min-width:100px}.crew-card{display:flex}}@media(max-width:450px){.business{display:flex;flex-direction:column}.business-img{height:auto;min-height:0;aspect-ratio:5/4}.business-img .badge{font-size:12px;left:12px;top:12px;max-width:none}.business-content{padding:18px}.business-content h3{font-size:21px}.business-content p{font-size:14px}.crew-card,.crew-compact .crew-card{display:flex;flex-direction:column}.crew-card .atlas.portrait{margin:0 0 5px}.crew-card em{padding-top:0}.collection-card .life-preview{height:auto;aspect-ratio:3/2}}
/* Wardrobe, motorsport and festival expansion. */
.sidebar{overflow-y:auto}.nav button{padding:11px 13px}.sidebar-note{margin-top:24px}.crew .atlas.portrait{width:65px!important;height:65px!important}.square-preview{aspect-ratio:1!important;height:auto!important}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.spec-grid div{background:#eef2eb;border-radius:6px;padding:9px}.spec-grid dt{font-size:12px;color:#62715d}.spec-grid dd{margin:5px 0 0;font-size:14px;font-weight:700}.life-content .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.life-content .spec-grid div{padding:7px}.life-content .spec-grid dd{font-size:13px}.collection-info .secondary{margin-top:13px}.mission-group{margin-top:28px}.filter small{opacity:.75;margin-left:4px}.outfit-board{display:grid;grid-template-columns:250px 1fr;gap:24px;background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:28px}.outfit-person>.atlas{aspect-ratio:1;height:auto;border-radius:10px}.outfit-person h2{font-size:23px;margin:14px 0 7px}.outfit-person p{font-size:14px;line-height:1.5}.outfit-person small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:7px}.outfit-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.outfit-slot{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f7f8f4;padding:10px;text-align:left;color:var(--dark)}.outfit-slot.selected{border-color:#caa241;box-shadow:inset 0 0 0 1px #caa241}.outfit-slot .atlas{height:auto;aspect-ratio:1;border-radius:6px;margin-bottom:9px}.outfit-slot strong{font-size:14px;display:block}.outfit-slot small{font-size:12px;display:block;color:var(--muted);margin-top:3px}.empty-slot{display:grid;place-items:center;aspect-ratio:1;background:#edf0e7;border-radius:7px;color:#9baa90;font-size:34px;margin-bottom:9px}.clothing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.clothing-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;display:flex;flex-direction:column}.clothing-picture{aspect-ratio:1}.clothing-card h3{min-height:0}.clothing-card p{min-height:0;margin-bottom:18px}.event-banner{height:270px;position:relative;overflow:hidden;border-radius:14px;margin-bottom:22px;color:white;background:#15362e}.event-banner>.atlas{position:absolute;inset:0;opacity:.65;background-size:200% 100%!important}.event-banner>div:last-child{position:absolute;inset:0;display:flex;justify-content:flex-end;flex-direction:column;padding:28px;background:linear-gradient(0deg,#0b251ceb,transparent)}.event-banner span{font-size:12px;letter-spacing:2px;color:#efd184}.event-banner h2{font-size:33px;margin:10px 0}.event-banner p{font-size:14px;max-width:630px;line-height:1.6}.event-setup{display:grid;grid-template-columns:240px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.selected-car{aspect-ratio:3/2;align-self:start;border-radius:9px;overflow:hidden}.event-setup label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.event-setup select{width:100%;padding:12px;border:1px solid #b7c5ae;border-radius:8px;background:#f5f8f0;color:var(--dark);font:inherit}.event-rating{padding:12px;background:#edf3e8;border-radius:8px;font-size:14px;line-height:1.7;margin-bottom:7px}.event-result{display:flex;gap:15px;align-items:center;background:#fff4d4;border:1px solid #e4cb78;border-radius:10px;padding:18px;margin:15px 0}.event-result span{font-size:14px}.activity-panel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;background:#163d30;color:white;border-radius:12px;padding:23px;margin-bottom:20px}.activity-panel h2{font-size:24px;margin:5px 0}.activity-panel p{font-size:14px;color:#cfddc7}.activity-panel>strong{font-size:28px}.activity-panel .progress{flex-basis:100%;margin:3px 0;background:#466044}.activity-panel small{color:#dce5d5;font-size:13px}.empty-state p{margin:10px 0 17px}.reward-card>.primary.full{margin-top:auto}.reward-card .badge{white-space:normal}.event-setup .secondary{margin-bottom:7px}select:focus-visible{outline:3px solid #c49b32;outline-offset:2px}.sidebar .edition{margin-bottom:22px}@media(max-width:1200px){.outfit-board{grid-template-columns:190px 1fr}.clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-setup{grid-template-columns:190px 1fr}.outfit-slots{gap:8px}.outfit-slot{padding:8px}}@media(max-width:800px){.sidebar{overflow:visible}.sidebar-note{display:none}.outfit-board{grid-template-columns:1fr;padding:18px;gap:17px}.outfit-person{display:flex;gap:16px;align-items:center}.outfit-person>.atlas{width:110px;flex-shrink:0}.outfit-person h2{margin-top:0;font-size:21px}.outfit-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.event-setup{grid-template-columns:1fr;padding:18px}.event-setup .selected-car{max-width:260px;width:100%}.event-banner{height:240px}.event-banner h2{font-size:27px}.event-banner>div:last-child{padding:22px}.event-result{display:block}.event-result span{display:block;margin-top:7px}.spec-grid{gap:7px}.spec-grid dd{font-size:13px}.clothing-card .life-content{padding:14px}.clothing-card h3{font-size:19px}.nav button{padding:10px}.outfit-slot strong{font-size:13px}.outfit-slot small{font-size:11px}}@media(max-width:420px){.outfit-person>.atlas{width:90px}.outfit-person h2{font-size:19px}.outfit-person p{font-size:12px}.outfit-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.clothing-grid{gap:10px}.clothing-card h3{font-size:17px}.clothing-card p{font-size:12px}.clothing-card .primary{padding:10px 5px;font-size:12px}}

.event-banner>.atlas{background-size:200% auto!important;background-position-y:50%!important}
/* Education, careers, provinces and a shared story. */
.upgrade-count{font-size:12px;white-space:nowrap;color:#637357;background:#edf2e6;padding:5px 7px;border-radius:5px}.earning{gap:8px;flex-wrap:wrap}.location-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 8px}.location-selects label{font-size:13px;font-weight:600;color:var(--muted)}.location-selects select{display:block;width:100%;padding:12px 10px;margin-top:7px;background:#fff;color:var(--dark);border:1px solid #bdcbb6;border-radius:8px;font:inherit;font-size:15px}.mechanics-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 10px}.mechanics-panel>div{background:white;border:1px solid var(--line);border-radius:10px;padding:17px}.mechanics-panel strong{font:600 24px 'Outfit',sans-serif;display:block}.mechanics-panel span{display:block;font-size:14px;margin-top:4px}.mechanics-panel small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.mechanics-panel+.subtitle{margin-bottom:22px}.skills-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.skills-row>div{background:#eaf0e3;border-radius:8px;padding:12px}.skills-row span{display:block;font-size:13px;color:#627459}.skills-row strong{display:block;font-size:16px;margin-top:5px}.skill-gains{display:flex;gap:6px;flex-wrap:wrap}.skill-gains span{font-size:12px;background:#eaf0e3;border-radius:5px;padding:6px;color:#4d7145}.requirements{padding:0;list-style:none;margin:12px 0 20px}.requirements li{font-size:14px;line-height:1.65;margin:5px 0}.requirements .met{color:#366b37}.requirements .missing{color:#8a6e40}.reward-card>button[data-job],.reward-card>button[data-course]{margin-top:auto}.story-list{display:grid;gap:22px}.story-chapter{display:grid;grid-template-columns:75px 1fr;gap:23px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:28px}.chapter-number{font:600 45px 'Outfit',sans-serif;color:#c5a346}.story-chapter h2{font-size:28px;margin:5px 0 12px}.story-chapter p{font-size:16px;line-height:1.7;color:var(--muted);max-width:850px}.story-chapter .eyebrow{color:#6c7d5c;font-size:12px}.story-chapter.completed{border-color:#a6c293}.ultimate-card{margin-top:21px;padding:19px;background:#fff7dc;border:1px solid #e6d9a4;border-radius:10px}.ultimate-card strong{font-size:17px;display:block}.ultimate-card p{font-size:14px;margin:6px 0 12px}.ultimate-card small{font-size:13px;color:#877740}.festival-sound{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 0;margin:3px 0 12px}.festival-sound label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.festival-sound input{width:80px;accent-color:var(--green)}.festival-sound button[aria-pressed=true]{background:#e4ecd7;border-color:#819f6c}.sidebar .nav{gap:4px}.sidebar .nav button{padding:9px 12px;font-size:14px}.sidebar .sidebar-note{display:none}@media(max-width:1000px){.skills-row{grid-template-columns:repeat(3,minmax(0,1fr))}.story-chapter{grid-template-columns:50px 1fr;padding:21px;gap:15px}.mechanics-panel>div{padding:13px}.mechanics-panel strong{font-size:21px}}@media(max-width:800px){.location-selects{grid-template-columns:1fr;gap:10px}.location-selects select{padding:10px}.location-selects label{display:grid;grid-template-columns:105px 1fr;align-items:center}.location-selects select{margin-top:0}.skills-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanics-panel{gap:8px}.mechanics-panel>div{padding:11px}.mechanics-panel strong{font-size:18px}.mechanics-panel small{font-size:11px}.story-chapter{display:block;padding:20px}.chapter-number{font-size:31px;margin-bottom:12px}.story-chapter h2{font-size:25px}.story-chapter p{font-size:15px}.ultimate-card{padding:14px}.ultimate-card .primary{font-size:13px}.upgrade-count{font-size:11px}.sidebar .nav{display:flex;gap:4px}.sidebar .edition{display:none}}
.card-art{height:155px;width:100%;border-radius:10px;margin-bottom:15px;background-repeat:no-repeat}.mechanics-panel button{margin-top:10px;font-size:14px}.garage-panel{border-top:1px solid #dce5df;margin:14px 0;padding:14px 0}.garage-panel p{font-size:14px;min-height:0}.wallets{flex-wrap:wrap}.wallet small{display:block}.comic-episode{padding:24px;background:#fff;border:2px solid #173d35;border-radius:16px;margin:20px 0}.comic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.comic-panel{display:flex;align-items:center;gap:14px;background:#f0f6ef;border-radius:12px;padding:16px}.comic-portrait{width:100px;height:140px;flex-shrink:0;border-radius:12px}.speech{background:white;border:2px solid #173d35;border-radius:18px;padding:15px}.speech p{line-height:1.6;margin:8px 0}.community-events .primary{margin-top:12px}.crew-card small[data-level-person]{color:#216151;font-weight:700}.location-selects label{min-width:0}.location-selects select{max-width:100%}.story-list{margin-top:30px}@media(max-width:850px){.comic-grid{grid-template-columns:1fr}.wallets{gap:8px}.wallet{padding:8px}.comic-episode{padding:15px}.comic-panel{padding:10px}.comic-portrait{width:75px;height:110px}.mechanics-panel{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}
.learning-meter{background:#e7f1ed;border:1px solid #b8d0c3;padding:20px;border-radius:14px;margin:20px 0}.learning-meter>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.learning-meter small{display:block;margin-top:8px}.bulk-purchase{display:grid;gap:8px;margin:12px 0}.bulk-purchase small{font-size:14px;color:#58675e}.business-content>.secondary.full{margin-top:8px;font-size:14px}.paint-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0}.paint-controls label,.paint-controls small{width:100%}.paint-controls select{width:100%;padding:8px}.paint-chip{width:24px;height:24px;border:1px solid #687b70;border-radius:50%}.paint-controls small{font-size:13px}.fishing-banner{height:230px;border-radius:18px;margin-bottom:20px}[data-plant-choice]{max-width:100%;padding:10px;margin:8px 0}.reward-card>.primary,.reward-card>.secondary{margin-top:8px}.reward-card [data-growing]{display:block;margin:10px 0}.collection-info .secondary{margin:6px}.life-content .requirements{margin:12px 0}.life-content .requirements li{font-size:14px}
.hud-icon{width:66px;height:66px;flex:none;background-repeat:no-repeat}.empire-emblem{display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#142f35,#20584d);color:#fff;padding:8px 14px;border-radius:18px;min-width:230px;max-width:360px}.empire-emblem strong{font-size:14px;display:block;margin-bottom:9px}.empire-emblem .progress{height:7px;background:#467269}.empire-emblem .progress i{background:#e8bb5d}.wallet{background:linear-gradient(130deg,#f4fff9,#d0ecdf);border:1px solid #a8c8b7}.wallet.gold{background:linear-gradient(130deg,#fff8df,#efd28c)}.wallets{align-items:stretch}.skill-meter{background:white;border:1px solid #d8e5dc;padding:18px;border-radius:14px;margin:16px 0}.skill-meter>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.skills-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-tile{padding:22px;background:#fff;border:1px solid #d4e1d8;border-radius:16px}.skill-tile h3{margin:0 0 8px}.skill-tile strong{color:#357a60}.skill-tile p{font-size:14px}.skill-tile .progress{margin:14px 0}.fishing-active{border-radius:18px;overflow:hidden;background:#103c43;color:white;margin:20px 0}.fishing-active>div:last-child{padding:24px}.fishing-scene{height:260px}.fishing-progress{height:16px;margin:15px 0;background:#45666b}.fishing-progress i{background:linear-gradient(90deg,#57bcad,#ffda78);transition:width .45s linear}.care-panel{border:1px solid #cbded3;background:#f3f8f5;border-radius:10px;padding:14px;margin:12px 0}.care-panel p{font-size:14px;min-height:0}.loyalty-card{padding:25px;border-radius:20px;color:#fff;background:linear-gradient(140deg,#183a4a,#397665);box-shadow:0 8px 20px #123d361c}.loyalty-card:nth-child(2){background:linear-gradient(140deg,#173852,#32769a)}.loyalty-card:nth-child(3){background:linear-gradient(140deg,#3b273e,#83474d)}.loyalty-card .eyebrow{color:#efd589}.loyalty-card .progress{margin:18px 0}.loyalty-card small{font-size:14px;line-height:1.5}.garage-services{display:grid;gap:8px;border-top:1px solid #dce5df;margin-top:15px;padding-top:12px}.mini-car{height:160px}.mini-car>.atlas{height:100%}.grocery-shops{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.grocery-shop{padding:10px;background:#fff;border:2px solid transparent;border-radius:14px;text-align:left}.grocery-shop.selected{border-color:#246d57}.grocery-shop strong,.grocery-shop span{display:block;margin:5px 0}.grocery-shop .card-art{height:130px}.nutrition-panel{padding:22px;background:#e9f3e6;border-radius:14px;margin:20px 0}.nutrition-panel .progress{margin:12px 0}.course-topics{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.course-topics span{background:#e7eef8;color:#294e79;padding:5px 8px;font-size:13px;border-radius:6px}.festival-sound>small{display:block;width:100%}[data-book-filter]{padding:12px;margin:12px;width:min(100%,420px)}@media(max-width:1000px){.skills-dashboard{grid-template-columns:repeat(2,1fr)}.grocery-shops{grid-template-columns:repeat(2,1fr)}.wallets{width:100%;justify-content:flex-start}.empire-emblem{max-width:none;flex:1}.wallet{flex:1}.topbar{flex-wrap:wrap}}@media(max-width:600px){.skills-dashboard{grid-template-columns:1fr}.hud-icon{width:45px;height:45px}.empire-emblem{flex-basis:100%}.skill-meter>div:first-child{flex-direction:column}.fishing-scene{height:190px}.wallet{padding:8px;gap:5px}.wallet .money{font-size:18px}.grocery-shop .card-art{height:100px}}
/* Compact goals, project outcomes and extended audio controls. */
.mission-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.mission-controls label{display:grid;gap:5px;min-width:180px}.pager{display:flex;align-items:center;gap:12px;margin-left:auto}.mission-list{border:1px solid #d9e3de;border-radius:14px;overflow:hidden;background:white}.mission-row{display:grid;grid-template-columns:58px minmax(180px,1fr) 120px 190px;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #dfe7e2}.mission-row:last-child{border:0}.mission-row h3{font-size:17px;margin:3px 0}.mission-row p{font-size:14px;margin:0;line-height:1.4}.mission-row.claimed{opacity:.65}.mission-thumb{height:54px;width:54px;overflow:hidden;border-radius:10px;background:#e2eee8;display:grid;place-items:center}.mission-thumb .card-art{height:54px;width:54px;margin:0}.mission-thumb>span{font-weight:800;font-size:23px;color:#174c40}.mission-reward{display:grid;gap:7px;text-align:right;font-size:14px}.mission-progress small{display:block;margin-bottom:6px}.comic-episode summary,.fridge-shop summary{cursor:pointer;font-weight:700;font-size:18px;padding:16px}.scene-setting{padding:12px 16px;background:#eaf0ec;border-left:3px solid #b38b39;font-style:italic}.comic-panel{align-items:start}.comic-portrait{flex-shrink:0}.speech p{font-size:16px;line-height:1.6}.impact-panel{background:#164d40;color:white;border-radius:20px;padding:32px;max-width:850px}.impact-panel p{color:#e0ece7;line-height:1.7}.impact-panel h1{font-size:40px}.impact-panel .eyebrow{color:#ecd698}.impact-panel .progress{background:#37685b}.impact-panel .progress i{background:#e6c779}.fridge-shop{border:1px solid #d4dfd8;border-radius:12px;margin-bottom:20px;background:white}.fridge-shop>.reward-grid,.fridge-shop>p{padding:0 16px 16px}.audio-timeline{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0}.audio-timeline input{flex:1;min-width:70px;accent-color:#205c49}.audio-timeline span{font-size:14px;white-space:nowrap}.skill-tile button{margin-top:6px}.mission-controls select{min-height:42px}.comic-episode .comic-grid{padding:10px}.comic-episode>button{margin:12px}.mission-row .eyebrow{font-size:12px}
@media(max-width:900px){.mission-row{grid-template-columns:42px minmax(140px,1fr) 150px;gap:10px}.mission-progress{grid-column:2}.mission-reward{grid-column:3;grid-row:1 / 3}.mission-thumb{width:42px;height:42px}.pager{margin-left:0}.impact-panel h1{font-size:30px}}
@media(max-width:560px){.mission-row{grid-template-columns:40px 1fr;padding:12px}.mission-progress{grid-column:2}.mission-reward{grid-column:2;grid-row:auto;text-align:left}.mission-controls label{min-width:100%;}.mission-reward button{min-height:42px}.comic-grid{grid-template-columns:1fr}.impact-panel{padding:20px}.pager{width:100%;justify-content:space-between}}
/* Version nine: a connected game dashboard. */
:root{--green:#24675d;--dark:#142b35;--mint:#e2f0ed;--gold:#efb550;--paper:#edf1f5;--line:#dce3e9;--muted:#607481}body{background:radial-gradient(ellipse at 85% 0,#dae6ef 0,transparent 45%),#edf1f5;color:var(--dark)}.layout{grid-template-columns:254px minmax(0,1fr)}.sidebar{padding:26px 16px 18px;background:linear-gradient(160deg,#172e3e,#0b1d2a);overflow-y:auto;gap:10px}.brand{padding:0 9px;font-size:29px;letter-spacing:-.8px}.brand-mark{color:#efb550}.edition{margin:0 0 12px 10px;font-size:12px;letter-spacing:1.4px}.nav{display:block}.nav-group{margin-bottom:8px}.nav-group summary{padding:12px 11px;color:#91aab8;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}.nav-group button{width:100%;padding:10px 12px;margin:3px 0;color:#c6d4de;font-size:14px;border-radius:8px;gap:10px}.nav-group button svg{width:18px;height:18px;flex-shrink:0}.nav-group button.active{background:#284b59;color:white;box-shadow:inset 3px 0 #efb550}.nav-group button:hover{background:#223e4d}.nav .nav-map{padding:13px 12px;background:#efb550;color:#1d2d36;font-weight:700;margin-bottom:12px;width:100%}.sidebar-note{margin-top:18px;padding:13px;background:#1b3646;border-color:#304d5c;line-height:1.6}.sidebar-foot{margin-top:4px}.sidebar-note strong{color:#f2d397}.topbar{display:block;position:sticky;top:0;z-index:15;background:#f8fafceF;backdrop-filter:blur(16px);padding:15px 28px;border-color:#d5e0e7;box-shadow:0 3px 15px #182f4310}.command-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.global-search{position:relative;max-width:600px;flex:1}.global-search input{width:100%;padding:11px 15px;border:1px solid #d6e1e7;background:white;border-radius:10px;font:inherit;color:#203542}.search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;background:white;border:1px solid #d7e1e9;box-shadow:0 16px 42px #122b4933;border-radius:12px;max-height:420px;overflow-y:auto;z-index:40;padding:7px}.search-results button{background:white;color:#173143;width:100%;display:grid;gap:4px;padding:10px;text-align:left;border-radius:7px}.search-results button:hover{background:#e8f1f3}.search-results small{color:#627984}.search-results p{padding:12px}.wallets{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(160px,1fr) minmax(150px,1fr) minmax(130px,.9fr);gap:10px}.wallet,.empire-emblem{min-width:0;background:white;border:1px solid #d6e1e7;border-radius:12px;padding:9px 13px}.wallet small{font-size:12px}.wallet .money{font-size:23px}.wallet.gold{background:#fff7e5;border-color:#f1dbad}.empire-emblem .hud-icon{width:50px;height:50px}.empire-emblem strong{font-size:14px}.empire-progress-tab{display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;gap:4px 8px;border:1px solid #a7c9c0;background:#e5f0ec;border-radius:12px;padding:10px;color:#19473e}.empire-progress-tab>span{font-size:22px;grid-row:1/3}.empire-progress-tab small{font-size:12px}.empire-progress-tab:hover{background:#d5eae2}.content{padding:24px 28px 150px;max-width:1650px}.pageheading{margin-bottom:22px}.pageheading h1{font-size:32px;letter-spacing:-.8px}.context-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px;font-size:13px;color:#69808d}.context-links button{background:#fff;border:1px solid #d4e1e8;color:#355d6b;padding:6px 11px;border-radius:20px;font-size:13px}.primary{background:#21685a;box-shadow:0 2px 3px #12352d10}.primary:hover:not(:disabled){background:#164e43;transform:translateY(-1px)}.secondary{background:#edf3f6;color:#294e60;border:1px solid #cedce4}.secondary:hover:not(:disabled){background:#dcebf0}.business,.collection-card,.reward-card,.clothing-card,.skill-tile{border:1px solid #d7e2e8;border-radius:16px;background:#fff;box-shadow:0 4px 18px #1d354609;overflow:hidden}.business:hover,.collection-card:hover{box-shadow:0 8px 25px #17324315}.businesses,.lifestyle-grid,.reward-grid,.clothing-grid{gap:20px}.hero{height:230px;border-radius:18px;margin-bottom:22px}.hero h2{font-size:40px}.hero:after{background:linear-gradient(90deg,#0d2234cc,transparent)}.badge{border-radius:7px}.filter{border-radius:20px}.filter.selected{background:#244d60;color:white}.filter-row{gap:8px;margin-bottom:18px}.mechanics-panel{border-radius:15px;border:1px solid #d2e0e7;background:linear-gradient(110deg,#e5eff3,#f5f9fa);padding:18px}.mechanics-panel>div{background:#ffffffa8;border-radius:10px;padding:15px}.mechanics-panel strong{font-size:27px}.sectionheading h2{font-size:23px}.save-status{display:flex;align-items:center;gap:8px;background:#142c3b;color:#c9e0e8;border:1px solid #3a5969;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.4;margin-top:12px;text-align:left}.account-card{background:white;border:1px solid #d3e1e8;border-radius:18px;padding:26px;max-width:850px}.account-card p{margin:16px 0;line-height:1.7}.cloud-gate{position:fixed;inset:0;z-index:1000;background:#0c2034eb;display:grid;place-items:center;padding:24px;backdrop-filter:blur(9px)}.cloud-gate[hidden]{display:none}.cloud-dialog{width:min(600px,100%);padding:38px;background:#f9fbfc;border-radius:24px;box-shadow:0 30px 80px #0004}.cloud-dialog h1{font-size:38px;margin:12px 0}.cloud-dialog p{line-height:1.7;margin:16px 0 24px}.cloud-dialog a{display:inline-block;text-decoration:none;padding:12px;border-radius:8px;margin:8px 0}.cloud-dialog button{margin-right:5px}.hint-dock{position:fixed;right:24px;bottom:20px;width:290px;z-index:30;background:white;border:1px solid #bfd1dc;border-radius:16px;box-shadow:0 10px 40px #152d4630;overflow:hidden}.hint-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 17px;background:#244859;color:white;text-align:left;font-weight:700}.hint-heading b{font-size:20px}.hint-item{display:grid;gap:5px;background:white;padding:13px 17px;border-bottom:1px solid #e0e9ee;text-align:left;width:100%;color:#214553}.hint-item:hover{background:#edf5f7}.hint-item small{font-size:13px;line-height:1.5;color:#6b7e87}.hint-dock.minimised{width:160px}.menu-toggle{display:none}.travel-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:22px}.travel-map{background:linear-gradient(145deg,#daeaf1,#e8f0f3);border:1px solid #c4d7e1;border-radius:20px;overflow:hidden;align-self:start;position:relative}.travel-map svg{width:100%;display:block}.country-outline{fill:#fff;stroke:#a0bfc9;stroke-width:2}.map-pin{cursor:pointer}.map-pin circle{fill:#607f8e;stroke:white;stroke-width:3}.map-pin text{fill:#fff;font-size:12px;font-weight:bold;pointer-events:none}.map-pin.open circle{fill:#21695d}.map-pin.chosen circle{fill:#d87930;stroke:#fff1d4;stroke-width:5}.map-pin:hover circle,.map-pin:focus circle{stroke:#eab752;stroke-width:5}.map-caption{display:flex;justify-content:space-between;gap:12px;padding:16px;background:#244859;color:white;font-size:14px}.map-credit{font-size:12px;padding:9px 16px;color:#5b7886}.map-destinations{background:white;padding:22px;border:1px solid #d5e3ea;border-radius:18px}.map-destinations label{display:grid;gap:8px}.map-destinations h2{margin:17px 0}.map-activities{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.map-activities button{font-size:13px;padding:8px 10px}.destination{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;padding:13px 0;background:white;border-top:1px solid #dfe8ed}.destination div{display:grid;gap:4px}.destination small{color:#667b85;font-size:12px}.destination>span{font-size:13px;color:#326855}.province-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.province-directory details{background:white;border:1px solid #d8e3e8;padding:13px;border-radius:12px}.province-directory summary{cursor:pointer;font-size:14px;font-weight:600}.province-directory button{margin:9px 5px 0 0;font-size:13px}.completion-score{display:grid;text-align:right}.completion-score strong{font-size:44px;color:#206a5b}.completion-score span{font-size:13px;color:#73848c}.progress-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:24px 0}.progress-categories button{display:grid;gap:7px;text-align:left;padding:13px;background:white;color:#254859;border:1px solid #d2e0e8;border-radius:12px}.progress-categories button.selected{background:#244d60;color:white}.progress-categories span{font-size:12px}.empire-ledger{background:white;border:1px solid #d8e3ea;border-radius:16px;overflow:hidden}.ledger-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 65px;align-items:center;gap:20px;width:100%;padding:14px 18px;background:white;color:#254253;text-align:left;border-bottom:1px solid #e2e9ed}.ledger-row:hover{background:#f0f6f8}.ledger-row>div:first-child{display:grid;gap:4px}.ledger-row small,.ledger-row span{font-size:12px;color:#72858f}.ledger-row>div:nth-child(2) strong{font-size:14px}.ledger-row .progress{margin-top:6px}.mission-controls input{padding:10px;border:1px solid #ccdae3;border-radius:8px;font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#music-dock{position:fixed;bottom:14px;left:278px;width:min(670px,calc(100vw - 610px));z-index:40;display:grid;grid-template-columns:1fr 30px;gap:8px;background:#173445;color:white;border:1px solid #547585;border-radius:16px;padding:14px 18px;box-shadow:0 10px 40px #091d443d}#music-dock[hidden]{display:none}#music-dock div{display:grid;gap:4px}#music-dock small{font-size:12px;color:#bfd6e1}#music-dock button{background:none;color:white;font-size:24px}#music-dock audio{width:100%;grid-column:1/-1;height:38px}.help{max-width:950px}.help h2{margin-top:25px}select{font-size:14px;padding:10px;border-radius:8px;border:1px solid #cddde6;background:white;color:#254757;max-width:100%}button,a,input,select{transition:background-color .15s,border-color .15s,box-shadow .15s}button:disabled{transform:none}.sidebar-note p{font-size:13px}.comic-portrait{border-radius:10px}.comic-episode{background:white;border:1px solid #d8e1e8;border-radius:15px;margin-bottom:14px}.mission-row .mission-thumb{background:#e0edf2}.reward-grid .reward-card{padding-bottom:20px}.impact-panel{background:linear-gradient(120deg,#164f47,#214657)}
@media(max-width:1200px){.layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:22px 12px}.content{padding:20px 20px 170px}.topbar{padding:13px 20px}.wallets{grid-template-columns:1fr 1fr}.travel-layout{grid-template-columns:1fr}.travel-map{max-height:none}.map-destinations{display:block}#music-dock{left:240px;width:calc(100vw - 565px)}.hero{height:200px}.province-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:60;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #142b3540}.sidebar.mobile-open{transform:translateX(0)}.menu-toggle{display:block;padding:8px 12px}.topbar{position:relative;padding:12px}.content{padding:20px 13px 170px}.wallets{grid-template-columns:1fr 1fr;gap:7px}.wallet,.empire-emblem{padding:8px}.wallet .hud-icon{width:38px;height:38px}.empire-emblem .hud-icon{width:38px;height:38px}.wallet .money{font-size:21px}.empire-progress-tab{padding:8px}.empire-progress-tab strong{font-size:13px}.empire-emblem strong{font-size:12px}.map-shortcut{display:none}.pageheading h1{font-size:28px}.global-search input{font-size:14px}.hint-dock{width:260px;right:12px;bottom:12px}.hint-dock.minimised{width:145px}.hero h2{font-size:30px}.hero{height:180px}.businesses,.lifestyle-grid,.reward-grid,.clothing-grid{gap:13px}.province-directory{grid-template-columns:1fr}.map-caption{display:grid}.ledger-row{grid-template-columns:1fr 85px;gap:10px;padding:12px}.ledger-row>span{display:none}.progress-categories{grid-template-columns:repeat(2,1fr)}#music-dock{left:12px;bottom:74px;width:calc(100vw - 24px);padding:12px}.context-links{gap:6px}.map-destinations{padding:16px}.completion-score strong{font-size:30px}.cloud-dialog{padding:24px}.cloud-dialog h1{font-size:30px}.account-card{padding:20px}.sidebar .nav{display:block;overflow:visible}.sidebar .brand,.sidebar .edition,.sidebar .sidebar-note,.sidebar .sidebar-foot{display:block}.sidebar .brand{display:flex}.nav-group button{display:flex}.sidebar .nav button{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep navigation visible across the inherited tablet breakpoints. */
.layout{display:grid}.breadcrumb{display:block;width:100%}.sidebar{position:sticky;top:0;height:100vh}.sidebar .nav{display:block;overflow:visible}.sidebar .edition,.sidebar .sidebar-note,.sidebar .sidebar-foot{display:block}.nav .mobile-close{display:none}.wallet{min-width:0}.hero{min-height:0}.mechanics-panel small,.upgrade-count{font-size:12px}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;height:100dvh;max-height:100dvh}.nav .mobile-close{display:block;width:100%;text-align:right;color:#e1edf1;background:#1f3c4b;margin-bottom:10px}.sidebar .nav{margin-top:0}.sidebar .edition{font-size:12px}.breadcrumb{display:block}}
/* Expedition interface: v10 */
.atlas{background:#edf0e9;isolation:isolate}.atlas>svg{display:block;width:100%;height:100%;overflow:hidden}.business-scene{height:195px}.festival-art{height:210px}.eyebrow{letter-spacing:.15em;font-size:10px;font-weight:800;color:#937134}.map-toolbar{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:20px 0}.map-toolbar label{display:grid;gap:7px;font-size:12px;font-weight:700}.map-toolbar .map-check{display:flex;align-items:center;margin-bottom:12px}.map-zoom{display:flex;align-items:center;gap:10px;margin-left:auto}.travel-map.detailed-map{position:relative;background:radial-gradient(ellipse at 30% 20%,#285b60,#102e3e 70%);border:1px solid #638282;box-shadow:0 15px 40px #112d3020;border-radius:20px;overflow:hidden}.detailed-map .country-outline{fill:#507968;stroke:#acbea0;stroke-width:2}.detailed-map .map-pin circle{fill:#1d3c44;stroke:#afc1c1;stroke-width:1.5}.detailed-map .map-pin.open circle{fill:#77c9aa;stroke:#e2fff1}.detailed-map .map-pin.chosen circle{fill:#e8b34f;stroke:#fff2c7}.detailed-map .map-pin .pin-hit{fill:transparent;stroke:none}.detailed-map .map-pin text{fill:#fff;pointer-events:none}.detailed-map .map-pin .city-label{fill:#fff;stroke:#163b40;stroke-width:3px;paint-order:stroke;font-weight:700}.map-pin:focus{outline:none}.map-pin:focus circle:not(.pin-hit){stroke:#fff;stroke-width:4}.map-compass{position:absolute;right:22px;top:20px;color:#d9e9e4;font-size:14px;font-weight:800}.map-caption{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;color:#f1f6ec;font-size:12px;background:#102b36a8}.map-credit{padding:0 20px 14px;color:#b9c9c9;font-size:10px}.map-tooltip{position:absolute;z-index:10;width:260px;max-width:calc(100% - 20px);padding:17px;border-radius:13px;background:#fdfcf5;color:#173c3c;border:1px solid #d5bb75;box-shadow:0 12px 36px #0005;pointer-events:none;box-sizing:border-box}.map-tooltip[hidden]{display:none}.map-tooltip>strong{display:block;font-size:19px}.map-tooltip>span,.map-tooltip small{font-size:11px;color:#677774}.map-tooltip dl{font-size:12px}.map-tooltip dl div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #dfe5da}.map-tooltip dd{margin:0;font-weight:700}.map-tooltip p{font-size:12px;line-height:1.5}.city-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.city-statline>div{background:#eef3eb;border-radius:10px;padding:12px}.city-statline strong,.city-statline small{display:block}.city-statline small{font-size:10px;margin-top:5px}.map-activities{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.province-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.province-directory details{padding:15px;background:#fff;border:1px solid #dce3d9;border-radius:12px}.province-directory summary{cursor:pointer;font-size:12px;font-weight:700}.province-directory button{margin-top:10px}.sidebar{background:linear-gradient(170deg,#142f32,#102227);color:#dbe9e0;border-right:1px solid #305052}.sidebar .brand,.sidebar .brand b,.sidebar .nav button,.sidebar .sidebar-note strong{color:#e4ece3}.sidebar .edition,.sidebar .sidebar-foot{color:#9eaea5}.sidebar .nav button.active{background:#d7b675;color:#193837;box-shadow:inset 3px 0 #fae1a5}.sidebar .nav button:hover{background:#32514e;color:white}.sidebar .sidebar-note{background:#203d3c;border:1px solid #45635b;color:#becfc3}.sidebar .nav-group-title{color:#b4c3b8}.main{background:radial-gradient(circle at 95% 0,#e6e8d8,transparent 45%),#f3f3ed}.topbar{background:#fafbf5f5;border-bottom:1px solid #dadfcf}.wallet,.empire-progress-tab{box-shadow:0 3px 12px #263e3210}.business-card,.life-card,.reward-card{border-radius:16px;box-shadow:0 5px 18px #173d3210;overflow:hidden}.primary{background:linear-gradient(145deg,#235c4f,#123e36);box-shadow:0 3px 7px #163d3520}.primary:disabled{box-shadow:none}.command-brief{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fffdf5;border:1px solid #e2dcc4;border-left:4px solid #c29b51;border-radius:12px;padding:12px 16px;margin:0 0 20px}.command-brief>div{margin-right:auto}.command-brief strong{font-size:13px}.command-brief p{font-size:11px;color:#697773;margin:4px 0 0}.command-brief button{font-size:11px;padding:9px 12px}.nav button:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c99436;outline-offset:3px}
@media(max-width:900px){.province-directory{grid-template-columns:repeat(2,1fr)}.map-zoom{margin-left:0}.business-scene{height:180px}}@media(max-width:600px){.province-directory{grid-template-columns:1fr}.map-caption{flex-direction:column}.map-toolbar{gap:12px}.map-toolbar>label:first-child{width:100%}.map-toolbar select{width:100%}.command-brief{gap:8px}.command-brief>div{width:100%}.festival-art{height:185px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.business{border-radius:16px;box-shadow:0 5px 18px #173d3210;overflow:hidden}.sidebar .nav-group summary{color:#aec4b8}.sidebar .nav-group[open]>summary{color:#e7c991}.card-art{object-fit:cover}.map-pin .pin-hit{pointer-events:all}
/* City opportunities */
.op-ranks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.op-rank{text-align:left;border:1px solid #cdd9ce;background:#fff;border-radius:12px;padding:15px;color:#21483f}.op-rank.selected{border-color:#ae8035;background:#fff7df}.op-rank strong,.op-rank span,.op-rank small{display:block;margin-bottom:8px}.op-rank strong{font-size:14px}.op-rank span,.op-rank small{font-size:12px}.op-rank .progress{margin:10px 0}.op-list{display:grid;gap:12px}.op-row{display:grid;grid-template-columns:160px minmax(0,1fr) 150px;gap:20px;padding:16px;background:white;border:1px solid #d8e1d6;border-radius:14px;align-items:center}.op-image{height:150px;border-radius:10px;overflow:hidden}.op-image .atlas{height:100%;width:100%}.op-row h3{margin:7px 0;font-size:19px}.op-row p{font-size:14px;line-height:1.6;margin:7px 0}.op-row small{font-size:12px;line-height:1.6}.op-choice{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:14px}.op-choice select{max-width:280px;min-width:0;width:100%}.op-requirement{color:#6b6246}.op-action{display:grid;gap:12px;text-align:center}.op-action button{min-height:44px}.op-journal{background:#fff;border:1px solid #d8e1d6;border-radius:12px;padding:12px}.op-journal>div{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;border-bottom:1px solid #e4e9df;padding:12px;font-size:14px}.op-journal span{color:#65776d}.opportunities .activity-panel{margin-bottom:12px}@media(max-width:1100px){.op-ranks{grid-template-columns:repeat(3,1fr)}.op-row{grid-template-columns:120px minmax(0,1fr)}.op-action{grid-column:2;display:flex;align-items:center}.op-journal>div{grid-template-columns:1fr}}@media(max-width:600px){.op-ranks{grid-template-columns:repeat(2,1fr)}.op-row{grid-template-columns:1fr;gap:12px}.op-image{height:160px}.op-action{grid-column:1}.op-choice{flex-wrap:wrap}.op-choice select{max-width:100%}}

.activity-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:12px;background:#163c38;border-radius:12px}.activity-shortcuts button{background:#244e46;border:1px solid #5c7b68;border-radius:8px;color:#f5f8ef;padding:10px 14px;font-size:14px;min-height:44px}.activity-shortcuts button.selected{background:#e2c07e;color:#173c38;border-color:#e2c07e}.activity-shortcuts button:hover{background:#386459;color:#fff}.sidebar .nav{overflow-y:auto;min-height:0}@media(max-width:600px){.activity-shortcuts{gap:6px;padding:10px}.activity-shortcuts button{flex:1 1 130px}}

#cloud-gate.cloud-resuming{inset:auto 20px 20px auto;background:#173e36;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 6px 24px #0003;font-size:14px;pointer-events:none;max-width:calc(100vw - 40px)}
/* Living world: midnight teal, warm brass, tactile scene controls. */
.world-panel{margin:18px 0 26px;border-radius:18px;overflow:hidden;background:#163d3c;border:1px solid #5c7664;box-shadow:0 14px 34px #152d2920}.world-top{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(110deg,#173937,#28564c);color:#faf1d9}.world-top h2{font-size:20px;margin:5px 0 0;color:#faf1d9}.world-top .eyebrow{color:#deba78;font-size:12px}.world-tools{display:flex;gap:8px}.world-panel button{border:1px solid #739081;border-radius:8px;background:#2b534a;color:#faf1da;min-height:38px;padding:8px 12px;font-size:13px;cursor:pointer}.world-panel button:hover{background:#437160}.world-viewport{position:relative;height:290px;overflow:hidden;background:#6d9392}.world-full .world-viewport{height:530px}.world-expanded .world-viewport{height:620px;max-height:75vh}#living-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}#living-canvas:focus-visible{outline:3px solid #f1c87d}.world-hud{position:absolute;bottom:12px;left:14px;right:14px;display:flex;gap:12px;justify-content:space-between;pointer-events:none}.world-hud span{padding:5px 9px;border-radius:5px;background:#173934c9;color:#f1ead8;font-size:12px}#world-object-tip{position:absolute;left:50%;top:10px;transform:translateX(-50%);max-width:90%;padding:9px 14px;background:#fcf4df;color:#22443e;border-radius:8px;box-shadow:0 4px 12px #0002;font-size:13px;pointer-events:none}.world-controls{padding:12px 16px;display:flex;align-items:end;gap:9px;flex-wrap:wrap;border-bottom:1px solid #476557}.world-controls label{display:grid;gap:4px;color:#b8cfc0;font-size:12px}.world-controls select{background:#f5efdf;color:#23443c;padding:7px 10px;min-height:37px;border-radius:7px}.world-destinations{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px}.world-destinations button{font-size:12px;background:transparent;border-color:#577565}.model-inspect{margin:0 0 12px}.scene-fallback{padding:20px;color:white}.business,.life,.reward-card,.op-row{transition:transform .2s,box-shadow .2s}.business:hover,.life:hover,.op-row:hover{transform:translateY(-3px);box-shadow:0 13px 24px #173d321c}.atlas>svg{transition:filter .25s}.business:hover .atlas>svg,.life:hover .atlas>svg{filter:saturate(1.08)}.progress i{transition:width .45s ease}.primary:active,.secondary:active{transform:translateY(1px)}.pageheading h1{letter-spacing:-.035em}.world-full+.collection-info{border-left:3px solid #d1aa64}.content{animation:scene-enter .3s ease-out}@keyframes scene-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.world-full .world-viewport{height:400px}.world-viewport{height:260px}.world-top{padding:12px;align-items:start}.world-top h2{font-size:18px}.world-tools{flex-direction:column}.world-hud span:last-child{display:none}.world-controls{gap:6px;padding:10px}.world-destinations{max-height:140px;overflow:auto}.world-expanded .world-viewport{height:480px}}@media(prefers-reduced-motion:reduce){.content{animation:none}.business,.life,.op-row,.atlas>svg,.progress i{transition:none}.business:hover,.life:hover,.op-row:hover{transform:none}}
.world-location{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;margin:12px 0}.world-location select{max-width:100%;flex:1;padding:10px;border:1px solid #b7c9b7;border-radius:8px}@media(max-width:600px){.world-location{display:grid;gap:8px}}
/* Clear choices, one next step and a visible route home. */
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.play-choice{display:flex;flex-direction:column;align-items:start;text-align:left;min-height:190px;overflow:hidden;border:1px solid #c4d4c7;border-radius:18px;background:#fff;color:#193f39;box-shadow:0 5px 16px #153d3210;cursor:pointer;padding:24px;gap:10px;transition:transform .18s,box-shadow .18s}.play-choice:hover{transform:translateY(-4px);box-shadow:0 14px 28px #173d3222}.play-choice strong{font-size:22px;line-height:1.3}.play-choice>span,.hub-choice-copy>span{font-size:16px;line-height:1.5;color:#586e64}.play-choice b{font-size:15px;color:#326658;margin-top:auto}.play-symbol{font-size:36px!important;line-height:1}.picture-choice{padding:0;gap:0}.hub-picture{height:150px;width:100%;background:#e2e8dd}.hub-choice-copy{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.next-adventure{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(120deg,#1b4940,#2b6251);color:#fbf2d8;border-radius:18px;box-shadow:0 12px 24px #193d321c}.next-adventure h2{color:#fff3d5;margin:6px 0;font-size:25px}.next-adventure p{margin:0;font-size:16px;line-height:1.6;color:#d3e3d2}.next-adventure .eyebrow{color:#dfc284}.next-adventure .primary{flex-shrink:0;margin-left:auto;background:#efd198;color:#244139;min-height:50px;font-size:16px}.step-medal{width:60px;height:60px;flex-shrink:0;display:grid;place-items:center;border:2px solid #e4c289;border-radius:50%;font-size:28px;color:#efd198}.simple-nav-item{display:flex;width:100%;gap:12px;padding:13px 10px!important;font-size:16px!important;align-items:center}.simple-nav-item>span{font-size:22px}.nav-mode{margin:20px 0;width:100%;font-size:14px!important}.hub-task-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hub-task-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:14px;background:#fff;border:1px solid #cedbcc;border-radius:12px;padding:16px;color:#285143}.hub-task-list strong,.hub-task-list span{display:block;font-size:14px}.hub-task-list strong{margin-bottom:6px}.hub-active{margin-top:28px}.main .subtitle{font-size:16px;line-height:1.55}.filter{min-height:42px}.primary,.secondary{min-height:42px}@media(max-width:1100px){.play-grid{grid-template-columns:repeat(2,1fr)}.next-adventure{flex-wrap:wrap}.next-adventure .primary{margin-left:80px}}@media(max-width:600px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-choice{padding:15px;min-height:170px}.picture-choice{padding:0}.hub-picture{height:100px}.hub-choice-copy{padding:13px}.play-choice strong{font-size:18px}.hub-choice-copy>span,.play-choice>span{font-size:14px}.next-adventure{padding:18px;gap:12px}.next-adventure .primary{margin:0;width:100%}.step-medal{width:42px;height:42px}.next-adventure>div:nth-child(2){flex:1;min-width:180px}.hub-task-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.play-choice{transition:none}.play-choice:hover{transform:none}}
.world-panel button,.world-controls select{min-height:44px}.world-tools button{font-size:14px}.simple-nav-item.active{background:#e2c184!important;color:#163b35!important}.play-choice:focus-visible{outline:4px solid #b7791f;outline-offset:3px}
.full-guide{margin:22px 0;padding:20px;background:#fff;border:1px solid #cddacc;border-radius:14px}.full-guide>summary{font-size:18px;font-weight:700;cursor:pointer}.full-guide[open]>summary{margin-bottom:22px}
/* Daily life: warm, spacious cards with quiet motion and legible milestones. */
.life-mood{display:flex;align-items:center;gap:28px;justify-content:space-between;background:linear-gradient(120deg,#173f39,#356959);color:#fff;padding:30px;border-radius:22px;margin:20px 0}.life-mood h2{font-size:30px;margin:8px 0}.life-mood p{max-width:650px;color:#e0ebe3}.life-mood .eyebrow{color:#ecd69f}.bond-orb{flex-shrink:0;width:145px;height:145px;border-radius:50%;border:1px solid #c7d5ab;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;box-shadow:0 0 0 10px #ffffff06}.bond-orb strong{font-size:35px}.bond-orb span{font-size:12px}.wellbeing-grid,.routine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.wellbeing-grid>div,.routine-card{background:#fffdf7;border:1px solid #dedfce;border-radius:18px;padding:20px}.wellbeing-grid strong{text-transform:capitalize;display:block}.wellbeing-grid span{font-size:13px;color:#68776c}.wellbeing-grid meter{display:block;width:100%;height:18px;margin-top:12px;accent-color:#478b68}.routine-card{display:flex;flex-direction:column}.routine-card p{flex:1;color:#64756d}.routine-card small{min-height:42px;display:block}.routine-icon{font-size:40px;display:block;animation:life-breathe 5s ease-in-out infinite}.routine-card:nth-child(2) .routine-icon{animation-delay:-2s}.aspiration-panel{background:#fff;border:1px solid #d9dfd5;border-radius:22px;padding:28px;margin-top:28px}.aspiration-list{padding:0;list-style:none}.aspiration-list li{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e6e9df}.aspiration-list li>div{flex:1}.aspiration-list p{font-size:13px;color:#69796c;margin:8px 0}.aspiration-list progress{width:100%;height:8px;accent-color:#3c8063}.milestone-number{display:grid;place-items:center;background:#e6eddd;border-radius:50%;width:42px;height:42px;font-weight:800}.earned-perk{padding:18px;background:#f3ecd9;border-radius:12px}.earned-perk.unlocked{background:#dfeddf;color:#19553d}@keyframes life-breathe{50%{transform:translateY(-5px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.routine-icon{animation:none}}@media(max-width:850px){.wellbeing-grid,.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-mood{padding:20px}.bond-orb{width:110px;height:110px}}@media(max-width:500px){.life-mood{flex-direction:column;align-items:flex-start}.aspiration-list li{flex-wrap:wrap;gap:10px}.aspiration-list li>div{min-width:70%}.aspiration-panel{padding:18px}.routine-grid{grid-template-columns:1fr}}
.furn-tabs,.home-picker,.designer-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.designer-toolbar{justify-content:space-between}.designer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.designer-workspace .world-panel{margin:0}.designer-workspace .world-viewport{height:380px;min-height:260px}.furn-palette{background:#fff;padding:20px;border:1px solid #dce3d8;border-radius:16px;align-self:start}.furn-palette p{font-size:14px}.room-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;background:#a28b70;padding:8px;border-radius:12px}.room-cell{aspect-ratio:1;border:1px solid #aa9278;background:#dec9a8;border-radius:4px;font-size:clamp(16px,2vw,26px);min-width:0;padding:0;cursor:pointer}.room-cell span{opacity:.25}.room-grid.outdoor{background:#597554}.room-grid.outdoor .room-cell{background:#b2c598;border-color:#89a479}.room-cell.can-place{background:#c4e5cc!important;box-shadow:inset 0 0 0 2px #3a8c65}.room-cell.moving{outline:3px solid #dba349}.room-cell:focus-visible{outline:3px solid #176a78;outline-offset:1px}.placement-instruction{padding:14px 0;margin:0}.furniture-owned{display:flex;gap:6px;padding:10px 0;border-bottom:1px solid #e3e8de;align-items:center}.furniture-owned>button:first-child{display:flex;gap:12px;text-align:left;align-items:center;flex:1;border:0;background:none;color:inherit;cursor:pointer;padding:8px}.furniture-owned>button>span{font-size:28px}.furniture-owned small{display:block;color:#627369;font-size:14px;margin-top:5px}.furniture-owned.selected{background:#eaf1e5}.furn-benefits{background:#173f39;color:#fff;border-radius:18px;padding:24px;margin:26px 0}.furn-benefits>div{display:flex;gap:25px;flex-wrap:wrap}.furn-benefits p{color:#d0e1d6;font-size:14px;line-height:1.7}.store-fronts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store-front{padding:24px;text-align:left;border:2px solid #dbe1d6;border-radius:18px;background:#fff;color:#173f39;cursor:pointer}.store-front.selected{border-color:#2d7568;box-shadow:0 4px 0 #2d7568}.store-front>span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:#8a6747}.store-front strong{font-size:23px;display:block;margin-top:10px}.store-front p{line-height:1.6;font-size:15px}.store-front b{font-size:14px}.furniture-store-heading{margin:30px 0 16px}.furniture-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.furniture-product{border:1px solid #dce1d7;border-radius:18px;overflow:hidden;background:#fff}.furniture-product canvas{display:block;width:100%;height:220px;background:#e5ddc9}.furniture-product>div{padding:20px}.furniture-product small{display:block;margin:12px 0;font-size:14px;color:#697a6c}.furniture-product p{min-height:45px}.furn-palette>.primary{margin-top:20px}@media(max-width:1150px){.designer-workspace{grid-template-columns:1fr}.furn-palette{max-height:360px;overflow:auto}.furniture-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.store-fronts,.furniture-catalogue{grid-template-columns:1fr}.designer-workspace .world-viewport{height:290px}.store-front{padding:18px}.room-grid{padding:4px;gap:2px}}
.room-finishes{background:#f3f4ed;border:1px solid #dbe1d6;border-radius:12px;padding:14px;margin-bottom:14px}.room-finishes summary{cursor:pointer;font-weight:650}.room-finishes .filter-row{margin-top:14px}.finish-dot{display:inline-block;width:19px;height:19px;border:1px solid #0002;border-radius:50%;vertical-align:middle;margin-right:7px}.furniture-swatches{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.furniture-swatches button{font-size:14px;min-height:40px}
.gym-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#163c42;color:#fff;border-radius:18px;padding:24px;margin:20px 0}.gym-benefits strong{display:block;font-size:30px;color:#eecb86}.gym-benefits span{font-size:14px;display:block;margin-top:6px}.gym-active{background:#dbeee5;border:1px solid #90b8a5;padding:24px;border-radius:18px;margin:18px 0}.gym-active progress{display:block;width:100%;height:22px;accent-color:#287666;margin:16px 0}.gym-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.gym-skills article{padding:20px;background:#fff;border:1px solid #d6dfd3;border-radius:14px}.gym-skills strong,.gym-skills small{display:block;margin-top:8px}@media(max-width:600px){.gym-benefits{grid-template-columns:1fr;gap:20px}.gym-skills{grid-template-columns:repeat(2,1fr)}}
/* Picture-led scenes: preserve proportions and keep actions outside the photograph. */
.still-scene{position:relative;margin:20px 0 28px;border-radius:22px;overflow:hidden;background:#153f38;color:#fff;box-shadow:0 12px 35px #173c3420;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}
.still-picture{min-width:0;height:300px;overflow:hidden}.still-picture .atlas,.still-picture .card-art{width:100%;height:100%;margin:0;border-radius:0}.still-picture svg{width:100%;height:100%}
.still-caption{padding:30px;align-self:center}.still-caption .eyebrow{color:#efcb8a}.still-caption h2{color:#fff;font-size:clamp(23px,3vw,34px);line-height:1.15;margin:12px 0}.still-caption p{color:#e1eee8;line-height:1.6}.still-caption small{display:block;color:#bfd3cb;line-height:1.5}
.still-destinations{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;padding:16px 22px;background:#f1f4ee}.still-destinations button{min-height:44px}.op-ranks{display:flex;overflow-x:auto;padding-bottom:10px;gap:10px}.op-rank{min-width:170px;flex:0 0 170px}.op-image .atlas{height:100%;min-height:120px}
@media(max-width:650px){.still-scene{grid-template-columns:1fr}.still-picture{height:220px}.still-caption{padding:22px}.still-destinations{padding:14px}.still-destinations button{flex:1 1 145px}}
.weather-clock{width:100%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#123d36;color:#fff;border-radius:12px}.weather-clock small{color:#c3d6d0;margin-left:8px}.topbar{flex-wrap:wrap}.weather-clock{order:1}.topbar .breadcrumb{order:0;width:100%}.topbar .wallets{order:2;width:100%}.task-strip{margin:0 0 16px}.task-strip button{width:100%;text-align:left;min-height:48px}.task-planner{padding:24px;background:#edf5f1;border-radius:18px}.task-planner li{margin:14px 0}.furniture-photo{width:100%;height:230px!important}.furniture-owned>button:first-child{display:grid;grid-template-columns:100px 1fr;gap:12px;text-align:left}.furniture-owned .furniture-photo{height:100px!important;width:100px}.room-photo{width:100%;height:360px!important;border-radius:18px;overflow:hidden}.room-closeup p{font-size:14px;line-height:1.5}.storage-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:18px 0}.furn-palette{display:none}.designer-workspace{grid-template-columns:1fr!important}.furniture-owned.selected{outline:3px solid #cc9b42}.furniture-owned button{min-height:48px}.player-ribbon{display:flex;align-items:center;gap:16px;padding:14px;background:#eef4f0;border-radius:16px;margin:18px 0}.player-ribbon .portrait{width:70px;height:70px;border-radius:50%;overflow:hidden}.player-ribbon div>span{display:block}.player-ribbon button{margin-left:auto}.idle-results>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ccd6cf}#idle-dialog{max-width:580px;padding:28px;border:0;border-radius:20px}#idle-dialog::backdrop{background:#071e22aa}.undiscovered .card-art{filter:grayscale(1);opacity:.65}.reward-card progress{width:100%;accent-color:#1a6c56}@media(max-width:650px){.room-photo{height:250px!important}.weather-clock{font-size:14px}.player-ribbon{flex-wrap:wrap}.task-planner{padding:16px}}
.ambient-player{padding:14px 18px;background:#e8efeb;border-radius:14px;margin:12px 0 22px}.ambient-player label{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ambient-player audio{max-width:100%}.ambient-player small{display:block;margin-top:6px;color:#465e56}
/* v21: a room, not a floor-plan grid */
.room-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.room-main{min-width:0}.actual-room{position:relative;aspect-ratio:4/3;isolation:isolate;border-radius:22px;overflow:hidden;background:#d7d5cd;box-shadow:0 12px 30px #123d3618}.room-backdrop{position:absolute;inset:0;background-image:url('assets/room-backgrounds-v21.png');background-size:200% 100%;background-position:left center;z-index:0}.actual-room.outdoor .room-backdrop{background-position:right center}.room-caption{position:absolute;left:18px;top:18px;z-index:70;padding:8px 12px;background:#fffffff0;border-radius:30px;color:#133d36;font-size:14px;font-weight:600}.furn-cutout{display:block;width:100%;aspect-ratio:1;background-image:url('assets/furniture-cutouts-v21.png');background-size:600% 600%;background-position:var(--sx) var(--sy);background-repeat:no-repeat}.placed-furniture{position:absolute;transform:translateX(-50%);padding:0!important;border:0!important;background:transparent!important;cursor:pointer;aspect-ratio:1;min-width:0;min-height:0;border-radius:12px}.placed-furniture .furn-cutout{filter:drop-shadow(0 9px 6px #30261b44)}.placed-furniture:hover,.placed-furniture:focus-visible,.placed-furniture.is-selected{outline:3px solid #ffe19b;outline-offset:3px}.placed-furniture .turned{transform:scaleX(-1)}.furniture-hover-name{display:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,80%);background:#123d36;color:#fff;padding:7px 10px;border-radius:8px;width:max-content;max-width:190px;font-size:14px;z-index:90}.placed-furniture:hover .furniture-hover-name,.placed-furniture:focus-visible .furniture-hover-name{display:block}.placement-point{position:absolute;transform:translate(-50%,50%);width:32px;height:32px;min-height:32px;padding:0;border:2px solid #fff;border-radius:50%;background:#155f51d9;color:#fff;box-shadow:0 0 0 5px #ffffff30;z-index:80;cursor:pointer;font-size:22px;line-height:1}.placement-point:hover,.placement-point:focus-visible{background:#ffc963;color:#123d36;transform:translate(-50%,50%) scale(1.2)}.room-empty{position:absolute;left:15%;right:15%;top:48%;text-align:center;background:#ffffffdb;border-radius:16px;padding:20px;z-index:1}.room-empty strong,.room-empty span{display:block;margin:5px}.room-help{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0;padding:18px;background:#e9f2ef;border-radius:14px;font-size:14px}.room-help strong{color:#14574a}.room-selection{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;margin-top:16px;padding:18px;border:1px solid #c5d9d1;border-radius:16px;background:#fff}.room-selection strong{font-size:18px}.room-selection small{display:block;margin-top:6px;color:#5b706a}.room-selection p{font-size:14px}.room-nudge{display:flex;gap:8px;align-items:center;margin-top:12px}.room-nudge button{min-width:44px}.room-note{font-size:14px;line-height:1.5;color:#60746d}.room-tray{background:#fff;border:1px solid #d5e2dc;border-radius:20px;padding:16px;position:sticky;top:16px}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tray-heading h2{font-size:21px;margin:4px 0 15px}.room-tray .filter-row{gap:6px}.room-tray .filter{padding:8px;font-size:14px}.room-tray-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:620px;overflow:auto;padding:5px;margin:12px -5px 0}.tray-item{border:1px solid #dde5df;border-radius:12px;background:#f5f7f3;padding:8px;text-align:left;color:#123d36;cursor:pointer;display:flex;flex-direction:column;min-width:0;gap:7px}.tray-item:hover,.tray-item.selected{border-color:#176550;box-shadow:0 0 0 2px #176550}.tray-item strong,.tray-item small,.tray-item>span:last-child{font-size:14px;line-height:1.4}.tray-item small{color:#557068}.tray-item>span:last-child{font-weight:600;margin-top:auto}.tray-empty{grid-column:1/-1;font-size:15px;line-height:1.6}.tray-empty button{margin:4px}.room-editor button:focus-visible{outline:3px solid #c08c2b;outline-offset:3px}.furn-benefits summary{cursor:pointer;margin-top:18px;font-size:14px}.furn-tabs{flex-wrap:wrap}.room-editor .designer-toolbar{flex-wrap:wrap;gap:10px}.room-editor .filter-row{flex-wrap:wrap}.furn-cutout{pointer-events:none}@media(max-width:1050px){.room-editor{grid-template-columns:1fr}.room-tray{position:static}.room-tray-items{grid-template-columns:repeat(4,minmax(0,1fr));max-height:360px}}@media(max-width:600px){.room-tray-items{grid-template-columns:repeat(2,minmax(0,1fr))}.room-selection{grid-template-columns:64px minmax(0,1fr);padding:12px;gap:10px}.room-selection .filter-row button{flex:1 1 95px}.actual-room{border-radius:14px}.room-caption{top:8px;left:8px;font-size:14px}.placement-point{width:24px;height:24px;min-height:24px;font-size:18px}.room-empty{left:7%;right:7%;padding:12px}.room-help{display:block}.room-help span{display:block;margin-top:10px}}
/* v22: grouped navigation, journals and a readable activity workspace */
.nav-group summary{display:flex;align-items:center;gap:10px;padding:15px 10px;font-size:16px;font-weight:700;cursor:pointer;color:#173f39}.nav-group summary svg{width:20px;height:20px}.nav-group>button{padding-left:34px!important;font-size:15px!important;min-height:44px}.nav-group[open]{border-radius:12px;background:#edf4ef;margin:6px 0}.location-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;margin-bottom:16px;border:1px solid #cadbd4;background:#f0f6f3;border-radius:16px}.location-strip>div{flex:1;min-width:190px}.location-strip small,.location-strip strong,.location-strip span{display:block}.location-strip small{font-size:12px;letter-spacing:.1em;color:#55776a}.location-strip strong{font-size:18px;margin:5px 0}.location-strip span{font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-grid section{background:#fff;border:1px solid #d4e1da;border-radius:20px;padding:18px}.category-grid h2{display:flex;align-items:center;gap:10px;font-size:21px;margin:6px 0 16px}.category-grid h2 svg{width:22px;height:22px}.category-grid button{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:0;border-bottom:1px solid #e7eeea;background:none;color:#193e37;padding:13px 3px;cursor:pointer;font-size:16px}.category-grid button:hover{background:#e6f3ed}.needs-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.needs-strip button{padding:14px;background:#fff;border:1px solid #d7e1dc;border-radius:12px;color:#193e37;text-align:left}.needs-strip span{text-transform:capitalize}.needs-strip progress{display:block;width:100%;margin:9px 0;accent-color:#22755c}.needs-strip strong{font-size:14px}.collection-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.collection-rewards>div{padding:18px;border-radius:14px;background:#143e37;color:white}.collection-rewards strong,.collection-rewards small{display:block;margin-bottom:10px}.collection-rewards button{width:100%}.journal-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.journal-card{border:1px solid #d7e0d9;border-radius:18px;overflow:hidden;background:#fff}.journal-card>div:last-child{padding:16px}.journal-card .card-art{height:180px!important;background-repeat:no-repeat}.journal-card.missing .card-art{filter:grayscale(.9);opacity:.7}.journal-card h3{font-size:19px;margin:14px 0 8px}.journal-card p,.journal-card small{font-size:14px;line-height:1.6}.journal-card small{display:block;color:#526b63}.research-list{display:grid;gap:14px}.research-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;background:#fff;border:1px solid #d7e3dc;border-radius:16px}.research-list h3{margin:7px 0}.research-list p{line-height:1.5}.research-list small{color:#467567;text-transform:uppercase;letter-spacing:.08em}.research-list button{flex-shrink:0}.portrait-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.portrait-picker button{border:2px solid transparent;padding:0;border-radius:15px;overflow:hidden;background:#eaf2ed;cursor:pointer}.portrait-picker button.selected{border-color:#bd8e3d;box-shadow:0 0 0 3px #e9cd91}.portrait-picker .card-art{height:130px!important}.character-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.character-details label{text-transform:capitalize}.character-details select{width:100%}.filter-row small{display:block;margin-top:6px}.explore-scene{height:240px;border-radius:20px;overflow:hidden;margin-bottom:20px}.explore-scene .atlas{height:100%!important}.travel-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.travel-directory small{display:block;margin-top:5px}.catch-ledger p{display:flex;justify-content:space-between;gap:15px;padding:12px;border-bottom:1px solid #d8e4dc}.tackle-panel{padding:16px;border:1px solid #cdded5;border-radius:15px;margin:20px 0}.tackle-panel summary{cursor:pointer;font-weight:700}.activity-panel progress{width:100%;accent-color:#27775e}.furniture-drag-ghost{position:fixed;pointer-events:none;z-index:10000;width:140px;height:140px;transform:translate(-50%,-70%);background:transparent;border:0;opacity:.8;box-shadow:none}.furniture-drag-ghost>*:not(.furn-cutout){display:none}.placed-furniture,.tray-item{touch-action:none;cursor:grab}.placed-furniture:active,.tray-item:active{cursor:grabbing}.placed-furniture[data-finish=ocean] .furn-cutout{filter:sepia(1) saturate(1.5) hue-rotate(150deg) drop-shadow(0 9px 6px #30261b44)}.placed-furniture[data-finish=forest] .furn-cutout{filter:sepia(1) saturate(1.1) hue-rotate(65deg) drop-shadow(0 9px 6px #30261b44)}.placed-furniture[data-finish=sand] .furn-cutout{filter:sepia(.6) saturate(.55) brightness(1.1) drop-shadow(0 9px 6px #30261b44)}.placed-furniture[data-finish=plum] .furn-cutout{filter:sepia(1) saturate(1.1) hue-rotate(255deg) drop-shadow(0 9px 6px #30261b44)}.placed-furniture[data-finish=charcoal] .furn-cutout{filter:grayscale(1) brightness(.6) drop-shadow(0 9px 6px #30261b44)}#ambient-dock{position:fixed;bottom:12px;left:12px;z-index:95;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:270px;background:#123d36;color:#fff;padding:12px;border-radius:15px;box-shadow:0 5px 20px #001a2340}#ambient-dock button{background:#fff;color:#123d36;border:0;border-radius:8px;padding:9px;cursor:pointer;font-size:14px}#ambient-dock label{font-size:14px;display:flex;align-items:center;gap:7px}#ambient-dock input{width:90px}#ambient-dock small{font-size:12px;color:#cfe3d9}.sidebar-foot{padding-bottom:150px}.main{padding-bottom:100px}@media(max-width:1100px){.journal-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-picker{grid-template-columns:repeat(4,1fr)}.travel-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.journal-grid,.category-grid,.collection-rewards{grid-template-columns:1fr}.needs-strip,.character-details{grid-template-columns:repeat(2,1fr)}.research-list article{align-items:stretch;flex-direction:column}.location-strip{padding:12px}.location-strip button{flex:1}.portrait-picker .card-art{height:100px!important}#ambient-dock{position:relative;left:auto;bottom:auto;max-width:none;margin:15px}.journal-card .card-art{height:220px!important}.travel-directory{grid-template-columns:1fr}.room-note{font-size:14px}}
.settings-panel{padding:24px;border:1px solid #d2e0d9;border-radius:18px;background:#fff;max-width:760px;margin:20px 0}.settings-panel h2{margin-top:0}.settings-panel label{display:flex;align-items:center;gap:18px;margin:22px 0}.settings-panel input[type=range]{width:min(300px,55%);accent-color:#19674f}.settings-panel small{display:block;line-height:1.6;color:#537269}.settings-panel p{line-height:1.7}.sidebar-foot{padding-bottom:24px}#ambient-dock{display:none!important}.card-art img,.business-img img{object-fit:cover}.atlas{overflow:hidden}.atlas svg{display:block;width:100%;height:100%}
/* v24: warm arcade-comic surfaces, readable categories and a persistent activity HUD. */
:root{--ink:#30234e;--muted:#625b77;--cream:#f5f2ff;--gold:#ffc857;--green:#6650b8;--line:#d8cfed;--paper:#fff}body{background:#f2f0ff;color:#30234e;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-size:16px}h1,h2,h3{color:#30234e;letter-spacing:-.025em}h1{font-weight:900}p,small{line-height:1.6}.subtitle{color:#625b77}.sidebar{background:linear-gradient(155deg,#30234e,#443181);border-right:3px solid #251a40}.sidebar .brand,.sidebar .logo,.sidebar-foot{color:#fff}.sidebar .nav-group{background:transparent;border:0;margin:6px 0}.sidebar .nav-group[open]{background:#251b48;border:1px solid #8e7dcc}.sidebar .nav-group>summary{color:#efe9ff!important;font-size:16px;padding:15px 12px;min-height:48px}.sidebar .nav-group[open]>summary{color:#ffdb79!important;background:#483477;border-bottom:1px solid #8e7dcc;border-radius:10px 10px 0 0}.sidebar .nav-group>button{color:#fff!important;background:transparent;opacity:1!important;text-align:left;line-height:1.45;padding:12px 18px!important;margin:3px 6px;width:calc(100% - 12px);border-radius:9px}.sidebar .nav-group>button:hover{background:#5a448c;color:white!important}.sidebar .nav-group>button.active,.sidebar .nav-map.active{color:#30234e!important;background:#ffdb79!important;box-shadow:inset 4px 0 #f29838}.sidebar-foot{background:#3e3064;border-color:#9985c3}.sidebar .nav{scrollbar-color:#c1afe9 #30234e;scrollbar-width:thin}.sidebar .nav-map{color:white;background:#49356e}.sidebar .nav-group>button:focus-visible,.sidebar summary:focus-visible{outline:3px solid #ffda75;outline-offset:-3px}.topbar{position:relative!important;top:auto;background:#f6f2ff;border-bottom:2px solid #d9cdec}.wallet,.empire-progress-tab{border:2px solid #d7cbed;border-radius:18px;box-shadow:3px 4px 0 #ded4ef}.weather-clock{background:#483477;border:2px solid #30234e}.weather-clock small{color:#eee3ff}.primary{background:#694ac0;color:#fff;border:2px solid #473078;border-radius:12px;box-shadow:0 3px 0 #37255f;font-weight:750;min-height:44px}.primary:hover{background:#7857ce;transform:translateY(-1px)}.secondary,.filter{color:#352650;background:#fff;border:2px solid #cbc0e3;border-radius:12px;min-height:44px}.secondary:hover,.filter:hover{background:#eee5ff;border-color:#8968c6}.filter.selected,.secondary.selected{color:#30234e;background:#ffdb79;border-color:#b18536}.primary:disabled,.secondary:disabled{opacity:1;background:#e9e4f1;color:#777087;border-color:#d4cddd;box-shadow:none;transform:none}.business,.reward-card,.routine-card,.category-grid section,.journal-card,.collection-info,.settings-panel,.research-list article{border:2px solid #d8cfed;border-radius:20px;background:#fff;box-shadow:3px 5px 0 #e3dcf1}.category-grid section:nth-child(3n+1){border-top:6px solid #ec8a6d}.category-grid section:nth-child(3n+2){border-top:6px solid #9470da}.category-grid section:nth-child(3n){border-top:6px solid #51afc2}.category-grid button{color:#352650;border-color:#e9e0f5}.category-grid button:hover{background:#f4edff}.badge{background:#f0e7ff;color:#563687;border-color:#cbb9e7}.activity-panel,.next-adventure,.life-mood{background:#463071;color:#fff}.activity-panel h2,.activity-panel h3,.next-adventure h2,.life-mood h2{color:#fff}.location-strip{background:#eaf5ff;border-color:#bad6eb}.location-strip small,.location-strip strong,.location-strip span{color:#284f69}select,input:not([type=range]){border:2px solid #bfb0d8;color:#30234e;background:#fff;border-radius:10px;min-height:44px}progress,meter{accent-color:#8b5ad1}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ba6221;outline-offset:3px}.content{padding-top:20px}.task-strip{display:none}#global-task24{position:sticky;top:0;z-index:85;background:#ffdf8e;color:#30234e;border-bottom:3px solid #b17a29;box-shadow:0 4px 15px #30234e22;display:flex;align-items:center;gap:14px;padding:12px 24px;min-height:76px}#global-task24 progress{width:clamp(100px,20vw,300px);height:16px}.now-label24{flex:1;min-width:150px}.now-label24 b,.now-label24 span{display:block}.now-label24 span{font-size:14px}.welcome-guide24{display:flex;gap:18px;align-items:center;background:#f1e8ff;border-radius:18px;padding:14px}.guide-picture24{width:150px;height:150px;flex-shrink:0;border-radius:16px;overflow:hidden}.welcome-guide24 strong{font-size:23px;color:#55358f}.comic-panel{border:3px solid #4c356b;background:#fff2d4;box-shadow:5px 5px 0 #4c356b}.comic-portrait{max-height:340px}.speech{border:2px solid #4c356b;border-radius:22px;background:white}.character-editor24{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:26px}.character-preview24{background:#fff;border:2px solid #d8c6ed;padding:20px;border-radius:24px;align-self:start}.character-preview24 input{width:100%;margin:8px 0}.hero-portrait24{width:100%;height:320px!important;overflow:hidden;border-radius:22px}.live-portrait24{position:relative;overflow:hidden;border:4px solid #9771d8;background:#ece2ff}.live-portrait24>.portrait-art24{width:100%;height:100%!important;transition:filter .25s,transform .25s}.tone-warm>.portrait-art24{filter:sepia(.23) saturate(1.15)}.tone-cool>.portrait-art24{filter:hue-rotate(12deg) saturate(.85)}.tone-mono>.portrait-art24{filter:grayscale(1)}.crop-close>.portrait-art24{transform:scale(1.3);transform-origin:50% 30%}.frame-coral{border-color:#ef886c}.frame-sky{border-color:#57b8d0}.frame-gold{border-color:#edbb42}.traits24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.traits24 button{text-align:left;padding:12px}.traits24 small{display:block;font-size:14px}.portrait-picker{margin:20px 0}.portrait-picker .card-art{height:auto!important;aspect-ratio:1}.portrait-picker button{border:3px solid #c7b5e8}.portrait-picker button.selected{border-color:#6a42ac;box-shadow:0 0 0 3px #ffc857}.need-help{font-size:14px;color:#554767;grid-column:1/-1}.wellbeing-grid>div{flex-wrap:wrap;background:#fff;border:2px solid #d6cae9;border-radius:16px}.wellbeing-grid p{flex-basis:100%}.points24{background:#ffdf8e;padding:16px;border:2px solid #b17a29;border-radius:20px;font-size:20px;font-weight:bold}.talent-layout24{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin:24px 0}.talent-map24{height:600px;overflow:auto;background:radial-gradient(ellipse,#ede0ff,#f7f5ff);border:2px solid #b79bcf;border-radius:24px}.talent-map24 svg{display:block;width:960px;max-width:none;height:960px}.talent-node24{cursor:pointer}.talent-node24 circle{fill:white;stroke:#8265a4;stroke-width:3}.talent-node24 text{font-size:12px;fill:#30234e;pointer-events:none}.talent-node24.learned circle{fill:#ffcc54;stroke:#936a21}.talent-node24.chosen circle,.talent-node24:focus circle{stroke:#30234e;stroke-width:6}.talent-inspector24{background:white;border:2px solid #bba2d5;border-radius:20px;padding:20px;align-self:start;position:sticky;top:100px}.talent-list24{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.talent-list24 button{text-align:left;background:#fff;border:2px solid #c8b5df;border-radius:14px;padding:16px;color:#30234e;cursor:pointer}.talent-list24 span,.talent-list24 small{display:block;margin-top:8px;line-height:1.5}.talent-list24 .learned{background:#fff1c8;border-color:#ca9a39}.work-kit24{display:grid;grid-template-columns:230px 1fr;gap:24px;background:#fff4d9;border:2px solid #e5bc6c;border-radius:22px;padding:22px;margin-bottom:30px}.work-kit24 .card-art{height:230px!important;border-radius:14px}.work-kit24 select{display:block;width:100%;max-width:550px}.purchase-help24{font-size:14px;padding:12px;background:#f6f0ff;border-radius:10px;color:#5c4c74}.decor-cutout24{background-image:url('assets/decor-v24.png')!important;background-size:200% 200%!important;background-position:var(--dx) var(--dy)!important}.placed-furniture[data-rotation="1"] .furn-cutout{transform:perspective(600px) rotateY(45deg) skewY(-5deg)}.placed-furniture[data-rotation="2"] .furn-cutout{transform:scaleX(-1)}.placed-furniture[data-rotation="3"] .furn-cutout{transform:perspective(600px) rotateY(-135deg) skewY(5deg)}.furniture-photo>.decor-cutout24{width:100%;height:100%}.placed-furniture .turned{scale:1}.room-note{color:#61526e}.room-selection{border:2px solid #a183c5;background:#f6edff}.room-tray{border:2px solid #c5b0df;background:#fff}.hint-dock{border-color:#a88acb}.hint-heading{background:#523879;color:white}@media(max-width:900px){.character-editor24,.talent-layout24{grid-template-columns:1fr}.character-preview24{display:grid;grid-template-columns:180px 1fr;gap:12px}.hero-portrait24{height:220px!important;grid-row:span 4}.talent-inspector24{position:static}.talent-list24{grid-template-columns:repeat(2,1fr)}.talent-map24{height:420px}.work-kit24{grid-template-columns:160px 1fr}#global-task24{padding:10px 12px;flex-wrap:wrap;gap:8px}#global-task24 progress{width:100%;order:4;height:9px}}@media(max-width:600px){.traits24,.talent-list24{grid-template-columns:1fr 1fr}.character-preview24{display:block}.hero-portrait24{height:320px!important}.work-kit24{grid-template-columns:1fr}.work-kit24 .card-art{height:200px!important}.welcome-guide24{align-items:start}.guide-picture24{width:100px;height:130px}.welcome-guide24 p{font-size:14px}.traits24 .filter{font-size:14px}.talent-list24{grid-template-columns:1fr}#global-task24 .secondary{font-size:14px;padding:8px}.now-label24 b{font-size:15px}.portrait-picker{grid-template-columns:repeat(4,1fr)}.character-details{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.primary:hover{transform:none}.live-portrait24>.portrait-art24{transition:none}}
:root{--dark:#30234e;--mint:#efe5ff}.sidebar-note{background:#473366;border-color:#8c73ad}.sidebar-note strong{color:#ffdc86}.edition{color:#dacdf0}.decor-cutout24{aspect-ratio:656/599!important}.talent-map24 svg{width:max(680px,100%);height:auto}
/* Sports clubhouse: readable tabs, compact cards and a player-first rating sheet. */
.sports-tabs25{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.sports-tabs25 button{padding:12px 17px;border:2px solid #453970;border-radius:12px;background:#fff;color:#302450;font-weight:750;font-size:1rem}.sports-tabs25 button.active{background:#5636a3;color:#fff;box-shadow:0 4px 0 #332060}.sports-tabs25 button:hover{border-color:#de4a76}.sports-filters25,.sport-current25{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:20px 0}.sports-filters25 label{flex:1;min-width:220px}.sports-filters25 input,.sports-filters25 select,.sport-current25 select{display:block;width:100%;padding:12px;border:2px solid #b0a4ca;border-radius:10px;background:white;color:#29223b;font-size:1rem;margin-top:6px}.sport-current25{padding:16px;background:#eee8ff;border-radius:14px;justify-content:space-between}.sports-grid25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sport-card25{display:flex;flex-direction:column;padding:0;border:2px solid #ded6ed;border-radius:18px;overflow:hidden;text-align:left;background:white;color:#29223b;box-shadow:0 5px 0 #e7dff0;transition:transform .15s,border-color .15s;min-width:0}.sport-card25:hover{transform:translateY(-3px);border-color:#7250b3}.sport-card-copy25{padding:17px;display:grid;gap:8px}.sport-card-copy25 strong{font-size:1.2rem}.sport-card-copy25 small{color:#675384}.sports-art25{height:170px;width:100%;overflow:hidden}.sports-art25 svg{width:100%;height:100%}.sport-card25:not(:has(.sports-art25)){border-top:7px solid #c6992f;min-height:150px}.sports-pagination25{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}.athlete25{background:linear-gradient(135deg,#302456,#563589);color:#fff;padding:26px;border-radius:22px;margin:20px 0;box-shadow:0 8px 0 #dfd1f1}.athlete25 h2,.athlete25 p,.athlete25 small{color:inherit}.athlete-identity25{display:flex;align-items:center;gap:20px}.athlete-identity25 h2{margin:6px 0}.athlete-portrait25{width:96px;height:112px;border-radius:15px;overflow:hidden;flex-shrink:0}.athlete-portrait25 svg{height:100%;width:100%}.overall25{margin-left:auto;display:flex;flex-direction:column;align-items:center;color:#ffdb79}.overall25 strong{font-size:3.5rem;line-height:1}.overall25 span{font-size:.875rem;font-weight:800;margin-top:8px}.sport-stats25{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.sport-stats25>div{display:grid;grid-template-columns:1fr auto;gap:7px}.sport-stats25 progress{grid-column:1/-1;width:100%;accent-color:#ffcf61;height:12px}.sport-training25{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sport-training25 article{padding:18px;border:2px solid #e0d6ed;background:white;border-radius:16px}.sport-list25{display:grid;gap:14px}.sport-list25 article{display:flex;gap:20px;align-items:center;padding:22px;background:white;border:2px solid #e0d6ed;border-radius:17px}.sport-list25 article>div:not(.team-tier25){flex:1;min-width:0}.team-tier25{width:68px;height:68px;display:grid;place-items:center;background:#fff0c2;color:#805413;border-radius:20px;font-size:1.4rem;font-weight:900;flex-shrink:0}.sport-req25{color:#87394d;margin:8px 0;padding-left:20px}.sport-ready25{color:#21614c;font-weight:700}.kit-tiers25{display:flex;gap:8px;flex-wrap:wrap}.kit-tiers25 span{padding:10px;border:1px solid #b8a1dc;border-radius:9px}.kit-tiers25 .owned{background:#ffe6a0;color:#463127}.sports-tabs25 button:focus-visible,.sport-card25:focus-visible{outline:3px solid #dc527b;outline-offset:3px}
@media(max-width:1000px){.sports-grid25,.sport-training25{grid-template-columns:repeat(2,minmax(0,1fr))}.sport-list25 article{flex-wrap:wrap}}@media(max-width:600px){.sports-grid25,.sport-training25{grid-template-columns:1fr}.sport-stats25{grid-template-columns:repeat(2,1fr)}.athlete25{padding:18px}.athlete-portrait25{width:65px;height:80px}.athlete-identity25{gap:12px;flex-wrap:wrap}.overall25 strong{font-size:2.5rem}.sport-list25 article{padding:16px;gap:12px}.sports-tabs25 button{flex:1 1 40%;padding:10px}.sports-art25{height:210px}}
.sports-art25{background:#e8e4f2}.sports-art25 svg{display:block}.sport-card25 .sports-art25{height:210px}
/* Focus/accent tokens from MagicPath's accessible Material palette (theme 2000), scoped to the custom sports UI. */
:root{--sports-focus25:hsl(265 89% 43%);--sports-accent25:hsl(340 82% 52%);--sports-on-accent25:hsl(0 0% 100%)}
.sports-tabs25 button.active{background:var(--sports-focus25);color:var(--sports-on-accent25)}.sports-tabs25 button:focus-visible,.sport-card25:focus-visible{outline-color:var(--sports-focus25)}.sport-card25:hover{border-color:var(--sports-accent25)}
/* v26: anchored identity, legible world cards */
#player-sticky26{position:sticky;top:0;z-index:65;background:#fff7ee;border:2px solid #392058;border-radius:0 0 20px 20px;box-shadow:0 5px 0 #39205818;margin:0 0 18px;isolation:isolate}#player-hud26{display:flex;align-items:center;gap:18px;padding:10px 16px;color:#251437}#player-hud26 button{cursor:pointer}.hud-person26{display:flex;align-items:center;gap:10px;background:transparent;border:0;text-align:left;color:inherit;min-width:0}.hud-person26 span{display:grid;gap:4px}.hud-face26{width:52px!important;height:52px!important;min-width:52px;border-radius:50%;border:3px solid #a261d7;object-fit:cover;overflow:hidden}.hud-money26{display:grid;gap:4px;margin-left:auto;white-space:nowrap}.hud-money26 b{font-size:19px}.hud-needs26{background:#eee4ff;border:0;border-radius:12px;padding:9px;display:grid;text-align:left;color:#392058;font-size:12px}.hud-needs26 progress{width:110px;height:7px;accent-color:#8b4cc5}#player-sticky26 #global-task24{position:static;margin:0;border-radius:0 0 17px 17px;box-shadow:none;padding:9px 16px;border:0;border-top:1px solid #dccae9;min-height:0}.connections26{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.connections26 article{padding:24px;background:#fff;border:2px solid #e2d4ef;border-radius:22px;box-shadow:0 5px 0 #3920580a}.connections26 label{display:grid;gap:5px;margin:12px 0;text-transform:capitalize;font-size:13px}.connections26 progress{width:100%;height:8px;accent-color:#9a51ca}.npc-badge26{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:#ffdf7e;color:#392058;font-weight:900;font-size:20px}.connections26 article:nth-child(2n) .npc-badge26{background:#dab8ff}.connections26 article:nth-child(3n) .npc-badge26{background:#a5e9cd}.journal-row26{padding:16px 20px;border-left:4px solid #a261d7;background:white;margin:12px 0;border-radius:0 12px 12px 0;display:flex;gap:20px;align-items:center}.journal-row26 time{font-size:12px;color:#675576}.journal-row26 p{margin:0}.settings-panel select{padding:12px;border:1px solid #9276aa;border-radius:12px;background:white;color:#251437}
@media(max-width:680px){#player-hud26{gap:7px;padding:8px;flex-wrap:wrap}.hud-face26{width:40px!important;height:40px!important;min-width:40px}.hud-person26 strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-person26 small{font-size:10px}.hud-money26 b{font-size:16px}.hud-money26 small{font-size:11px}.hud-needs26{padding:5px}.hud-needs26 progress{width:75px}#player-hud26>.secondary{font-size:11px;padding:7px}#player-sticky26 #global-task24{padding:8px;gap:6px}.journal-row26{flex-wrap:wrap}}
.costs26{display:block;font-size:10px;font-weight:500;line-height:1.6;opacity:.9}.stamina26 progress{accent-color:#e87e3c}.hud-person26:focus-visible,#player-hud26 button:focus-visible{outline:3px solid #eb7447;outline-offset:3px}