@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Russo+One&display=swap");:root{color-scheme:dark;--ink:#102a35;--ink-deep:#091923;--paper:#0d202c;--card:#173541;--text:#edf5f1;--muted:#a4bdc2;--line:#3b5359;--cyan:#7de6df;--cyan-deep:#1c686e;--violet:#ac8ae8;--brass:#d6ac6f;--gold:#f4cc82;--display:"Russo One","Trebuchet MS",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:114px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a,button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.46}button:not(:disabled):active{transform:translateY(1px)}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:var(--cyan)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400}h1{font-size:clamp(27px,2.7vw,38px);line-height:1.22;letter-spacing:-.7px}h2{font-size:25px;line-height:1.3;letter-spacing:-.35px}h3{font-size:19px;font-weight:800;line-height:1.4;letter-spacing:-.3px}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}.app-shell{min-height:100vh}.topbar{height:92px;gap:24px;padding:0 28px;background:#0b202b;color:var(--text);position:sticky;top:0;z-index:40;border-bottom:1px solid #cda96b6b;box-shadow:0 3px 0 #060f1766,0 9px 28px #07131b38}.brand,.topbar{display:flex;align-items:center}.brand{width:202px;gap:12px;border:0;background:none;text-align:left;color:#f1dfb4;flex-shrink:0;font:400 25px/1.1 var(--display);letter-spacing:1.2px;padding:0}.brand small{display:block;margin-top:6px;color:#9fc3c5;font:700 10px/1.4 Manrope,sans-serif;letter-spacing:2.5px}.brand-mark{height:45px;width:45px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,#23636c,#113640);border:2px solid var(--brass);border-radius:12px 3px;box-shadow:inset 0 0 0 3px #0b2634,0 0 20px #6ee4dc10;flex-shrink:0}.resource-bar{flex:1;display:flex;justify-content:center;gap:14px;min-width:0}.resource{display:flex;align-items:center;gap:9px;min-width:142px;padding:7px 13px 7px 7px;border:1px solid #416267;border-radius:10px 3px;background:linear-gradient(120deg,#1c3d44,#112c38);box-shadow:inset 0 1px #81a5a81a}.resource img{width:42px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px #7cefe326)}.resource small{font-size:11px;display:block;color:#afc8ca;white-space:nowrap}.resource b{font-size:19px;font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums;color:#dcf0bd}.resource-1 b{color:#a1eee9}.resource-2 b{color:#d2baff}.top-actions{display:flex;align-items:center;gap:13px}.network-chip{color:#b3c8c6;font-size:10px;font-weight:800;letter-spacing:1.2px;white-space:nowrap;padding:4px 0;border-bottom:1px solid #d5ac7159}.network-chip>span{display:none}.wallet-button{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 14px;border:1px solid #b99766;border-radius:8px 2px;background:linear-gradient(145deg,#3c413b,#20363d);color:#f4e2be;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px #f5d39021}.wallet-button:hover:not(:disabled){background:#42574f;border-color:var(--gold)}.wallet-button>svg{color:var(--gold)}.workspace{display:grid;grid-template-columns:242px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 92px)}.sidebar{background:linear-gradient(180deg,#122f39,#0c222e);border-right:1px solid #54706b55;padding:29px 17px 23px;color:#b7cdcb;position:sticky;top:92px;height:calc(100vh - 92px);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#46686d transparent}.farm-owner{display:flex;gap:11px;align-items:center;margin:0 6px 28px}.avatar{width:42px;height:46px;display:grid;place-items:center;border:1px solid #b49a6b;border-radius:9px 2px;background:linear-gradient(145deg,#355c62,#1b3642);color:var(--gold);box-shadow:inset 0 0 0 3px #172e35}.farm-owner strong{font-size:13px;font-weight:800;color:#e1ece6}.farm-owner small{display:block;font-size:11px;color:#99b5b9;margin-top:3px}.nav-caption{color:#b9a77f;font-size:10px;font-weight:800;letter-spacing:2px;padding:0 13px;margin-bottom:11px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:11px;min-height:50px;padding:12px;border:1px solid transparent;border-radius:8px 2px;background:none;color:#b1c6c7;font-size:14px;font-weight:700;text-align:left}.sidebar nav button>svg{color:#88b7ba;width:20px}.sidebar nav button:hover{background:#224752;color:#f1ecd9}.sidebar nav button.active{background:linear-gradient(110deg,#28565a,#183c47);border-color:#b6935d8c;color:var(--gold);box-shadow:inset 3px 0 var(--gold),inset 0 1px #f1d8a216}.sidebar nav button.active>svg{color:var(--gold)}.sidebar nav button small{margin-left:auto;min-width:24px;padding:0 5px;border:1px solid #6e8783;border-radius:4px 1px;color:#e0daba;text-align:center}.energy-card{margin:26px 3px 20px;padding:17px 14px 14px;border:1px solid #837497;border-radius:12px 3px;background:radial-gradient(ellipse at top left,#65578d40,transparent 80%),#17323e;box-shadow:inset 0 1px #dbbdf02b}.energy-heading{display:flex;gap:9px;align-items:center;color:#eadcff;font-size:14px;font-weight:800}.energy-heading small{display:block;font-size:11px;font-weight:500;color:#afbbc9;margin-top:2px}.mana-icon{height:34px;width:34px;display:grid;place-items:center;background:#6e57aa40;border:1px solid #ac8dda;border-radius:9px 2px;color:#dac0ff}.mana-value{display:flex;align-items:baseline;gap:7px;margin:15px 0 11px;color:#c3b5d9}.mana-value strong{font:400 30px/1 var(--display);color:#eee0ff}.mana-value>span{font-size:14px}.energy-card .progress{background:#112330}.energy-card .progress i{background:linear-gradient(90deg,#9464dd,#d6b2ff)}.energy-card p{font-size:11px;color:#adbdc8;margin:11px 0 14px}.energy-card .button{width:100%;font-size:12px;padding:9px 5px;color:#e7d7ff;border-color:#967fb3;background:#66508738}.energy-card .button:hover:not(:disabled){background:#70589566}.sidebar-bottom{margin-top:auto;padding:10px 8px 0}.about-button{display:flex;align-items:center;gap:9px;min-height:44px;border:0;background:none;color:#d3ccad;font-size:14px;padding:8px 0}.version{color:#90a7b0;font-size:11px;line-height:1.8}.sidebar-ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#b69964;margin-top:20px}.sidebar-ornament span{height:1px;background:#bba46e44;flex:1}main{min-width:0;padding:31px 34px 0;background:radial-gradient(ellipse at 90% 0,#22596748,transparent 640px),radial-gradient(ellipse at 10% 35%,#30405e38,transparent 700px)}.page-heading{justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow,.page-heading{display:flex;align-items:center}.eyebrow{gap:7px;margin-bottom:10px;color:var(--brass);font-size:10px;font-weight:800;letter-spacing:2px}.page-subtitle{font-size:14px;color:#aec6c9;margin-top:8px}.heading-actions{gap:14px;align-self:flex-end;padding-bottom:4px}.heading-actions,.save-state{display:flex;align-items:center}.save-state{gap:6px;color:#a7c7c0;font-size:12px;white-space:nowrap}.save-state>svg{color:#80c5b6}.icon-button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;border:1px solid #5c7779;border-radius:8px 2px;background:#1b3a45;color:#b5dad6}.icon-button:hover:not(:disabled){background:#2d525a;border-color:var(--brass)}.farm-scene{position:relative;height:332px;border:2px solid #aa8c59;border-radius:20px 5px;overflow:hidden;background:#214858;box-shadow:0 0 0 4px #182f38,0 0 0 5px #38545b,0 18px 35px #030e174f;isolation:isolate}.farm-scene:after{content:"";position:absolute;inset:7px;z-index:1;border:1px solid #e8d9ad58;border-radius:12px 2px;pointer-events:none}.farm-scene:before{content:"";position:absolute;inset:-20px;background:url(/magic/realm.png?v=mechanisms1) 50%/cover;filter:blur(20px);opacity:.28}.realm-art{width:100%;height:100%;object-fit:contain;object-position:83% center}.realm-art,.scene-shade{position:absolute;inset:0}.scene-shade{background:linear-gradient(90deg,#071d35b3,#071d3530 45%,transparent 70%),linear-gradient(0deg,#071d31e0,transparent 38%)}.scene-caption{position:absolute;top:23px;left:25px;color:#fff3ca;text-shadow:0 2px 14px #031325}.scene-kicker{display:flex;align-items:center;gap:7px;color:#b4f6ed;font-size:10px;font-weight:800;letter-spacing:1.7px}.scene-caption h2{font-size:28px;line-height:1.2;margin-top:9px}.scene-caption h2 i{font-style:normal;color:#f5c778}.scene-description{display:none}.map-spot{position:absolute;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #d4b47c;border-radius:9px 2px;background:#133646ec;color:#fff1ce;font-size:12px;font-weight:800;box-shadow:inset 0 1px #fff5c51f,0 4px 10px #081c3270;backdrop-filter:blur(8px);z-index:2}.map-spot>svg{color:var(--cyan);width:17px}.map-spot:hover{background:#2c6267f2;border-color:#fce0a0;transform:translateY(-2px)}.spot-glow{position:absolute;left:50%;bottom:-6px;height:9px;width:9px;border:2px solid #d9ffff;background:#79e4ed;transform:rotate(45deg);box-shadow:0 0 12px #8bfff4}.map-spot.forest{left:12%;top:43%}.map-spot.pond{left:27%;top:69%}.map-spot.mine{right:8%;top:37%}.map-spot.fields{right:18%;top:62%}.scene-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;color:#d8e9dc;font-size:12px;z-index:2}.scene-footer button,.scene-footer>span{display:flex;align-items:center;gap:7px}.scene-footer button{min-height:44px;padding:8px 12px;border:1px solid #bdb07a8f;border-radius:7px 2px;background:#28404be0;color:#f8e7b6;font-size:12px;font-weight:700}.scene-footer button:hover{background:#50625a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 18px}.section-heading h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-heading h2>svg{color:var(--brass)}.section-heading>span{font-size:12px;color:#abc2c7;text-align:right}.section-kicker{display:block;margin-bottom:7px;color:#c7ac7d;font-size:10px;font-weight:800;letter-spacing:1.7px}.count-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-left:3px;border:1px solid #9b865e;border-radius:7px 2px;background:#324a4b;color:var(--gold);font:800 13px/1 Manrope,sans-serif}.text-button{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;padding:6px 0;border:0;background:none;color:#9be2de;font-size:13px;font-weight:800}.text-button:hover{color:#defefa}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #897853;border-radius:17px 4px;overflow:hidden;background:linear-gradient(145deg,#21414c,#142e3b);box-shadow:inset 0 1px #c6c3a11a,0 7px 0 -4px #081c27,0 13px 22px #06121e38;transition:transform .2s,box-shadow .2s,border-color .2s;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-radius:0}.card:after,.card:before{content:"";position:absolute;z-index:3;width:20px;height:20px;pointer-events:none;background:linear-gradient(135deg,transparent 45%,#bca06e 46%,#bca06e 51%,transparent 52%)}.card:before{top:-1px;left:-1px}.card:after{bottom:-1px;right:-1px;transform:rotate(180deg)}.card:hover{border-color:#d1ac71;box-shadow:inset 0 1px #e3cca32b,0 7px 0 -4px #081c27,0 15px 28px #05122066;transform:translateY(-2px)}.asset-stage{position:relative;display:flex;align-items:center;justify-content:center;height:220px;padding:38px 12px 24px;overflow:hidden;isolation:isolate;border-bottom:1px solid #8a805b;background:radial-gradient(ellipse at 50% 55%,#455661,#243540 78%)}.asset-stage:before{inset:9px;border:1px solid #bfa87734;border-radius:10px 2px;pointer-events:none}.asset-stage:after,.asset-stage:before{content:"";position:absolute;z-index:-1}.asset-stage:after{left:17%;right:17%;bottom:13px;height:2px;background:linear-gradient(90deg,transparent,#7ed4c395,transparent)}.asset-category{position:absolute;top:15px;left:17px;display:flex;align-items:center;gap:6px;color:#c3d7d0;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;z-index:2}.asset-category>svg{width:13px}.asset-stage>.tag{position:absolute;top:13px;right:13px;z-index:2}.tag{display:inline-block;max-width:calc(100% - 26px);padding:4px 7px;border:1px solid #677b83;border-radius:5px 1px;background:#1b303eee;color:#c7d3df;font-size:10px;font-weight:700;line-height:1.4}.tag.ready{border-color:#6baca1;background:#174842ed;color:#b7f5d8}.magic-art{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:50px;pointer-events:none}.magic-art img{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 13px #08162255)}.asset-stage .magic-art{height:100%;min-height:0;width:100%;max-width:280px;margin:0}.art-placeholder{height:50px;width:50px;color:#c1a1e9;opacity:.7}.card-body{display:flex;flex:1;flex-direction:column;gap:15px;min-width:0;padding:20px}.card-body h3{color:#f7edcf}.card-body>.button-column:last-child,.card-body>.button-row:last-child,.card-body>.button:last-child{margin-top:auto}.yield-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;font-size:12px;color:#afc4c6;margin-top:-5px}.yield-line>span:first-child{display:flex;align-items:center;gap:6px;color:#e1e9de;font-size:16px}.yield-line b{font-weight:800}.symbol-0{color:#b8d890}.symbol-1{color:#78dfe1}.symbol-2{color:#c4a0f2}.stat-line{justify-content:space-between;gap:8px;font-size:13px;line-height:1.4;color:#b5c8ca}.stat-line,.stat-line>span{display:flex;align-items:center}.stat-line>span{gap:5px}.stat-line b{color:#e5e7d3;font-size:13px;font-weight:700}.stat-line em{color:#91abb4;font-style:normal}.progress{height:7px;overflow:hidden;border:1px solid #091f2c;border-radius:2px;background:#0c2330;box-shadow:0 1px #bad8d015}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5ca6a3,#a5e3c2);box-shadow:0 0 7px #76ecd066;transition:width .4s}.durability .progress{margin-top:9px}.tool-meta{flex-wrap:wrap;row-gap:8px;font-size:12px}.tool-meta>span:first-child>svg{color:#c6a9f3}.tool-meta>span:last-child>svg{color:#acc0b8}.button{min-height:46px;padding:11px 15px;border:1px solid #f4d393;border-radius:8px 2px;background:linear-gradient(180deg,#edc782,#d0a45d);color:#243135;box-shadow:inset 0 1px #fff0c399,0 3px 0 #071e2b70;font-size:14px;font-weight:800;line-height:1.4}.button:hover:not(:disabled){background:linear-gradient(180deg,#ffdda0,#e1b970);border-color:#ffe8b9;box-shadow:inset 0 1px #fff4d2,0 0 17px #eac58124}.button.secondary{border:1px solid #5d7f86;background:#183945;color:#c7e0dd;box-shadow:inset 0 1px #d3f8f00e}.button.secondary:hover:not(:disabled){border-color:#88b9b7;background:#2a525b;color:#ebffff}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row .button:first-child{flex:1}.button-row .button.secondary{font-size:13px;padding-left:11px;padding-right:11px}.button-column{display:flex;flex-direction:column;gap:9px}.cost{flex-wrap:wrap;gap:15px;min-height:28px;color:#e1e9de;font-size:15px}.cost,.cost>span{display:flex;align-items:center}.cost>span{gap:6px}.cost b{font-weight:800}.cost .symbol-1+b,.cost .symbol-2+b{color:#e1e9de}.muted{color:#b0c3c8;font-size:14px;line-height:1.75}.detail-label{display:block;margin-bottom:5px;color:#a8bbc3;font-size:12px}.recipe-cost{margin-top:auto;padding:12px 0;border-top:1px solid #4a61634f}.detail-pair{display:flex;flex-wrap:wrap;gap:13px;color:#c0d1ca;font-size:14px}.detail-pair>span{display:flex;align-items:center;gap:6px}.detail-pair svg{color:var(--brass)}.building .asset-stage{height:238px}.building .asset-stage .magic-art{height:100%;max-width:300px}.coin-cost{display:flex;align-items:center;gap:7px;color:var(--gold);font-size:14px}.membership-bonus{display:flex;flex-wrap:wrap;gap:9px 14px;color:#d0b8ed;font-size:14px;margin-bottom:5px}.membership-bonus>span{display:flex;align-items:center;gap:5px}.membership-bonus b{font-weight:800}.breeding-pair{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.breeding-pair .magic-art{width:50%;height:100%;min-height:0}.breeding-pair .magic-art:last-child{transform:scaleX(-1)}.rarity-common{--rarity-stage:#2a3944;--rarity-bright:#52616b;--rarity-body:#1c2b35;--rarity-edge:#94a5b1;--rarity-label:#e3ebf0}.rarity-uncommon{--rarity-stage:#153e29;--rarity-bright:#286342;--rarity-body:#132e22;--rarity-edge:#64bf86;--rarity-label:#c2f5d1}.rarity-rare{--rarity-stage:#153852;--rarity-bright:#225f91;--rarity-body:#152c42;--rarity-edge:#68b3ed;--rarity-label:#d2ebff}.rarity-epic{--rarity-stage:#3b245b;--rarity-bright:#644090;--rarity-body:#2b203d;--rarity-edge:#bb85f1;--rarity-label:#f0dfff}.rarity-legendary{--rarity-stage:#503619;--rarity-bright:#80582c;--rarity-body:#362a1b;--rarity-edge:#ecc173;--rarity-label:#ffebbf}.card[class*=rarity-]:not(.rarity-ungraded),.inventory-item[class*=rarity-]:not(.rarity-ungraded){border-color:var(--rarity-edge);background:var(--rarity-body);box-shadow:inset 0 1px color-mix(in srgb,var(--rarity-edge),transparent 55%),0 7px 0 -4px #081c27,0 0 22px color-mix(in srgb,var(--rarity-edge),transparent 89%)}.card[class*=rarity-]:not(.rarity-ungraded):hover{border-color:var(--rarity-label);box-shadow:0 0 25px color-mix(in srgb,var(--rarity-edge),transparent 77%)}.card[class*=rarity-]:not(.rarity-ungraded):after,.card[class*=rarity-]:not(.rarity-ungraded):before{background:linear-gradient(135deg,transparent 45%,var(--rarity-edge) 46%,var(--rarity-edge) 51%,transparent 52%)}.card[class*=rarity-]:not(.rarity-ungraded) .asset-stage{background:radial-gradient(ellipse at 50% 55%,var(--rarity-bright),var(--rarity-stage) 78%);border-bottom-color:var(--rarity-edge)}.card[class*=rarity-]:not(.rarity-ungraded) .asset-stage:before{border-color:color-mix(in srgb,var(--rarity-edge),transparent 52%)}.card[class*=rarity-]:not(.rarity-ungraded) .asset-stage:after{height:3px;background:linear-gradient(90deg,transparent,var(--rarity-edge),transparent)}.card[class*=rarity-]:not(.rarity-ungraded) .asset-category{color:#f1f7f4}.rarity-label{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;width:max-content;max-width:100%;padding:4px 8px;border:1px solid color-mix(in srgb,var(--rarity-edge),transparent 24%);border-radius:5px 1px;background:#09172280;color:var(--rarity-label);font-size:12px;font-weight:800;line-height:1.45}.rarity-label+h3{margin-top:-5px}.inventory-item[class*=rarity-]:not(.rarity-ungraded){background:radial-gradient(ellipse at 50% 38%,var(--rarity-bright),var(--rarity-stage) 66%,var(--rarity-body) 100%)}.inventory-item .rarity-label{align-self:center;margin:2px 0 9px;padding:3px 6px;font-size:12px}.intro{position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:18px;overflow:hidden;margin-bottom:28px;padding:23px 26px;border:1px solid #6a8680;border-left:3px solid var(--brass);border-radius:12px 3px;background:linear-gradient(115deg,#29545c,#193640 75%);box-shadow:inset 0 1px #c4e4d017}.intro>svg{width:29px;height:29px;color:var(--gold);margin-top:3px}.intro h2{color:#f4e6c5;font-size:23px}.intro p{color:#bdd2d2;font-size:14px;line-height:1.75;max-width:690px;padding-right:32px;margin-top:8px}.intro-sigil{position:absolute;right:21px;bottom:-9px;z-index:-1;color:#a6d7ce19;transform:rotate(-12deg)}.intro-sigil>svg{width:100px;height:100px}.inventory-heading{margin-top:0}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.inventory-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:21px 14px 19px;border:1px solid #897c5e;border-radius:13px 3px;background:radial-gradient(ellipse at top,#46696966,transparent 70%),#193745;box-shadow:inset 0 0 0 5px #0c253155}.inventory-item .magic-art{height:155px;width:100%}.inventory-item strong{max-width:200px;text-align:center;font-size:14px;font-weight:700;line-height:1.5;color:#e9e1c6}.inventory-quantity{position:absolute;top:12px;right:12px;padding:3px 8px;border:1px solid #8e7f99;border-radius:5px 1px;background:#354254;color:#ebd0ff;font-size:12px;font-weight:800;z-index:2}.activity{margin-top:29px;padding:0 23px 18px;border:1px solid #536e70;border-radius:12px 3px;background:#132e3be8}.activity .section-heading{margin:21px 0 16px}.activity .section-heading h2{font-size:20px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #42616866;color:#bed1d0;font-size:14px}.activity-row strong{font-weight:600}.activity-row time{margin-left:auto;color:#a4bdc5;font-size:12px}.activity-check{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #64968b;border-radius:7px 1px;background:#285449;color:#a4e5c1}.journal-empty{display:flex;align-items:center;gap:15px;padding:13px 0 9px;color:#d0b179}.journal-empty p{color:#c6d4d1;font-size:14px}.journal-empty small{display:block;margin-top:4px;color:#9bb5bf;font-size:12px}.notice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 18px;margin:18px 0;border:1px solid #5b8d83;border-radius:9px 2px;background:#20453f;color:#d0e7d9;font-size:14px}.notice>span{flex:1;min-width:160px;overflow-wrap:anywhere}.notice.warning{border-color:#b79962;background:#55472e;color:#f9e3b7}.dismiss{min-height:44px;min-width:44px;padding:8px;border:0;background:none;color:inherit}.empty,.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-height:270px;padding:32px;border:1px solid #557978;border-radius:14px 3px;background:radial-gradient(ellipse at center,#2c596170,#142d3b);color:#9cddd3;text-align:center}.empty h2,.loading h2{font-size:27px;color:#f0e5c7}.empty h3{color:#f0e5c7}.empty p,.loading p{max-width:500px;color:#b2c9ca;font-size:14px}.familiar-empty .magic-art{height:190px;width:230px;margin-top:-13px}.loading>svg{color:#d3b6ff;animation:orbit 14s linear infinite}.main-footer{display:flex;align-items:center;gap:15px;padding:26px 0 29px;margin-top:39px;border-top:1px solid #69817955;color:#96acb3;font-size:12px}.main-footer>span{color:#bfa574;font:400 16px/1 var(--display);letter-spacing:1px}.main-footer>button{gap:6px;margin-left:auto;min-height:44px;padding:8px 0;border:0;background:none;color:#b5c9c7;font-size:12px}.main-footer>button,.toast{display:flex;align-items:center}.toast{position:fixed;left:50%;bottom:25px;z-index:90;transform:translateX(-50%);gap:12px;width:max-content;max-width:calc(100% - 32px);padding:15px 20px;border:1px solid #a2b68c;border-radius:11px 3px;background:#1e434bed;color:#f1efcd;font-size:14px;backdrop-filter:blur(16px);box-shadow:0 10px 35px #030e2570}.toast>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #8ac2aa;border-radius:7px 1px;background:#3d715e;color:#c9f8d9}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:100;padding:22px;background:#04101dd9;backdrop-filter:blur(9px)}.modal{position:relative;display:flex;flex-direction:column;gap:17px;width:100%;max-width:650px;max-height:90vh;overflow:auto;padding:34px;border:1px solid #bc9c67;border-radius:19px 4px;background:linear-gradient(145deg,#22444e,#142d3d);box-shadow:0 30px 100px #020b19bb}.modal .close{position:absolute;right:18px;top:18px}.modal>.eyebrow{margin:4px 0 -7px}.modal h2{color:#f0ddb5;font-size:29px}.modal p{color:#c0d2d0;font-size:14px;line-height:1.8}.modal .guide-note{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #8b759f;border-radius:9px 2px;background:#4a42614d;color:#d0b6ec}.modal .guide-note p{color:#d6c8e6;font-size:13px}.guide-note>svg{margin-top:4px}.modal a{font-size:14px;text-underline-offset:4px}.bottom-nav,.mobile-energy,.mobile-resources{display:none}.spinning{animation:orbit 1.5s linear infinite}@keyframes orbit{to{transform:rotate(1turn)}}.magic-art.live-model{isolation:isolate;overflow:visible}.live-model .model-viewport{opacity:0;transition:opacity .2s}.live-model .animated-model,.live-model .model-viewport{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.live-model .animated-model{display:block;background:transparent;--progress-bar-color:transparent;--progress-bar-height:0px;--poster-color:transparent}.live-model .model-poster{transition:opacity .2s;transform:none!important}.live-model.model-ready .model-poster{opacity:0}.live-model.model-ready .model-viewport{opacity:1}@media (min-width:1550px){main{padding:35px 44px 0}.farm-scene{height:370px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.building-grid,.mining-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mining-grid .asset-stage{height:247px}.mining-grid .asset-stage .magic-art{height:100%}.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1280px){.topbar{gap:17px;padding:0 22px}.brand{width:194px;font-size:24px}.resource{min-width:132px;padding-right:9px;gap:7px}.resource-bar{gap:9px}.resource small{font-size:10px}.resource b{font-size:17px}.resource img{width:35px}.network-chip{display:none}.workspace{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar nav button{gap:9px;font-size:13px}main{padding:28px 27px 0}.save-state{display:none}.card-grid{gap:16px}.card-body{padding:18px}.card h3{font-size:18px}.asset-stage{height:220px}.asset-stage .magic-art{height:100%}.button-row .button{padding-left:10px;padding-right:10px}.tool .button-row{flex-direction:column}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.topbar{gap:14px;padding:0 20px}.brand{width:auto;font-size:22px;gap:9px}.brand-mark{width:40px;height:42px}.resource{min-width:112px;padding-left:5px;padding-right:8px;gap:4px}.resource small{max-width:96px;font-size:9px}.resource img{width:31px}.wallet-button{padding:10px;font-size:12px}.workspace{grid-template-columns:215px minmax(0,1fr)}main{padding:26px 24px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-stage{height:226px}.asset-stage .magic-art{height:100%}.tool .button-row{flex-direction:row}.farm-scene{height:335px}.map-spot{font-size:11px;padding:8px 10px}.map-spot.forest{left:5%;top:44%}.map-spot.mine{right:5%;top:39%}.map-spot.pond{left:13%;top:67%}.map-spot.fields{right:8%;top:61%}.scene-caption h2{font-size:26px}.intro{padding:22px}.intro h2{font-size:22px}.intro p{padding-right:0}}@media (max-width:860px){html{scroll-padding-top:88px}.topbar{height:77px;justify-content:space-between;padding:0 23px}.brand{font-size:25px;gap:12px}.brand-mark{width:43px;height:43px}.wallet-button{padding:11px 14px;font-size:13px}.resource-bar,.sidebar{display:none}.workspace{display:block;min-height:calc(100vh - 135px)}.mobile-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:11px 21px;border-bottom:1px solid #52716d66;background:#14313b}.mobile-resources>div{display:flex;align-items:center;justify-content:center;min-width:0;gap:9px;padding:0 12px;border-right:1px solid #9bb99c33}.mobile-resources>div:first-child{padding-left:0}.mobile-resources>div:last-child{border-right:0;padding-right:0}.mobile-resources>div>svg{width:21px;height:21px}.mobile-resources>div>span{min-width:0}.mobile-resources small{display:block;font-size:11px;color:#a1c0c3}.mobile-resources b{display:block;color:#eee9cf;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}main{padding:26px 24px 118px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:32px}.page-subtitle{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.7px}.mobile-energy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;padding:9px 12px;border:1px solid #82739a;border-radius:9px 2px;background:linear-gradient(110deg,#45395877,#233441);color:#d5c3ed;font-size:14px}.mobile-energy>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mobile-energy>span>svg{color:#d0afff}.mobile-energy strong{font-weight:800;color:#edddff}.mobile-energy .button{flex-shrink:0;color:#e7d1ff;background:#56436977;border-color:#a08cb9;padding:9px 14px;font-size:13px}.farm-scene{height:335px}.asset-stage{height:234px}.asset-stage .magic-art{height:100%}.card-body{padding:20px}.card h3{font-size:20px}.asset-category{font-size:11px}.tool .asset-stage>.tag{left:auto;right:13px;top:13px;font-size:10px}.tool .button-row{flex-direction:row}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 5px;padding:7px 12px max(7px,env(safe-area-inset-bottom));border-top:1px solid #c1a372;background:#102c38f7;box-shadow:0 -8px 24px #0716266b;backdrop-filter:blur(15px)}.bottom-nav>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:6px 8px;border:1px solid transparent;border-radius:7px 2px;background:none;color:#b2c9c7;font-size:13px;font-weight:700}.bottom-nav>button>svg{width:18px;height:18px;color:#8fbbb9}.bottom-nav>button.active{color:#f8d898;background:#345451;border-color:#a98d5c;box-shadow:inset 0 2px #efd09a50}.bottom-nav>button.active>svg{color:#f8d898}.toast{bottom:116px}.main-footer{margin-top:30px}}@media (max-width:620px){.topbar{height:74px;padding:0 17px;gap:10px}.brand{font-size:23px;gap:9px}.brand-mark{width:39px;height:41px;border-radius:10px 2px}.brand-mark>svg{width:28px}.brand small{font-size:9px;letter-spacing:2.2px;margin-top:5px}.wallet-button{min-height:44px;padding:10px;gap:7px;font-size:12px}.wallet-button>svg{width:16px}.wallet-button span{max-width:135px;overflow:hidden;text-overflow:ellipsis}.mobile-resources{padding:10px 17px}.mobile-resources>div{gap:7px;padding:0 9px}.mobile-resources>div>svg{width:19px;height:19px}.mobile-resources small{font-size:11px}.mobile-resources b{font-size:13px}main{padding:23px 17px 115px}.page-heading{gap:10px;align-items:flex-start}.page-heading h1{font-size:27px}.page-subtitle{font-size:13px;margin-top:8px}.eyebrow{font-size:9px;letter-spacing:1.45px;margin-bottom:9px}.heading-actions{align-self:flex-start;padding-top:22px}.mobile-energy{font-size:13px;padding:8px 10px;margin-bottom:20px}.mobile-energy .button{font-size:12px;padding:9px 12px}.farm-scene{height:302px;border-radius:15px 4px}.farm-scene:after{inset:6px;border-radius:8px 1px}.realm-art{object-position:center center}.scene-shade{background:linear-gradient(90deg,#0b1e35b3,#102d4130 70%),linear-gradient(0deg,#071a2eed,transparent 35%)}.scene-caption{top:19px;left:19px}.scene-caption h2{font-size:24px}.scene-kicker{font-size:9px;letter-spacing:1.1px}.map-spot{font-size:11px;min-height:44px;padding:8px 10px;gap:6px}.map-spot>svg{width:15px}.map-spot.forest{left:5%;top:44%}.map-spot.mine{right:5%;top:44%}.map-spot.pond{left:5%;top:64%}.map-spot.fields{right:5%;top:64%}.scene-footer{padding:8px 16px;font-size:11px}.scene-footer button{min-height:40px;padding:7px 9px;font-size:11px;gap:5px}.scene-footer>span{gap:5px}.scene-footer button>svg,.scene-footer>span>svg{width:13px}.section-heading{gap:12px;margin:28px 0 17px}.section-heading h2{font-size:23px}.section-heading>span{max-width:128px;font-size:12px}.section-kicker{font-size:9px;letter-spacing:1.4px}.text-button{font-size:12px;gap:6px;text-align:right}.count-badge{min-width:25px;height:25px;font-size:12px}.card-grid{grid-template-columns:minmax(0,1fr);gap:20px}.card{border-radius:0}.asset-stage,.building .asset-stage{height:233px;padding:38px 16px 24px}.asset-stage .magic-art,.building .asset-stage .magic-art{height:100%;max-width:290px;width:100%;margin:0}.asset-category{top:16px;left:18px;font-size:11px}.asset-stage>.tag,.tool .asset-stage>.tag{top:14px;left:auto;right:15px;font-size:11px}.card-body{gap:15px;padding:21px}.card h3{font-size:21px}.yield-line{font-size:13px}.yield-line>span:first-child{font-size:17px}.stat-line,.stat-line b{font-size:14px}.tool-meta{font-size:13px}.button,.button-row .button.secondary{min-height:47px;font-size:14px}.button-row .button,.button-row .button.secondary{padding-left:16px;padding-right:16px}.intro{gap:13px;padding:21px 19px}.intro>svg{width:24px;height:24px}.intro h2{font-size:22px;line-height:1.4}.intro p{font-size:14px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.inventory-item{padding:21px 12px 18px}.inventory-item .magic-art{height:145px}.inventory-item strong{font-size:14px}.inventory-quantity{top:10px;right:10px;font-size:12px}.activity{padding:0 18px 17px}.activity .section-heading{flex-wrap:wrap;gap:7px}.activity .section-heading h2{font-size:19px}.activity .section-heading>span{max-width:none}.activity-row{gap:10px;font-size:13px}.activity-row time{font-size:12px}.journal-empty{gap:13px}.journal-empty p{font-size:14px}.journal-empty small{font-size:12px}.notice{padding:14px;font-size:14px}.main-footer{gap:10px;padding:23px 0 16px}.main-footer p{display:none}.main-footer>span{font-size:15px}.main-footer>button{font-size:12px}.bottom-nav{padding-left:9px;padding-right:9px;gap:4px}.bottom-nav>button{gap:6px;min-height:43px;padding:6px 5px;font-size:12px}.bottom-nav>button>svg{width:17px;height:17px}.toast{bottom:120px;font-size:13px;padding:13px 16px}.modal-backdrop{padding:15px}.modal{padding:27px 22px;border-radius:13px 3px}.modal h2{font-size:25px}.modal p{font-size:14px}.modal .guide-note p{font-size:13px}.empty{padding:28px 20px}.empty h3{font-size:19px}.breeding-pair .magic-art{height:100%}}@media (max-width:380px){.topbar{padding:0 12px;gap:7px}.brand{font-size:20px;gap:7px}.brand-mark{width:34px;height:38px}.brand small{font-size:8px;letter-spacing:1.8px}.wallet-button{padding:9px;font-size:11px;gap:6px}.wallet-button>svg{width:15px}.wallet-button span{max-width:118px}main{padding-left:13px;padding-right:13px}.page-heading h1{font-size:25px}.page-subtitle{font-size:12px}.mobile-resources{padding-left:13px;padding-right:13px}.mobile-resources b{font-size:12px}.mobile-resources>div{gap:5px;padding:0 7px}.mobile-resources>div>svg{width:16px}.mobile-energy{font-size:12px;gap:7px}.mobile-energy .button{font-size:11px;padding:9px}.map-spot{gap:5px;font-size:10px;padding:8px}.map-spot.forest,.map-spot.pond{left:4%}.map-spot.fields,.map-spot.mine{right:4%}.scene-footer{padding-left:12px;padding-right:12px;gap:8px;font-size:10px}.scene-footer button{font-size:10px;padding:7px}.section-heading h2{font-size:21px}.text-button{font-size:11px}.asset-category,.asset-stage>.tag,.tool .asset-stage>.tag{font-size:10px}.bottom-nav>button{gap:4px;padding:6px 3px;font-size:11px}.bottom-nav>button>svg{width:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}.card:hover{transform:none!important}.live-model .model-viewport{display:none!important}.live-model .model-poster{opacity:1!important}}.art-object{container-type:size;place-items:center;transform-origin:50% 62%}.art-object,.poster-frame{position:absolute;inset:0;display:grid}.poster-frame{margin:auto;width:100%;height:100%;place-items:center}@supports (width:1cqw){.poster-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}.action-effects{position:absolute;inset:0;z-index:4;pointer-events:none;--effect-color:#a6e4bf}.tone-1 .action-effects{--effect-color:#80e8ee}.tone-2 .action-effects{--effect-color:#d1a8ff}.action-effects.effect-repair{--effect-color:#ffdc91}.pending-rim{position:absolute;inset:12% 21%;border:1px solid #acddd999;border-radius:50%;box-shadow:0 0 15px #8ee5e225;animation:tool-pending 1.25s ease-in-out infinite;pointer-events:none}.action-ring{position:absolute;inset:17% 23%;border:2px solid var(--effect-color);border-radius:50%;box-shadow:0 0 23px color-mix(in srgb,var(--effect-color),transparent 40%);animation:tool-ring 1.15s ease-out both}.action-status{position:absolute;left:50%;bottom:1px;display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 11px;transform:translateX(-50%);border:1px solid var(--effect-color);border-radius:7px 2px;background:#12303cee;color:var(--effect-color);box-shadow:0 4px 16px #061d3470;font-size:12px;font-weight:800;white-space:nowrap;animation:tool-status 1.85s ease-out both}.action-motes{position:absolute;inset:0}.action-mote{position:absolute;left:50%;top:49%;color:var(--effect-color);filter:drop-shadow(0 0 4px #89e5dca0);animation:tool-resource-burst 1.4s cubic-bezier(.2,.6,.3,1) both}.action-mote svg{fill:color-mix(in srgb,var(--effect-color),transparent 77%)}.mote-0{--dx:-90px;--dy:-56px;--spin:-24deg}.mote-1{--dx:-52px;--dy:-94px;--spin:20deg;animation-delay:.08s}.mote-2{--dx:-12px;--dy:-114px;--spin:-15deg;animation-delay:.14s}.mote-3{--dx:42px;--dy:-98px;--spin:32deg;animation-delay:.05s}.mote-4{--dx:91px;--dy:-58px;--spin:20deg;animation-delay:.1s}.mote-5{--dx:67px;--dy:4px;--spin:-20deg;animation-delay:.19s}.mote-6{--dx:-65px;--dy:8px;--spin:28deg;animation-delay:.13s}.mote-7{--dx:2px;--dy:-60px;--spin:40deg;animation-delay:.24s}.repair-sweep{position:absolute;left:17%;right:17%;top:20%;height:24px;border-top:2px solid #fff2c8;border-bottom:1px solid #f4bc6080;border-radius:50%;background:linear-gradient(180deg,#ffdb9677,transparent);box-shadow:0 -5px 25px #e2b77344;animation:tool-repair-sweep 1.25s ease-in-out both}.effect-repair .action-ring{border-radius:18%;animation:tool-repair-ring 1.4s ease-out both}.effect-repair .action-mote{animation-name:tool-repair-sparks;filter:drop-shadow(0 0 5px #ffdd99)}.action-mine:not(.model-ready) .art-object{animation:tool-collect-motion 1.25s cubic-bezier(.2,.6,.3,1) both}.action-repair:not(.model-ready) .art-object{animation:tool-repair-motion 1.25s ease-in-out both}.action-mine:not(.model-ready)[data-action-cycle=b] .art-object{animation-name:tool-collect-repeat}.action-repair:not(.model-ready)[data-action-cycle=b] .art-object{animation-name:tool-repair-repeat}.card:has(.action-repair) .durability .progress i{background:linear-gradient(90deg,#c49c58,#ffe9ae);box-shadow:0 0 13px #ffd27899}.card:has(.action-repair) .durability .stat-line b{color:#ffe3a1}@keyframes tool-pending{0%,to{opacity:.25;transform:scale(.93)}50%{opacity:.65;transform:scale(1)}}@keyframes tool-ring{0%{transform:scale(.35);opacity:.9}70%,to{transform:scale(1.55);opacity:0}}@keyframes tool-status{0%{opacity:0;margin-bottom:-7px}15%,82%{opacity:1;margin-bottom:0}to{opacity:0;margin-bottom:4px}}@keyframes tool-resource-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}15%{opacity:1}65%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(.75)}}@keyframes tool-collect-motion{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-7px) rotate(-8deg)}44%{transform:translateY(3px) rotate(7deg) scale(1.04)}66%{transform:translateY(-4px) rotate(-3deg)}82%{transform:translateY(0) rotate(1deg)}}@keyframes tool-repair-motion{0%,to{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.035);filter:brightness(1.22)}55%{transform:scale(.99);filter:brightness(1.06)}76%{transform:scale(1.018);filter:brightness(1.15)}}@keyframes tool-repair-sweep{0%{opacity:0;transform:translateY(-22px) scaleX(.7)}18%{opacity:1}85%{opacity:.85}to{opacity:0;transform:translateY(126px) scaleX(1)}}@keyframes tool-repair-ring{0%{opacity:0;transform:scale(.78) rotate(-12deg)}25%{opacity:.8}to{opacity:0;transform:scale(1.18) rotate(12deg)}}@keyframes tool-repair-sparks{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%,26%{opacity:1}48%{opacity:.35}63%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx) * .8),calc(-50% + var(--dy) * .55 + 35px)) rotate(var(--spin)) scale(.7)}}@media (prefers-reduced-motion:reduce){.action-motes,.action-ring,.pending-rim,.repair-sweep{display:none!important}.action-status{opacity:1;animation:none!important}.action-mine .art-object,.action-repair .art-object{transform:none!important;filter:none!important}}@keyframes tool-collect-repeat{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-7px) rotate(-8deg)}44%{transform:translateY(3px) rotate(7deg) scale(1.04)}66%{transform:translateY(-4px) rotate(-3deg)}82%{transform:translateY(0) rotate(1deg)}}@keyframes tool-repair-repeat{0%,to{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.035);filter:brightness(1.22)}55%{transform:scale(.99);filter:brightness(1.06)}76%{transform:scale(1.018);filter:brightness(1.15)}}#city-navigation-start{display:block;scroll-margin-top:86px}.city-mode .workspace{display:block;max-width:1800px}.city-mode .sidebar{display:none}.city-mode main{padding:14px 24px 0}.city-mode .page-heading{margin-bottom:12px;align-items:center}.city-mode .page-heading h1{font-size:23px}.city-mode .eyebrow,.city-mode .page-subtitle{display:none}.city-mode .heading-actions{align-self:center;padding:0}.city-mode .mobile-energy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;min-height:44px;margin-bottom:10px;border:1px solid #8193a32f;background:#101f31;border-radius:6px}.city-mode .mobile-energy .button{width:auto;margin:0;min-height:34px;padding:5px 12px;font-size:12px}.city-mode .mobile-energy>span{font-size:13px}.personal-city{border:1px solid #ab8b60;border-radius:9px;background:#111a2b;overflow:hidden;box-shadow:0 15px 45px #050b1a50;margin-bottom:28px}.city-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 18px;background:linear-gradient(100deg,#18263b,#142438);border-bottom:1px solid #b28d504c}.city-breadcrumb,.city-services{display:flex;align-items:center;gap:10px}.city-breadcrumb{color:#d0d9e5;font-size:14px}.city-breadcrumb button,.city-services button{display:flex;align-items:center;gap:8px;color:#edf0ed;border:0;background:transparent;padding:7px 3px;cursor:pointer;font-size:14px;min-height:36px}.city-breadcrumb button{color:#f2d699}.city-services{gap:22px}.city-services button>svg{color:#c2a4ef}.city-stage{position:relative;aspect-ratio:1672/941;isolation:isolate;overflow:hidden;background:#243453}.city-world{position:absolute;width:100%;aspect-ratio:1672/941;left:0;top:50%;transform:translate(var(--camera-x),calc(-50% + var(--camera-y))) scale(var(--camera-scale));transform-origin:center;transition:transform .85s cubic-bezier(.22,.75,.16,1)}.city-landscape{display:block;width:100%;height:100%;object-fit:fill;user-select:none}.city-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#10142c99,transparent 12%,transparent 93%,#151a3314)}.city-worksite{position:absolute;transform:translate(-50%,-89%);aspect-ratio:1;height:auto;min-width:0;min-height:0;background:none;color:#fff4d5;border:0;cursor:pointer;padding:0;display:block;-webkit-tap-highlight-color:transparent}.worksite-unavailable{position:absolute;inset:35% 25% 15%;display:grid;place-items:center;color:#e5d3a2;border:1px dashed #e5d3a2;background:#223049b3;border-radius:5px}.city-worksite>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 5px 2px #30214045)}.city-worksite:focus-visible>img,.city-worksite:hover>img{filter:drop-shadow(0 0 2px #fff0ae) brightness(1.08)}.city-worksite:focus-visible{outline:2px solid #ffe4a4;outline-offset:0;border-radius:8px}.district-stage .city-worksite:not(.is-focused){pointer-events:none}.city-worksite:active:not(:disabled){transform:translate(-50%,-89%)}.worksite-indicator{position:absolute;right:13%;top:22%;min-width:12px;font-size:8px;font-weight:800;line-height:1.5;color:#1d2b43;background:#e9d4a3;border:1px solid #fff5d2;border-radius:6px;padding:0 2px;box-shadow:0 1px 4px #1a193c66}.worksite-indicator:empty{display:none}.status-ready .worksite-indicator{color:#d7ffd9;background:#254d49;border-color:#b4edbd}.worksite-caption{position:absolute;left:50%;top:97%;transform:translateX(-50%) scale(calc(1 / var(--camera-scale)));transform-origin:top center;min-width:150px;padding:6px 9px;border:1px solid #d3af6c;border-radius:5px;background:#132239f5;color:#fff0ca;box-shadow:0 4px 12px #06132a80;opacity:0;pointer-events:none;transition:opacity .15s;text-align:center;line-height:1.35}.worksite-caption strong{display:block;font-size:13px;font-weight:600}.worksite-caption small{display:block;font-size:12px;color:#b9d3d9;margin-top:3px}.city-worksite:focus-visible,.city-worksite:hover{z-index:1200!important}.city-worksite:focus-visible .worksite-caption,.city-worksite:hover .worksite-caption{opacity:1}.city-district-pin{position:absolute;z-index:1100;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 11px;min-height:40px;white-space:nowrap;background:linear-gradient(#1e2943ed,#131c30ed);color:#fff0cd;border:1px solid #dec28a;border-radius:5px;box-shadow:0 3px 12px #15213c70,inset 0 1px #ffdfa92e;cursor:pointer;font-size:13px}.city-district-pin,.city-district-pin:active:not(:disabled){transform:translate(-50%,-10%)}.city-district-pin:focus-visible,.city-district-pin:hover{background:#40415f;border-color:#fff0b5}.city-district-pin b{color:#bce4ed;font-size:12px}.city-district-pin i{width:6px;height:6px;border-radius:50%;background:#a9f2bf;box-shadow:0 0 8px #82ecb5}.pin-number{display:none}.city-map-note{position:absolute;display:flex;align-items:center;justify-content:center;gap:7px;bottom:12px;width:100%;z-index:3;color:#fff5d8;font-size:12px;pointer-events:none;text-shadow:0 1px 5px #11152a}.district-directory{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#5d63744d;border-top:1px solid #b0936055}.district-directory>button{display:flex;align-items:center;text-align:left;background:#15263a;padding:13px 12px;gap:10px;color:#ecebdc;min-width:0;border:0;cursor:pointer}.district-directory>button:hover{background:#293851}.directory-icon{color:#c1e4aa;position:relative;flex-shrink:0;width:30px;height:32px;display:grid;place-items:center}.directory-icon small{position:absolute;bottom:-6px;right:-3px;padding:0 3px;color:#dbc399;background:#15263a;font-size:10px}.icon-food{color:#81e2f0}.icon-gold{color:#d2a5ff}.icon-membership{color:#efcb7e}.directory-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.directory-copy strong{font-size:13px;font-weight:600;line-height:1.35}.directory-copy small{color:#b4c3d5;font-size:12px;line-height:1.35}.directory-status{color:#b4e6bd;font-size:13px}.directory-status b{font-weight:600}.directory-status b span{display:none}.district-scene-heading{position:absolute;left:24px;top:22px;z-index:4;pointer-events:none;padding:12px 17px;border-left:2px solid #e2c287;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#131c33e8,#131c3399)}.district-scene-heading>span{color:#eed39a;letter-spacing:2px;font-size:12px}.district-scene-heading h2{color:#fff1d5;font-size:clamp(23px,3vw,36px);margin:3px 0;font-family:Georgia,serif}.district-scene-heading p{color:#d3e3eb;font-size:13px;margin:0}.district-empty{position:absolute;z-index:5;bottom:12%;left:50%;transform:translateX(-50%);max-width:480px;width:82%;padding:22px;border:1px solid #ddb97999;border-radius:8px;background:#152239e8;box-shadow:0 6px 24px #17203c50;color:#f9ebd0;text-align:center;display:grid;justify-items:center}.district-empty>span{color:#c7edb5}.district-empty h3{font-size:20px;margin:8px 0 6px}.district-empty p{max-width:400px;font-size:14px;color:#cadbe7;margin:0 0 16px}.district-empty button{background:#ead29a;color:#1e2a3c;border:0;padding:10px 15px;display:flex;gap:8px;align-items:center;border-radius:5px;cursor:pointer;font-size:14px}.district-summary{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 10px;background:#15273a}.district-summary>span{display:grid;gap:4px;text-align:center;border-right:1px solid #c2d1ce20;font-size:13px;color:#bfd1dd}.district-summary>span:last-child{border:0}.district-summary b{color:#f2d59d;font-size:24px;font-weight:500}.city-cluster-picker{padding:15px 22px;background:#24324b;border-block:1px solid #aa996a}.city-cluster-picker>div{gap:12px;font-size:14px;margin-bottom:7px}.city-cluster-picker>button,.city-cluster-picker>div{display:flex;justify-content:space-between;align-items:center}.city-cluster-picker>button{width:100%;color:#fff1d5;background:transparent;padding:12px 0;border:0;border-top:1px solid #ccd1c62c;text-align:left;cursor:pointer}.city-cluster-picker small{display:block;color:#bdcddf;margin-top:4px}.district-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.district-filters button{border:1px solid #5b716b;border-radius:20px;padding:8px 12px;background:#172c27;color:#c1d2c8;font-size:14px;cursor:pointer}.district-filters button.active{border-color:#d9c68b;color:#ffeec0;background:#344336}.instance-label{display:block;color:#9dadab;margin:-3px 0 13px}.entity-home,.instance-label{font-size:12px;overflow-wrap:anywhere}.entity-home{color:#a7bdb1;margin:0 0 14px}.card[tabindex="-1"]{scroll-margin-top:130px}.card[tabindex="-1"]:focus,.selected-entity{outline:2px solid #e5d391;outline-offset:4px}.empty-plot-art{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;height:100%;color:#bcdac8;font-size:13px}.district-development{border-top:1px solid #8b9f823a;margin-top:36px;padding-top:5px;scroll-margin-top:120px}.development-subtitle{font-size:16px;color:#dfd5b4;margin:24px 0 15px}.development-callout{display:flex;gap:18px;align-items:center;background:#203429;padding:24px;border:1px solid #6e89654f;border-radius:14px}.development-callout>svg{flex-shrink:0;color:#c9d6ac}.development-callout h3{font-size:16px;margin:0 0 6px}.development-callout p{color:#b8c9bb;font-size:14px;line-height:1.6;margin:0}.development-callout .button{width:auto;flex-shrink:0;margin:0}.development-stock{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#b7cbbb;font-size:14px;margin:22px 0}.placement-card{align-self:start}@media(min-width:1700px){.city-mode main{padding-inline:40px}}@media(max-width:1150px){.district-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.district-directory>button{padding:12px}.city-district-pin{font-size:12px;min-height:36px;padding:5px 8px;gap:5px}}@media(max-width:600px){.city-mode main{padding:10px 10px 0}.city-mode .page-heading h1{font-size:20px}.city-mode .page-heading{margin-bottom:8px}.city-mode .heading-actions .save-state{display:none}.city-mode .mobile-energy{margin-bottom:8px;padding:6px 10px}.city-mode .mobile-energy>span{font-size:12px}.city-mode .mobile-energy .button{font-size:12px;padding:6px 10px}.personal-city{border-radius:7px;margin-bottom:20px}.city-toolbar{padding:5px 10px;min-height:48px;gap:7px}.city-services{gap:7px}.city-services button span{display:none}.city-services button{width:40px;min-height:38px;justify-content:center}.city-breadcrumb{gap:5px;font-size:12px}.city-breadcrumb button{font-size:13px;white-space:nowrap}.city-breadcrumb>span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-stage{aspect-ratio:1672/941}.city-district-pin{padding:3px 6px;gap:4px;min-width:44px;min-height:44px;border-radius:5px}.city-district-pin,.city-district-pin:active:not(:disabled){transform:translate(-50%,-85%)}.city-district-pin.pin-membership{top:24%!important}.city-district-pin .pin-title,.city-district-pin>svg{display:none}.pin-number{display:inline}.city-district-pin b,.pin-number{font-size:12px}.city-district-pin i{width:4px;height:4px}.city-map-note{bottom:5px;font-size:10px;gap:4px}.overview-stage .city-map-note{display:none}.district-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.district-directory>button{min-height:65px;padding:10px 8px;gap:8px}.directory-copy small,.directory-copy strong,.directory-status{font-size:12px}.directory-icon{width:25px;height:28px}.directory-icon svg{width:17px}.district-stage{aspect-ratio:1.1}.district-stage .city-world{transform:translate(var(--camera-x),calc(-50% + var(--camera-y-mobile))) scale(var(--camera-scale))}.district-stage .city-worksite{min-width:calc(44px / var(--camera-scale))}.district-scene-heading{top:12px;left:12px;padding:8px 11px}.district-scene-heading h2{font-size:23px}.district-scene-heading>span{font-size:10px}.district-scene-heading p{font-size:12px}.district-empty{bottom:10%;padding:14px;width:86%}.district-empty h3{font-size:17px}.district-empty p{font-size:13px;margin-bottom:12px}.district-empty>span{display:none}.district-empty button{padding:8px 12px;font-size:13px}.district-summary{padding:13px 4px}.district-summary>span{font-size:12px;padding:0 3px}.district-summary b{font-size:21px}.district-filters{gap:6px}.district-filters button{font-size:13px;padding:8px 11px}.development-callout{flex-wrap:wrap;padding:20px;gap:12px}.development-callout>div{flex:1}.development-callout .button{width:100%}.city-cluster-picker{padding:12px 15px}.city-cluster-picker small{font-size:12px}.city-cluster-picker>button{font-size:14px}}@media(prefers-reduced-motion:reduce){.city-world,.worksite-caption{transition:none!important}}.functional-city{background:#101e2c;border-color:#6473546b}.functional-scene,.town-scene{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#354b34}.functional-landscape,.town-landscape{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.town-scene{animation:town-return .48s ease-out both}.town-possessions{position:absolute;height:13%;transform:translate(-50%,-65%);pointer-events:none}.town-possessions>span{position:absolute;width:33%;height:75%;transform:translate(-50%,-70%)}.town-possessions img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 4px 2px #231a1955)}.town-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:#122524dd;border:1px solid #b5ce8c99;color:#fff5d2;padding:5px 10px;border-radius:20px;font-size:13px;line-height:1;cursor:pointer;min-height:32px;box-shadow:0 2px 5px #1425166b;white-space:nowrap}.town-label:before{content:"";position:absolute;inset:-7px -2px}.town-label:focus-visible,.town-label:hover{background:#304732;border-color:#f4dca4}.town-label:active:not(:disabled){transform:translate(-50%,-50%)}.town-label b{font-size:11px;color:#c5e8de;font-variant-numeric:tabular-nums}.town-label i{width:5px;height:5px;border-radius:50%;background:#c1ed78;box-shadow:0 0 5px #a5fc81}.town-district-target{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;margin:0;background:none;pointer-events:none;touch-action:pan-x pan-y pinch-zoom}.town-district-target:active:not(:disabled){transform:none}.town-district-target:focus-visible{outline:none}.town-building-targets{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.town-building-ground{pointer-events:all;cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.town-district-target .town-label{pointer-events:auto}.town-district-target:disabled .town-label{pointer-events:none}.town-district-target:focus-visible .town-label{outline:3px solid #fff1b6;outline-offset:3px;background:#304732;border-color:#f4dca4}.town-district-target:focus-visible .town-building-ground{fill:#fff1b610;stroke:#fff1b6;stroke-width:3px}@media(hover:hover){.town-district-target:hover .town-label{background:#304732;border-color:#f4dca4}.town-district-target:hover .town-building-ground{fill:#fff1b612;stroke:#fff1b699}}@media(min-width:768px){.town-label{font-size:clamp(16px,1.05vw,21px);font-weight:700;min-height:clamp(38px,2.65vw,48px);padding:8px 14px;gap:7px;border-color:#d8d6a6cc;background:#122524f0;box-shadow:0 3px 9px #10201780}.town-label svg{width:1em;height:1em}.town-label b{font-size:.82em}.town-label i{width:6px;height:6px}}.functional-district{animation:district-arrive .65s cubic-bezier(.2,.75,.2,1) both;transform-origin:var(--district-origin)}@keyframes district-arrive{0%{opacity:.25;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes town-return{0%{opacity:.4;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}.functional-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;background:linear-gradient(110deg,#253126,#1c2837)}.functional-heading h2{margin:0 0 5px;font:clamp(22px,2.5vw,32px)/1.15 Georgia,serif;color:#fff0cb}.functional-heading p{margin:0;color:#bdcaba;font-size:13px}.capacity-label{border:1px solid #99ae7855;border-radius:20px;padding:8px 12px;color:#ddeabc;font-size:13px;white-space:nowrap}.physical-entity{position:absolute;border:0;padding:0;background:none;color:#fff4ce;cursor:pointer;min-height:0;min-width:0;-webkit-tap-highlight-color:transparent}.physical-entity>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 1px #1d201844);pointer-events:none;user-select:none}.mounted-mechanism{transform:translate(-50%,-86%)}.mounted-mechanism:before{content:"";position:absolute;z-index:-1;width:41%;height:7%;left:30%;bottom:7%;background:#24190ccc;border-radius:50%;filter:blur(2px);transform:skew(-20deg)}.physical-entity:focus-visible>img,.physical-entity:hover>img{filter:drop-shadow(0 0 3px #fff5b5) brightness(1.12)}.physical-entity:focus-visible{outline:2px solid #fff4bb;outline-offset:1px;border-radius:10px;z-index:100!important}.mounted-mechanism:active:not(:disabled){transform:translate(-50%,-86%)}.physical-status{position:absolute;left:50%;bottom:5%;width:6px;height:6px;transform:translate(-50%,100%);border:1px solid #fff7bd;border-radius:50%;background:#697777;box-shadow:0 1px 2px #153023}.status-ready>.physical-status{background:#c5f282;box-shadow:0 0 6px #c5f282}.status-blocked>.physical-status{background:#ef9c73}.physical-tooltip{position:absolute;left:50%;bottom:102%;min-width:155px;transform:translateX(-50%);padding:8px 10px;border:1px solid #d1ba77;border-radius:6px;background:#152b2cf5;opacity:0;pointer-events:none;font-size:12px;text-align:center;z-index:120}.physical-tooltip small{display:block;margin-top:3px;color:#bcd4bf;font-size:11px}.physical-entity:focus-visible,.physical-entity:hover{z-index:100!important}.physical-entity:focus-visible>.physical-tooltip,.physical-entity:hover>.physical-tooltip{opacity:1}.empty-station{position:absolute;width:18px;height:8px;transform:translate(-50%,-50%) rotate(-6deg);border:1px solid #ecddb085;border-radius:50%;background:#e6daa016;pointer-events:none}.functional-unknown{display:grid;place-items:center;width:65%;height:60%;margin:25% auto 0;border:1px dashed #ead9ab;border-radius:6px;background:#172b2cbb;color:#e9d9af}.station-register{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#192b29;border-top:1px solid #66845b66}.station-register>button{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left;color:#e9e8ce;background:none;border:0;border-right:1px solid #b0c59920;padding:12px;cursor:pointer;min-height:68px}.station-register>button:hover:not(:disabled){background:#2f4735}.station-register>button:disabled{opacity:.66;cursor:default}.register-index{color:#c1a970;font:18px Georgia,serif}.station-register strong{display:block;font-size:12px;line-height:1.35;font-weight:600}.station-register small{display:block;font-size:10px;line-height:1.3;margin-top:3px;color:#9db7a5}.station-register>button>svg{margin-left:auto;flex-shrink:0;color:#b8c983}.station-register .status-ready small{color:#c4eba3}.annex-heading{display:flex;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid #7e995960;color:#f2e1b5}.annex-heading span{color:#b1c3a3;font-size:12px}.functional-annex{position:relative;aspect-ratio:2.5;background:radial-gradient(ellipse at center,#776e3e77,transparent 60%),linear-gradient(160deg,#3b4931,#7a7754 45%,#405134);overflow:hidden;isolation:isolate;border-top:1px solid #9d9a6944}.functional-annex:before{content:"";position:absolute;inset:10% 3%;border:3px solid #bdab6e50;border-radius:40%;transform:rotate(-3deg);box-shadow:0 0 0 5px #24352655}.annex-bench{position:absolute;transform:translate(-50%) skewY(4deg);height:12%;background:repeating-linear-gradient(0deg,#a87a42 0 7px,#654622 8px,#b68c4e 9px);border:2px solid #513c22;box-shadow:2px 3px 0 #c2995b,0 10px 7px #10251b6b;border-radius:3px;z-index:0}.annex-bench:after,.annex-bench:before{content:"";position:absolute;width:8%;top:95%;height:120%;background:#75542c;border:1px solid #432e1b}.annex-bench:before{left:10%}.annex-bench:after{right:10%}.functional-annex .mounted-mechanism{height:65%!important}.estate-landscape{position:relative;height:clamp(180px,24vw,340px);overflow:hidden}.estate-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.landscape-empty-label{position:absolute;left:20px;bottom:20px;border-left:2px solid #d2bd81;padding:8px 13px;background:#1f3229d9;color:#fff0c4;font:19px Georgia,serif}.owned-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.owned-property{overflow:hidden;border:1px solid #96ad6c55;border-radius:7px;background:#21392e}.owned-property>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;background:#132a28;color:#c7d2b2;font-size:12px}.owned-property header>button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#f3e3b9;padding:0;cursor:pointer;font-size:14px}.owned-property header small{color:#a7bf9a}.property-ground{position:relative;aspect-ratio:1.6;overflow:hidden;isolation:isolate;background-image:linear-gradient(#1c422316,#1c422338),url(/scenes/functional/animals.webp);background-size:cover;background-position:center 75%}.physical-home{left:48%;top:34%;width:51%;height:75%;transform:translate(-50%,-37%)}.physical-resident{z-index:5}.physical-resident,.physical-resident:active:not(:disabled){transform:translate(-50%,-72%)}.physical-home:active:not(:disabled){transform:translate(-50%,-37%)}.resident-empty{position:absolute;transform:translate(-50%,-50%);border:1px dashed #d9ddb299;border-radius:50%;padding:7px 12px;color:#f2e7bf;background:#304d2988;font-size:10px}.breeding-art{display:flex;width:100%;height:100%;align-items:center}.breeding-art img{width:58%;height:100%;object-fit:contain;margin-right:-14%}.crop-ground{aspect-ratio:3/2;background-image:linear-gradient(#3b39180d,#2b372b33),url(/scenes/functional/farm.webp)}.crop-ground>.garden-bed-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.garden-irrigation{position:absolute;z-index:10;top:4%;right:4%;min-height:36px;padding:7px 10px;border:1px solid #d3c69580;color:#e0f0d9;background:#19352be6;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;box-shadow:0 2px 5px #19292055}.crop-places{position:absolute;inset:0}.physical-crop{position:absolute;background:none;border:0;box-shadow:none}.physical-crop,.physical-crop:active:not(:disabled){transform:translate(-50%,-86%)}.physical-crop>img{position:absolute;inset:0;width:100%;height:100%}.physical-crop .physical-status{bottom:9%}.empty-soil{display:block;width:100%;height:100%}.physical-crop .empty-soil{position:absolute;bottom:5%;left:12%;width:76%;height:26%;border:1px dashed #f4dea36b;border-radius:50%;background:#f5ce7010;transform:rotate(8deg)}.physical-crop.status-empty .physical-status{display:none}.plot-construction{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);color:#f3e4be;background:#243726bd;padding:9px 12px;border-radius:5px;font-size:12px}.property-resident-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:4px 12px}.property-resident-list button{display:flex;align-items:center;gap:4px;padding:8px 0;border:0;border-bottom:1px solid #abb78822;background:none;color:#f1eacb;text-align:left;font-size:11px;cursor:pointer}.property-resident-list small{margin-left:auto;color:#b8c5a5;font-size:10px}.property-resident-list svg{flex-shrink:0}.unattached-entities{padding:12px}.unattached-entities button{padding:10px;color:#f0dfbb;background:#254137;border:1px solid #a89b58;border-radius:4px}.mounted-seal,.mounted-seal:active:not(:disabled){transform:translate(-50%,-80%)}.seal-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:8px}.seal-register>button{display:flex;align-items:center;color:#f4e3c3;background:#25382e;border:1px solid #8d996746;padding:9px;cursor:pointer;text-align:left;font-size:13px}.seal-register img{width:42px;height:42px;object-fit:contain;margin-right:8px}.seal-register small{display:block;color:#bdcdb1;margin-top:4px;font-size:11px}.seal-register svg{margin-left:auto;flex-shrink:0}.functional-empty{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px;color:#c8d7ba;font-size:13px}.functional-empty button{display:flex;gap:6px;align-items:center;background:#334c35;color:#f4e7b9;border:1px solid #a4ae6477;border-radius:5px;padding:8px 11px;cursor:pointer}@media(max-width:900px){.station-register{grid-template-columns:repeat(3,minmax(0,1fr))}.station-register>button{border-bottom:1px solid #b0c59920}.owned-properties{gap:10px;padding:10px}.owned-property>header{padding:9px}.owned-property header>button{font-size:12px}.owned-property>header>span{white-space:nowrap}.seal-register{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.functional-heading{padding:12px;gap:7px}.functional-heading h2{font-size:23px}.functional-heading p{font-size:11px}.capacity-label{font-size:11px;padding:7px 9px}.town-label{font-size:10px;min-height:23px;padding:4px 6px;gap:3px;border-color:#dadcb399}.town-label svg{width:11px;height:11px}.town-label b{font-size:9px}.town-label i{width:4px;height:4px}.town-label:before{inset:-10px -2px}.station-register{grid-template-columns:repeat(2,minmax(0,1fr))}.station-register>button{min-height:59px;padding:10px;gap:8px}.register-index{font-size:17px}.station-register strong{font-size:11px}.station-register small{font-size:10px}.physical-tooltip{display:none}.physical-status{width:5px;height:5px}.empty-station{width:10px;height:5px}.owned-properties{grid-template-columns:1fr;padding:10px}.owned-property header>button{font-size:14px}.owned-property>header>span{font-size:12px}.estate-landscape{height:190px}.landscape-empty-label{left:12px;bottom:14px;font-size:16px}.property-resident-list{padding:5px 10px}.property-resident-list button{font-size:10px}.property-resident-list small{font-size:9px}.seal-register>button{padding:7px;font-size:11px}.seal-register img{width:34px;height:34px}.seal-register small{font-size:10px}.functional-annex{aspect-ratio:1.8}.annex-heading{padding:11px 14px;font-size:13px}.annex-bench{height:8%}.functional-empty{gap:8px;padding:14px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.functional-district,.town-scene{animation:none!important}}.functional-annex{aspect-ratio:3/2;border:0;background:#3e4d32}.functional-annex:before{display:none}.functional-annex .mounted-mechanism{height:var(--station-height)!important}.mounted-seal,.mounted-seal:active:not(:disabled){transform:translate(-50%,-50%)}.district-experience{position:relative}.city-approach{position:absolute;left:0;right:0;top:0;aspect-ratio:3/2;overflow:hidden;pointer-events:none;z-index:200;animation:approach-fade .75s ease-out both}.city-approach>.approach-world{width:100%;height:100%;object-fit:cover;animation:approach-camera .75s cubic-bezier(.22,.75,.16,1) both}@keyframes approach-camera{0%{transform:translate(0) scale(1)}to{transform:translate(var(--approach-x),var(--approach-y)) scale(3)}}@keyframes approach-fade{0%,20%{opacity:1}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.city-approach{display:none}.city-approach>.approach-world{animation:none}}.town-camera{position:relative;width:100%;height:100%}.returning-to-town{animation:none}.returning-to-town .town-camera{animation:return-camera .7s cubic-bezier(.22,.75,.16,1) both}@keyframes return-camera{0%{transform:translate(var(--return-x),var(--return-y)) scale(3)}to{transform:translate(0) scale(1)}}.town-entity i{position:absolute;width:3px;height:3px;bottom:10%;left:50%;background:#d6f392;border-radius:50%;box-shadow:0 0 3px #d6f392}.town-entity .empty-soil{display:none}.town-entity.kind-plot{transform:translate(-50%,-86%)}.town-entity .garden-bed-art{filter:none}@media(prefers-reduced-motion:reduce){.returning-to-town .town-camera{animation:none}}.device-fishing-boat.mounted-mechanism:before{width:65%;height:8%;left:18%;bottom:12%;background:#a1d5d355;border:1px solid #c9f4ef88;filter:blur(1px)}.guild-withdrawing{padding:12px 18px 4px;color:#c8d0be;font-size:13px}.functional-district{animation:none}.approach-world{position:relative}.water-working-lines{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.water-working-lines path{fill:none;stroke:#bfe8d9;stroke-width:.15;opacity:.75}.water-working-lines ellipse{fill:#8fe7d73b;stroke:#e6fff2b3;stroke-width:.13}.ambient-map{position:absolute;inset:0;overflow:hidden;pointer-events:none!important;user-select:none;z-index:1;contain:paint;color:#ffeaaa}.ambient-map>svg{display:block;width:100%;height:100%;pointer-events:none}.ambient-map *{pointer-events:none!important}.ambient-mint{color:#d8f5a0}.ambient-aqua{color:#a5f7ff}.ambient-violet{color:#f0d2ff}.ambient-map [class^=ambient-]{animation-play-state:paused}.ambient-map[data-running=true] [class^=ambient-]{animation-play-state:running}.ambient-canopy{animation:ambient-leaf-breeze var(--ambient-duration,8s) ease-in-out var(--ambient-delay,0s) infinite alternate}.ambient-ripple{fill:none;stroke:#c8fff2;stroke-width:1.8;opacity:0;transform-origin:center;transform-box:fill-box;animation:ambient-water-ring var(--ambient-duration,5s) ease-out var(--ambient-delay,0s) infinite}.ambient-current{fill:none;stroke:#d4fff8;stroke-width:2.4;stroke-linecap:round;opacity:.3;animation:ambient-water-current var(--ambient-duration,4s) ease-in-out var(--ambient-delay,0s) infinite}.ambient-glint{stroke:#fffadd;stroke-width:2.4;stroke-linecap:round;animation:ambient-glimmer var(--ambient-duration,4s) ease-in-out var(--ambient-delay,0s) infinite}.ambient-waterfall{fill:none;stroke:#e0ffff;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 19;opacity:.56;animation:ambient-falling-water var(--ambient-duration,2s) linear var(--ambient-delay,0s) infinite}.ambient-enchantment{animation:ambient-enchantment var(--ambient-duration,6s) ease-in-out var(--ambient-delay,0s) infinite alternate}.ambient-star{fill:#eaffff;opacity:0;animation:ambient-crystal-star var(--ambient-duration,6s) ease-in-out var(--ambient-delay,0s) infinite}.ambient-firefly{opacity:0;animation:ambient-firefly-drift var(--ambient-duration,7s) ease-in-out var(--ambient-delay,0s) infinite}.ambient-mote{fill:#fff8d9}.landscape-empty-label,.town-label,.town-possessions{z-index:3}.estate-landscape>img{object-position:center}.property-ground>.ambient-map{z-index:6}.property-ground:has(>.ambient-map[data-running=true]) .physical-crop:not(.status-empty)>img{animation-play-state:running}.physical-crop:not(.status-empty)>img{transform-origin:50% 86%;animation:ambient-crop-breeze 6.5s ease-in-out -2s infinite alternate;animation-play-state:paused}.physical-crop:nth-child(2n)>img{animation-delay:-4s;animation-duration:7.8s}.physical-crop:nth-child(3n)>img{animation-delay:-1s;animation-duration:5.9s}@keyframes ambient-leaf-breeze{0%{transform:translate(-1px) rotate(-.35deg)}to{transform:translate(2px,-1.5px) rotate(.55deg)}}@keyframes ambient-crop-breeze{0%{transform:rotate(-.9deg)}to{transform:rotate(1.1deg)}}@keyframes ambient-water-ring{0%{opacity:0;transform:scale(.5,.65)}18%{opacity:.45}85%,to{opacity:0;transform:scale(1.2,1.15)}}@keyframes ambient-water-current{0%{opacity:0;transform:translate(-8px,-2px)}28%,55%{opacity:.42}to{opacity:0;transform:translate(12px,5px)}}@keyframes ambient-glimmer{0%,to{opacity:.08;transform:scaleX(.5)}40%{opacity:.8;transform:scaleX(1)}65%{opacity:.15;transform:scaleX(.6)}}@keyframes ambient-falling-water{to{stroke-dashoffset:-52}}@keyframes ambient-enchantment{0%{opacity:.3}to{opacity:.78}}@keyframes ambient-crystal-star{0%,55%,to{opacity:0;transform:scale(.4)}67%{opacity:.8;transform:scale(1)}82%{opacity:0;transform:scale(.65)}}@keyframes ambient-firefly-drift{0%,to{opacity:0;transform:translateY(8px)}20%{opacity:.9}55%{opacity:.55;transform:translate(var(--ambient-drift),var(--ambient-rise))}75%{opacity:.85}95%{opacity:0;transform:translate(7px,-46px)}}@media(max-width:650px){.ambient-extra{display:none}.ambient-waterfall{stroke-width:3.5}}@media(prefers-reduced-motion:reduce){.ambient-map{display:none}.physical-crop:not(.status-empty)>img{animation:none!important}}.wallet-mode-panel{max-width:760px;margin:8vh auto;padding:32px 24px;text-align:center;line-height:1.65}.wallet-mode-panel>svg{color:#c9a8ff}.wallet-mode-panel h1{font-size:clamp(26px,4vw,42px);margin:20px 0}.wallet-mode-address{overflow-wrap:anywhere;color:#cfc3e7;font-size:14px}.wallet-mode-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.wallet-mode-shell .topbar{gap:16px;flex-wrap:wrap}.wallet-mode-panel p{margin:16px 0}.welcome-main{max-width:1160px;margin:0 auto;padding:0 24px 56px;min-width:0}.welcome-main .wallet-mode-panel{max-width:800px;margin:0 auto;padding:54px 20px 38px}.welcome-main .wallet-mode-panel h1{margin:12px 0}.welcome-main .wallet-mode-panel .eyebrow{justify-content:center}.guide-safety,.welcome-safety{color:#dbc8f5;background:#20172f;border:1px solid #514063;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.65}.demo-entry{min-width:190px}.demo-entry-help{font-size:13px;color:#c8bbd9}.demo-active{display:inline-flex;align-items:center;min-height:32px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;text-transform:none;font:inherit;font-size:12px;white-space:nowrap}.resource-guide{min-width:0;margin:0 0 24px;border:1px solid #44354f;border-radius:18px;padding:24px;background:linear-gradient(135deg,#21192d,#17131f);scroll-margin-top:24px;color:#ede6f5}.guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.guide-heading h2{font-size:clamp(22px,3vw,29px);margin:8px 0 10px;line-height:1.2}.guide-heading p{line-height:1.65;margin:0;color:#cbbfd8;font-size:14px}.guide-heading .eyebrow{font-size:10px;color:#d6b7fa}.guide-label{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:#d6b7fa;padding-top:8px}.guide-safety{margin:18px 0}.guide-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.guide-overview article{padding:15px;border:1px solid #42334e;border-radius:12px;background:#2a2036;min-width:0}.guide-overview h3{font-size:15px;margin:0 0 8px}.guide-overview p{font-size:12px;line-height:1.65;color:#cec2db;margin:0}.guide-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;color:#e2c0ff;background:none;border:0;text-align:left;font-size:12px;cursor:pointer}.resource-guide details{border:1px solid #42334e;border-radius:10px;background:#211a2b;margin-top:10px;overflow:hidden}.resource-guide summary{cursor:pointer;padding:15px 18px;min-height:48px;list-style:disclosure-closed;font-size:14px;font-weight:600;line-height:1.5}.resource-guide details[open]>summary{list-style:disclosure-open;border-bottom:1px solid #42334e}.resource-guide summary span{display:inline;vertical-align:top}.resource-guide summary small{display:block;color:#bfaecf;font-size:12px;line-height:1.6;font-weight:400;margin:5px 0 0 15px}.guide-detail{padding:4px 18px 15px}.guide-detail p,.resource-guide li{font-size:13px;line-height:1.8;color:#d6cbe1}.resource-guide ol{padding:2px 20px 8px 38px;margin:10px 0}.resource-guide li+li{margin-top:9px}.demo-active:focus-visible,.demo-entry:focus-visible,.resource-guide :is(summary,button,a):focus-visible{outline:3px solid #d7b0ff;outline-offset:3px}.guide-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;align-items:start}.wallet-mode-shell>[data-game-mode=wallet]+.resource-guide{margin:24px}.wallet-mode-actions a{text-decoration:none}.resource-guide li,.resource-guide p{overflow-wrap:anywhere}@media(max-width:1050px){.guide-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-label{display:none}}@media(max-width:650px){.welcome-main{padding:0 12px 30px}.welcome-main .wallet-mode-panel{padding:28px 8px}.wallet-mode-panel h1{font-size:28px}.wallet-mode-actions{gap:10px}.wallet-mode-actions>*{min-height:46px;flex:1 1 180px}.resource-guide{padding:16px;border-radius:14px}.guide-heading{display:block}.guide-heading h2{font-size:23px}.guide-sections{grid-template-columns:minmax(0,1fr)}.guide-overview{gap:8px}.guide-overview article{padding:12px}.resource-guide summary{padding:14px}.guide-detail{padding:4px 14px 12px}.guide-safety{padding:12px}.top-actions .demo-active{font-size:10px;padding:6px}.wallet-mode-shell .topbar{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.resource-guide{scroll-behavior:auto}}@media(max-width:1280px){.top-actions:has(.demo-active){flex-direction:column;gap:0;align-items:stretch}.top-actions .demo-active{justify-content:center;min-height:28px}.top-actions:has(.demo-active) .wallet-button{min-height:40px;padding-top:8px;padding-bottom:8px}}