*{box-sizing:border-box} :root{font-family:Poppins,Prompt,sans-serif;color:#294b40;background:#f6f6ef;font-synthesis:none;--green:#315b48;--muted:#8b9789;--line:#e4e8dc;--orange:#e9a46e}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(.98)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #cc9154;outline-offset:4px}button{color:inherit}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}p{line-height:1.8}small{font-size:11px}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:94px;height:100dvh;border-right:1px solid var(--line);background:#f8f9f2;display:flex;align-items:center;flex-direction:column;padding:28px 10px;z-index:10}.brand{width:47px;height:47px;border-radius:16px;background:#315d48;color:#e5edd8;display:grid;place-items:center;box-shadow:0 4px 0 #dfE7d8}.brand .icon{width:31px;height:31px}.brand-word{font-size:12px;font-weight:bold;margin-top:8px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:13px;margin-top:49px;width:100%}.nav-item{position:relative;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding:13px 0;color:#95a090;border-radius:15px}.nav-item span{font-size:11px;white-space:nowrap}.nav-item .icon{width:23px;height:23px}.nav-item.active{background:#e6eddf;color:#365f47}.nav-item.active:before{content:'';position:absolute;left:-10px;height:24px;width:3px;background:#4b7656;top:20px;border-radius:0 3px 3px 0}.nav-dot{position:absolute;top:9px;right:18px;border:2px solid #f8f9f2;background:#e7a272;width:9px;height:9px;border-radius:50%}.settings{margin-top:auto}.sidebar-leaf{color:#acbda5;margin-top:30px}.workspace{margin-left:94px;width:calc(100% - 94px)}.topbar{height:105px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafaf4}.wordmark{font-size:23px;letter-spacing:-.7px;font-weight:bold;display:flex;flex-direction:column}.wordmark span{font-size:9px;letter-spacing:3px;color:#8a9a85;margin-top:1px}.top-stats{display:flex;gap:34px;align-items:center}.wallet{display:flex;gap:11px;align-items:center;border-right:1px solid var(--line);padding-right:32px}.coin-symbol{width:38px;height:38px;background:#f8eac6;border:4px solid #f4dfac;display:grid;place-items:center;border-radius:50%;color:#b58e42;font-weight:bold;font-size:21px;box-shadow:inset 0 0 0 1px #dbc58c}.wallet small{display:block;color:#9a9f8e;font-size:10px}.wallet strong{font-size:23px;line-height:1.2;letter-spacing:.5px;font-family:Poppins,Prompt,sans-serif}.level-block{display:flex;align-items:center;gap:12px}.level-medal{background:#e6ecde;width:37px;height:42px;clip-path:polygon(50% 0,94% 23%,94% 73%,50% 100%,6% 73%,6% 23%);display:grid;place-items:center;color:#5c805b;font-size:18px;font-weight:bold}.level-block span{font-size:11px}.level-block b{margin-left:11px;font-weight:500}.level-block small{display:block;text-align:right;color:#9ea795;font-size:9px;margin-top:3px}.xp-bar{width:145px;height:5px;background:#e5e9dc;border-radius:5px;margin-top:7px;overflow:hidden}.xp-bar i{display:block;height:100%;background:#8ba87c;border-radius:5px}.avatar{border:4px solid #fff7e6;box-shadow:0 0 0 1px #e5e7d9;border-radius:50%;height:43px;width:43px;background:#e7bd97;color:#fffdf4;font-size:20px}.workspace main{padding:32px 40px 16px;max-width:1700px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-family:Poppins,Prompt,sans-serif;font-size:9px;font-weight:600;letter-spacing:2.5px;color:#94a18c;margin-bottom:7px}h1{font-size:29px;letter-spacing:-.9px;line-height:1.55}.page-title p{font-size:12px;color:#92a08f;margin-top:5px}.city-tag{display:flex;align-items:center;gap:8px;font-size:12px;color:#71856b;white-space:nowrap}.city-tag i,.save-dot{width:6px;height:6px;background:#91ae7d;border-radius:50%;display:inline-block}.city-tag span{background:#eceee2;padding:4px 11px;border-radius:20px;font-size:10px;margin-left:5px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.city-card{border:1px solid #e0e6d8;background:#edf3e8;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #4a6e4d04}.map-toolbar{padding:22px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.map-title{display:flex;gap:10px;align-items:center}.map-title>.icon{width:31px;height:31px;color:#7c9a7c;background:#e1ead8;border-radius:10px;padding:5px}.map-title b{font-size:13px;display:block}.map-title span{display:block;color:#98a68f;font-size:9px;margin-top:2px}.weather{font-size:11px;color:#778c6e;white-space:nowrap}.weather>span{color:#c2a46b;font-size:18px;margin-right:5px}.weather i{display:block;font-style:normal;font-size:9px;color:#a0ac94;text-align:right;margin-top:3px}.map-wrap{width:100%;position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 48% 45%,#faf9e957,#edf3e800 65%)}#city-map{width:100%;height:auto;display:block;margin-top:-7px}.tile-name{font-family:Poppins,Prompt,sans-serif;font-size:8.6px;fill:#667c62;font-weight:600;pointer-events:none}.map-tile{cursor:pointer;outline:none}.map-tile:hover .tile-face,.map-tile:focus-visible .tile-face{fill:#c5d9b3;stroke:#83a47c;stroke-width:2}.district-label{font-family:Poppins,Prompt,sans-serif;font-size:12px;fill:#99b08e;letter-spacing:2px}.player-token{animation:bob 3s ease-in-out infinite;pointer-events:none}.destination .tile-face{animation:glow 2s infinite}.map-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 24px 15px;margin-top:-12px;position:relative;gap:10px}.legend{display:flex;gap:14px;font-size:9px;color:#8b9a81}.legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{height:7px;width:7px;display:inline-block;border-radius:2px;background:#dfd9bf}.legend i.owned{background:#9bb985}.legend i.player{background:#df9c70;border-radius:50%}.text-button{background:none;border:0;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;color:#708463}.text-button .icon{width:15px;height:15px}.city-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe6d6;background:#f6f8ee;padding:19px 12px}.city-metrics>div{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid #e0e7d8}.city-metrics>div:last-child{border:0}.city-metrics .icon{color:#9eb08b;width:21px}.city-metrics span{font-size:9px;color:#8f9e83}.city-metrics b{display:block;font-size:18px;color:#426444;font-weight:600;margin-top:3px;line-height:1.5}.city-metrics b small{font-size:9px;font-weight:400;color:#9aa68f}.play-panel{display:flex;flex-direction:column;gap:15px}.turn-card{background:#fffdf6;border:1px solid #e7e8dc;border-radius:20px;overflow:hidden;box-shadow:0 5px 18px #45623703}.turn-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:20px 22px 13px}.turn-top>span{color:#94a08a}.turn-top>b{font-size:12px;font-weight:500}.turn-top i{font-style:normal;color:#a6b09a}.turn-dots{display:flex;gap:6px;padding:0 22px}.turn-dots i{height:4px;flex:1;background:#eceee4;border-radius:4px}.turn-dots i.filled{background:#98b582}.turn-content{text-align:center;padding:20px 22px 24px}.turn-content h2{font-size:19px;margin-bottom:10px;letter-spacing:-.5px}.turn-content p{font-size:11px;color:#95a08c;margin-bottom:21px;line-height:1.9}.turn-illustration{height:83px;position:relative;width:150px;margin:5px auto 17px;display:flex;align-items:center;justify-content:center}.turn-illustration:before{content:'';position:absolute;inset:12px 10px 0;border-radius:50%;background:#f0eee0;transform:rotate(-10deg)}.turn-illustration>.icon:first-child{position:relative;width:57px;height:57px;color:#ad9f74;stroke-width:1;background:#fcf5df;padding:9px;border:1px solid #e9dbb6;border-radius:13px;transform:rotate(-14deg);box-shadow:3px 6px 0 #ddd8bf}.turn-illustration>.icon:last-child{width:30px;height:30px;color:#91a785;position:absolute;right:5px;bottom:1px;transform:rotate(25deg)}.turn-illustration>span{position:absolute;top:3px;right:21px;color:#caad72;font-size:16px}.primary,.secondary{border-radius:11px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:600;font-size:12px;min-height:44px}.primary{background:#e9a371;border-color:#dda06f;color:#fffdf4;box-shadow:0 3px 0 #cb8b5d1c}.primary:hover:not(:disabled){background:#e29762}.secondary{background:#f1f3e8;border-color:#e5e8da;color:#77886b}.roll-button{width:100%;font-size:14px;padding:14px}.roll-button .icon{width:21px;height:21px}.turn-content>.primary,.turn-content>.secondary{width:100%;margin-bottom:9px}.turn-content>.text-button{margin-top:2px}.focus-row{border-top:1px solid #ebece1;background:#fafaf1;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#95a28a}.focus-row b{font-size:15px;color:#8baa7b;letter-spacing:3px}.focus-row em{color:#d0d8c5;font-style:normal}.focus-row small{font-size:9px;margin-left:9px;color:#94a18b;letter-spacing:0;font-weight:400}.idle-card{border:1px solid #e0e6d5;border-radius:14px;background:#eaf0df;display:flex;align-items:center;gap:10px;padding:16px 13px;text-align:left;width:100%}.idle-icon{background:#dde7ca;color:#8aa36c;border-radius:11px;padding:9px}.idle-icon .icon{width:22px;height:22px}.idle-card>span:nth-child(2){flex:1}.idle-card b{font-size:10px;font-weight:600;white-space:nowrap}.idle-card small{display:block;font-size:9px;color:#9aa88a;font-weight:400;margin-top:4px;white-space:nowrap}.idle-card strong{font-size:18px;text-align:right}.idle-card strong small{color:#779365;font-size:9px}.idle-card strong .icon{width:11px;height:11px}.next-quest{border:1px solid #e3e7d9;border-radius:16px;background:#f9faf2;padding:18px 20px}.section-kicker{font-size:10px;color:#94a18a;display:flex;justify-content:space-between;align-items:center}.next-quest h3{font-size:13px;margin-top:13px;display:flex;gap:7px;align-items:center}.next-quest h3 .icon{width:16px;height:16px;color:#91a681}.next-quest p{font-size:10px;color:#9ba58f;margin-top:7px}.quest-bottom{margin-top:9px;display:flex;align-items:center;justify-content:space-between}.reward{font-size:10px;color:#bf9d62}.reward em{color:#9ba78b;font-style:normal;margin-left:8px}.session-label{text-align:center;font-size:9px;color:#a2ab97;line-height:1.7}footer{padding:20px 42px 24px;display:flex;align-items:center;justify-content:space-between;color:#a0aa97;font-size:9px;max-width:1700px;margin:auto}.save-dot{width:5px;height:5px;margin-right:5px}footer b{color:#c7b98d;margin:0 9px;font-weight:400}footer>span:last-child{font-size:9px}.dice-options{display:flex;gap:12px;margin-bottom:15px}.die-choice{flex:1;min-width:0;background:#f4f3e7;border:1px solid #e3e6d4;border-radius:14px;padding:17px 6px 12px;display:flex;flex-direction:column;align-items:center}.die-choice:hover{background:#eaf0de!important;border-color:#9eb38b}.die{width:58px;height:58px;background:#fffcf0;border:1px solid #e2d9bc;border-radius:12px;box-shadow:0 4px 0 #e0dcc6;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11px;gap:4px;margin-bottom:16px}.die i{border-radius:50%}.die i.dot{background:#9b8e67}.die-choice b{font-size:10px;white-space:nowrap}.die-choice small{color:#9caa8f;font-size:9px;margin-top:6px}.die-choice .icon{width:12px;height:12px}.route-row{display:flex;justify-content:center;gap:6px}.chip{font-size:10px;border-radius:7px;background:#f2f4e8;border:1px solid #e4e8d9;padding:5px 10px}.chip.chosen{background:#dfE9d3;color:#5a7a48}.ability-hint{font-size:9px;color:#9eab92;margin:7px 0 17px}.small{font-size:10px;padding:8px 13px;min-height:35px}.turn-content>svg{width:130px;height:110px;margin-top:-13px}.event-symbol{font-size:60px;color:#c3b283;line-height:1.4;margin:0 0 13px}.event-amount{color:#81a26b;font-size:22px;margin:-5px 0 22px}.event-amount.negative{color:#b6866a}.summary-stats{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.summary-stats>span{font-size:10px;color:#9aa78e;border-radius:10px;background:#f4f4e8;padding:12px;flex:1}.summary-stats b{display:block;font-size:17px;margin-top:4px;color:#5f8052}.portfolio-banner,.collection-intro{border:1px solid #dfe7d6;border-radius:18px;background:#eaf1e2;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.portfolio-banner h2,.collection-intro h2{font-size:23px}.portfolio-banner p,.collection-intro p{color:#91a080;font-size:12px;margin-top:8px}.portfolio-banner>svg,.collection-intro>svg{width:145px;height:125px;margin:-10px 50px -10px 0}.property-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.property-card{border:1px solid #e3e8d9;background:#fcfcf5;border-radius:16px;overflow:hidden;text-align:left;padding:0}.property-card:hover{box-shadow:0 6px 20px #506e4110;transform:translateY(-3px)!important}.property-art{height:147px;background:linear-gradient(130deg,#edf1df,#e7ecdd);position:relative;display:flex;align-items:center;justify-content:center}.property-art svg{height:137px;width:145px}.property-art>span{position:absolute;right:10px;top:10px;background:#ffffff9c;color:#8c9e78;padding:4px 8px;border-radius:8px;font-size:9px}.property-info{padding:18px}.property-info>small{font-size:9px;color:#a2ae94}.property-info h3{font-size:14px;margin-top:7px}.property-info p{font-size:11px;color:#869978;margin-top:5px}.property-info>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:#b4a16e;font-size:9px;gap:7px}.property-info>div>.icon{width:14px;height:14px;color:#829776}.quest-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px}.section-heading h2{font-size:18px}.section-heading>span{font-size:11px;color:#9aa88e}.quest-row{display:flex;align-items:center;gap:20px;background:#fdfdf6;border:1px solid #e1e7d7;border-radius:14px;padding:24px;margin-bottom:14px}.quest-row>div:nth-child(2){flex:1}.quest-num{width:48px;height:48px;border-radius:50%;background:#f0f1e4;color:#b4b797;font-size:15px;font-family:Poppins,Prompt,sans-serif;display:grid;place-items:center;flex-shrink:0}.completed .quest-num{background:#dfead4;color:#8da774}.quest-row h3{font-size:14px}.quest-row p{font-size:11px;color:#9aa68c;margin:4px 0 9px}.contracts{background:#edf2e4;border:1px solid #dfe6d5;border-radius:18px;padding:20px;height:fit-content}.contracts>.section-heading{margin:3px 0 12px}.contracts>.section-heading h2{font-size:15px}.contracts>p{font-size:10px;color:#9aa98d}.contract-card{padding:18px 0;border-bottom:1px solid #dbe4ce}.contract-card h3{font-size:13px;margin:5px 0}.contract-card p{font-size:11px;color:#96a58a;line-height:1.9}.contract-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.contract-progress{margin-top:15px;height:6px;border-radius:9px;background:#dae4cc;overflow:hidden}.contract-progress i{height:100%;display:block;background:#95b37c}.contract-card>.primary{width:100%;margin-top:12px}.pill{font-size:9px;color:#829b6c;background:#dfe9d2;display:inline-block;padding:3px 10px;border-radius:20px}.festival-contract{background:#f2edda;border:0;margin:16px -6px 0;padding:16px;border-radius:10px}.quiet{font-size:10px;color:#9daa90;line-height:1.8}.contracts>.quiet{display:block;margin-top:15px}.collection-intro .primary{margin-top:20px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{padding:0 0 19px;text-align:left;border:1px solid #e1e7d8;border-radius:15px;overflow:hidden;background:#fbfcf4}.story-cover{height:170px;background:#e5edda;position:relative;text-align:center}.story-cover svg{height:170px}.story-cover>span{position:absolute;left:18px;top:15px;color:#a3b18f;font-size:19px;letter-spacing:2px}.story-card>small,.story-card>h3,.story-card>p{margin-left:20px;margin-right:20px}.story-card>small{display:block;margin-top:16px;font-size:9px;color:#98a88c}.story-card>h3{font-size:15px;margin-top:7px}.story-card>p{font-size:10px;color:#a0ae94;margin-top:8px}.story-card.locked{filter:saturate(.4);opacity:.7}.badges{padding:30px 0}.badges h3{font-size:15px;margin-bottom:18px}.badge{display:inline-flex;align-items:center;flex-direction:column;padding:20px 30px;border:1px dashed #d8dfca;border-radius:13px;color:#b1b8a1;margin-right:15px;font-size:13px;background:#f1f2e7}.badge small{margin-top:6px;font-size:9px}.badge.earned{color:#ac9257;background:#f6ecd5;border-style:solid;border-color:#e9ddbc}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#28433755;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fffdf4;border:1px solid #f5f0db;border-radius:23px;padding:25px 28px;width:470px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 25px 100px #233d312b;outline:none;animation:appear .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:14px}.modal-header h2{font-size:19px;line-height:1.6}.icon-button{border:0;background:#edf1e4;display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;color:#95a285}.icon-button .icon{width:17px;height:17px}.modal>p{font-size:12px;color:#91a083;margin:15px 0}.property-modal-top{display:flex;align-items:center;gap:20px}.large-building{width:135px;height:125px;background:#edf1e0;border-radius:17px;flex-shrink:0}.large-building>svg{width:100%;height:100%}.property-modal-top h3{font-size:19px;margin:7px 0}.property-modal-top .eyebrow{font-family:Poppins,Prompt,sans-serif;letter-spacing:.5px;font-size:9px}.property-modal-top p{font-size:12px;color:#9aa588;margin:5px 0}.property-modal-top p b{color:#81a06b}.property-modal-top small{font-size:9px;color:#9daa8c}.type-tabs{display:flex;gap:8px;margin:22px 0 18px}.type-tab{background:#f4f4e8;border:1px solid #e7eadb;border-radius:10px;flex:1;padding:10px 6px;font-size:11px}.type-tab small{display:block;font-size:8px;margin-top:2px;color:#a6ae96}.type-tab.selected{background:#e3edd7;border-color:#acc496;color:#577749}.price-box{background:#f5f5e9;border:1px solid #e8ead9;border-radius:12px;padding:15px 18px;margin:20px 0}.price-box>div{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:11px;color:#94a087}.price-box>div>b{font-weight:500;color:#718361}.price-box>.price-total{border-top:1px solid #e0e5d2;margin-top:10px;padding-top:14px;font-size:12px;color:#61734f}.price-box>.price-total>b{font-size:22px;color:#47613d;font-weight:600}.price-total small{font-size:10px}.price-box>.discount{color:#85a067}.price-box>.discount>b{color:#85a067}.full{width:100%;margin-top:8px}.notice{font-size:10px!important;background:#f6edd9;padding:10px 13px;border-radius:9px;color:#b39b6c!important;margin:13px 0!important}.deal-toggle{font-size:10px;color:#80966a;display:flex;align-items:center;gap:7px;margin-bottom:15px}.deal-toggle input{accent-color:#7e9d68}.modal-note{text-align:center;font-size:9px!important;margin:15px 0 0!important}.setting-row{padding:17px 0;border-bottom:1px solid #e9ecdc;display:flex;align-items:center;justify-content:space-between;font-size:12px}.setting-row .icon{width:18px;height:18px;margin-right:8px}.settings-info{padding:22px 0}.settings-info h3{font-size:13px;margin-bottom:8px}.settings-info p{font-size:11px;color:#9ba58c;margin-bottom:10px}.profile-building{height:160px;text-align:center}.profile-building>svg{height:100%}.idle-modal-icon{text-align:center;padding:20px;color:#c0ad70}.idle-modal-icon .icon{height:65px;width:65px;stroke-width:1}.idle-total{text-align:center;font-size:43px;color:#69875a}.idle-total>small{font-size:12px}.help-list{padding-left:24px;color:#73866a;font-size:12px}.help-list li{padding:10px 0}.help-list p{font-size:11px;color:#9daa8e;margin-top:5px}.story-scene-art{height:160px;border-radius:13px;background:radial-gradient(ellipse at center,#eef1d4,#e3edd8);position:relative;text-align:center;margin-bottom:20px}.story-scene-art>svg{height:155px;width:170px}.story-scene-art>span{font-size:9px;position:absolute;bottom:10px;right:13px;color:#94a47c}.story-dialogue>.section-kicker{margin:10px 0 20px}.speaker{display:flex;align-items:center;gap:10px}.speaker>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ebd7b5;color:#aa9266;font-size:18px}.speaker>b{font-size:13px}.dialogue-text{font-size:14px;line-height:2;color:#758668;margin:18px 0 25px;min-height:85px}.story-dialogue>.primary{width:100%}.story-dialogue>.text-button{display:flex;width:100%;margin-top:10px}.story-dialogue>p:not(.dialogue-text){font-size:12px;line-height:1.9;color:#93a082;margin:15px 0 25px}.story-dialogue>h3{font-size:18px}.story-choices{display:flex;flex-direction:column;gap:10px}.story-choices .secondary{font-size:13px;padding:17px}#toast{position:fixed;z-index:200;bottom:28px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#315643;color:#f8faed;border:1px solid #426c51;border-radius:12px;box-shadow:0 7px 35px #2b50372b;font-size:12px;padding:15px 23px;transition:opacity .2s,transform .2s;max-width:90vw;width:max-content;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.busy button[data-action]:not([data-action="close-modal"]){pointer-events:none;opacity:.65}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:37px;font-weight:bold;background:#edf3e6}.loading>span{font-size:13px;font-weight:400;color:#98a68c;margin-top:20px}.reduce-motion *{animation:none!important;transition:none!important}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow{0%,100%{stroke:#d3ac68}50%{stroke:#eac982;fill:#f6e5be}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.map-wrap{min-height:540px}.turn-content{padding-top:28px;padding-bottom:29px}.game-layout{grid-template-columns:minmax(0,1fr) 340px}.turn-illustration{margin-top:15px;margin-bottom:23px}.turn-content p{font-size:12px}.turn-content h2{font-size:21px}.idle-card b{font-size:11px}.next-quest{padding:22px}.map-toolbar{padding-top:25px}}
@media(max-width:1150px){.workspace main{padding:25px}.topbar{padding:0 28px}.sidebar{width:80px}.workspace{margin-left:80px;width:calc(100% - 80px)}.game-layout,.quest-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.map-toolbar{padding:18px 17px 0}.map-wrap{min-height:340px}.map-bottom{padding:0 17px 15px;margin-top:0}.legend{gap:7px;font-size:8px}.city-metrics{padding:16px 5px}.city-metrics>div{gap:5px}.city-metrics .icon{display:none}.property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.turn-content{padding-left:18px;padding-right:18px}.turn-content h2{font-size:17px}.turn-content p{font-size:10px}.idle-card{gap:7px;padding:14px 10px}.idle-card b{font-size:9px}.idle-card small{font-size:8px}.idle-card strong{font-size:17px}.idle-icon{padding:7px}.top-stats{gap:20px}.quest-row{padding:20px 16px;gap:13px}.quest-num{height:35px;width:35px}h1{font-size:26px}.portfolio-banner>svg{margin-right:15px}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.play-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.turn-card{grid-row:span 3}.idle-card{margin-top:0}.session-label{align-self:end}.map-wrap{min-height:0;max-height:none}.map-wrap svg{max-height:550px}.topbar{height:90px}.page-title{margin-bottom:22px}.city-tag{font-size:10px}.city-tag span{display:none}.top-stats{gap:15px}.wallet{padding-right:20px}.level-block{gap:8px}.level-block span{font-size:9px}.xp-bar{width:110px}.level-block b{margin-left:7px}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-layout{grid-template-columns:1fr}.contracts{max-width:none}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding:20px 25px}.city-card{max-width:none}.idle-card b{font-size:10px}.idle-card small{font-size:9px}}
@media(max-width:900px){.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:77px;border-right:0;border-top:1px solid #dfe6d6;flex-direction:row;padding:0 10px;background:#fafbf4f5;backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar>.brand,.sidebar>.brand-word,.sidebar-leaf,.sidebar>.settings{display:none}.sidebar nav{flex-direction:row;margin:0;gap:0;width:100%;justify-content:space-around}.nav-item{width:23%;border-radius:10px;padding:9px 2px 8px;gap:5px}.nav-item span{font-size:10px}.nav-item .icon{height:21px;width:21px}.nav-item.active:before{display:none}.nav-dot{right:29%;top:5px}.workspace{margin:0;width:100%;padding-bottom:77px}.topbar{height:83px;padding:0 18px}.wordmark{font-size:21px}.wordmark span{font-size:7px;letter-spacing:2px}.top-stats{gap:12px}.wallet{padding:0;border:0;gap:7px}.wallet strong{font-size:19px}.wallet small{font-size:8px}.coin-symbol{width:30px;height:30px;font-size:16px;border-width:3px}.level-block{gap:0}.level-block>div:nth-child(2){display:none}.level-medal{width:29px;height:34px;font-size:14px}.avatar{height:32px;width:32px;font-size:15px;border-width:2px}.workspace main{padding:23px 15px 12px}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:6px}h1{font-size:23px;letter-spacing:-.7px}.page-title{align-items:flex-start;margin-bottom:22px;gap:5px}.page-title p{font-size:10px;line-height:1.8;margin-top:6px}.city-tag{font-size:9px;padding-top:20px;gap:5px}.city-tag i{height:4px;width:4px}.city-card{border-radius:17px}.map-toolbar{padding:16px 15px 0}.map-title b{font-size:11px}.map-title span{font-size:8px}.map-title>.icon{height:27px;width:27px}.weather{font-size:9px}.weather i{font-size:7px}.weather>span{font-size:15px}.map-wrap{margin-top:5px}.tile-name{font-size:9.5px}.map-bottom{padding:0 13px 12px;margin-top:4px}.legend{font-size:7px;gap:8px}.legend i{width:5px;height:5px}.legend span{gap:4px}.map-bottom .text-button{font-size:8px}.map-bottom .text-button>.icon{width:12px;height:12px}.city-metrics{padding:15px 3px}.city-metrics span{font-size:8px}.city-metrics b{font-size:16px}.city-metrics b small{font-size:8px}.game-layout{gap:16px}.play-panel{display:flex;gap:13px}.turn-card{width:100%;border-radius:17px}.turn-top{padding-top:17px}.turn-content{padding:14px 22px 19px}.turn-content h2{font-size:19px}.turn-content p{font-size:12px;line-height:1.8;margin-bottom:17px}.turn-illustration{height:60px;margin:4px auto 15px;width:130px}.turn-illustration>.icon:first-child{width:48px;height:48px}.roll-button{padding:13px}.focus-row{padding-top:11px;padding-bottom:11px}.idle-card{padding:16px;gap:12px}.idle-card b{font-size:11px}.idle-card small{font-size:9px}.idle-card strong{font-size:21px}.idle-icon{padding:10px}.next-quest{padding:17px 20px;width:100%}.next-quest h3{font-size:14px}.next-quest p{font-size:11px}.session-label{width:100%;text-align:center;font-size:9px}footer{padding:12px 16px 20px;font-size:8px;gap:8px}footer>span:last-child{display:none}.dice-options{gap:16px;margin:0 auto 16px;max-width:340px}.die-choice{padding:18px 7px 14px}.die-choice b{font-size:12px}.die-choice small{font-size:10px}.turn-content>.small{font-size:11px}.route-row{margin-top:20px}.chip{font-size:11px;padding:8px 15px}.property-grid{gap:12px}.property-art{height:125px}.property-art svg{height:120px;width:120px}.property-art>span{font-size:8px;padding:3px 6px}.property-info{padding:13px}.property-info h3{font-size:12px}.property-info p{font-size:10px}.property-info>small{font-size:8px}.property-info>div{font-size:8px}.property-info>div>.icon{width:11px;height:11px}.portfolio-banner,.collection-intro{padding:20px;margin-bottom:20px;overflow:hidden}.portfolio-banner h2,.collection-intro h2{font-size:18px}.portfolio-banner p,.collection-intro p{font-size:10px}.portfolio-banner>svg,.collection-intro>svg{display:none}.quest-row{flex-wrap:wrap;gap:12px;padding:18px 15px}.quest-row>div:nth-child(2){width:calc(100% - 48px);flex:auto}.quest-row>.small{margin-left:47px}.quest-row h3{font-size:13px}.quest-row p{font-size:10px}.section-heading h2{font-size:16px}.section-heading>span{font-size:10px}.contracts{padding:20px}.contract-card h3{font-size:14px}.contract-card p{font-size:12px}.contract-bottom{margin-top:14px}.contract-card .reward{font-size:12px}.contract-card .small{font-size:12px;padding:10px 18px}.story-grid{gap:12px}.story-cover{height:130px}.story-cover>svg{height:130px}.story-cover>span{font-size:15px;left:10px;top:10px}.story-card>h3,.story-card>p,.story-card>small{margin-left:13px;margin-right:13px}.story-card>h3{font-size:12px}.story-card>p{font-size:8px}.story-card>small{font-size:7px}.badge{padding:17px 12px;font-size:11px;margin-right:7px}.badge small{font-size:8px}.modal-backdrop{padding:13px}.modal{max-height:calc(100dvh - 26px);padding:22px 20px;border-radius:19px}.modal-header h2{font-size:18px}.large-building{width:105px;height:110px}.property-modal-top{gap:14px}.property-modal-top h3{font-size:17px}.property-modal-top p{font-size:11px}.type-tabs{gap:6px}.type-tab{font-size:11px;padding:12px 5px;min-height:44px}.modal .primary,.modal .secondary{min-height:46px;font-size:12px}.story-dialogue>.text-button{padding:12px;min-height:44px}.turn-content>.text-button{min-height:35px}.modal-header .icon-button{min-width:36px;height:36px}.quiet{font-size:10px}.dialogue-text{font-size:14px}.story-scene-art{height:140px}.story-scene-art>svg{height:135px}.deal-toggle{min-height:36px}#toast{font-size:11px;bottom:90px;padding:13px 19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Readable labels and Thai typography on both desktop and phone. */
@media(min-width:901px){.page-title p{font-size:13px}.turn-content p{font-size:12px}.turn-top{font-size:11px}.turn-content h2{font-size:19px}.next-quest p{font-size:11px}.next-quest h3{font-size:14px}.idle-card b{font-size:11px}.map-title b{font-size:14px}.map-title span{font-size:10px}.legend{font-size:10px}.city-metrics span{font-size:10px}.nav-item span{font-size:12px}.section-kicker{font-size:11px}.wallet small{font-size:11px}.level-block span{font-size:12px}}