:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-sky-deep:#173f46;--color-grove-900:#173c2d;--color-leaf-700:#2f6847;--color-meadow-500:#6f9b58;--color-parchment-100:#fff4d8;--color-linen-50:#fffbef;--color-ochre-500:#c68b2c;--color-brass-700:#80551f;--color-earth-800:#4a2d1c;--color-bark-600:#76543a;--color-river-600:#287b86;--color-error-700:#9b2f2f;--color-meadow-soft:#c7ddc5;--color-parchment-200:#f4e5bd;--color-parchment-300:#dfc990;--color-gold-300:#ffcf74;--color-sky-200:#b7dce0;--color-white:#fffdf6;--color-grove-97:#173c2df7;--color-grove-94:#2f6847f0;--color-grove-90:#173c2de6;--color-grove-98:#173c2dfa;--color-grove-99:#0e2820fc;--color-grove-deep-98:#123029fa;--color-grove-deep-92:#0a1f1aeb;--color-grove-deep-82:#0a1f1ad1;--color-white-70:#fffdf6b3;--color-white-68:#fffdf6ad;--color-white-55:#ffffff8c;--color-white-42:#ffffff6b;--color-white-25:#ffffff40;--color-white-22:#ffffff38;--color-white-20:#fff3;--color-white-14:#ffffff24;--color-white-13:#ffffff21;--color-white-12:#ffffff1f;--color-earth-94:#4e402bf0;--color-brass-60:#c68b2c99;--color-brass-55:#c68b2c8c;--color-brass-34:#80551f57;--color-brass-20:#80551f33;--color-brass-72:#c68b2cb8;--color-parchment-92:#fff4d8eb;--color-leaf-08:#2f684714;--color-growth-75:#d2e5c9bf;--color-shadow-08:#463a1f14;--color-shadow-10:#4a2d1c1a;--color-shadow-12:#4a2d1c1f;--color-shadow-14:#4a2d1c24;--color-shadow-16:#4a2d1c29;--color-shadow-20:#0003;--color-shadow-28:#182f2647;--color-shadow-40:#173c2d66;--color-shadow-48:#0e221d7a;--world-sunmeadow-1:#f3efc0;--world-sunmeadow-2:#e3e5ae;--world-sunmeadow-3:#edf0c5;--world-willowbank-1:#d8e8b8;--world-willowbank-2:#bdd39c;--world-willowbank-3:#d6dfae;--world-amberrise-1:#edd9ad;--world-amberrise-2:#d7c28f;--world-amberrise-3:#e5ce9a;--world-stargrove-1:#cad7a8;--world-stargrove-2:#a7be8b;--world-stargrove-3:#c0cc9c;--font-display:Georgia, Cambria, serif;--font-interface:"Avenir Next", "Trebuchet MS", system-ui, sans-serif;--type-display:clamp(2rem, 8vw, 3.5rem);--type-h1:clamp(1.5rem, 5vw, 2rem);--type-h2:1.25rem;--type-h3:1.0625rem;--type-body:1rem;--type-small:.875rem;--type-caption:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--motion-press:.12s;--motion-state:.22s;--motion-emphasis:.42s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:var(--font-interface);--ink:var(--color-earth-800);--ink-muted:var(--color-bark-600);--evergreen:var(--color-grove-900);--evergreen-2:var(--color-leaf-700);--leaf:var(--color-meadow-500);--cream:var(--color-parchment-100);--parchment:var(--color-parchment-200);--parchment-deep:var(--color-parchment-300);--brass:var(--color-ochre-500);--gold:var(--color-gold-300);--sky:var(--color-sky-200);--danger:var(--color-error-700);--white:var(--color-white);--shadow:var(--color-shadow-28);--shadow-heavy:var(--color-shadow-48);--line:var(--color-brass-20)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--evergreen);font-size:var(--type-body)}button,select,input{font:inherit}button,select{min-height:44px}button{cursor:pointer;transition:transform var(--motion-press) var(--ease-standard), background-color var(--motion-state) var(--ease-standard), color var(--motion-state) var(--ease-standard), border-color var(--motion-state) var(--ease-standard)}button:not(:disabled):active{transform:scale(.97)}@media (hover:hover){button:not(:disabled):hover{transform:translateY(-1px)}}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--white);outline-offset:3px;box-shadow:0 0 0 6px var(--color-river-600)}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em}h4{font-size:var(--type-small)}p{color:var(--ink-muted);line-height:1.42}.game-shell{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.world-canvas,.world-canvas canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.skip-link{z-index:100;padding:var(--space-3) var(--space-4);background:var(--cream);color:var(--ink);border-radius:var(--radius-sm);position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:calc(var(--safe-top) + 1rem)}.world-keyboard-control{z-index:100;width:auto;padding:var(--space-3) var(--space-4);color:var(--ink);background:var(--cream);border:2px solid var(--brass);border-radius:var(--radius-sm);position:fixed;top:-6rem;left:1rem}.world-keyboard-control:focus{top:calc(var(--safe-top) + 4.75rem)}.eyebrow{color:var(--color-brass-700);font-size:var(--type-small);letter-spacing:.13em;text-transform:uppercase;font-weight:850;display:block}.settlement-plaque .eyebrow,.status-toast .eyebrow,.operations-rail .eyebrow{color:var(--gold)}.top-chrome{z-index:15;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--space-3)) 0 calc(var(--safe-left) + var(--space-3));pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.settlement-plaque,.resource-ribbon{pointer-events:auto;color:var(--cream);background:linear-gradient(145deg, var(--color-grove-97), var(--color-grove-94));border:1px solid var(--color-brass-60);box-shadow:0 8px 24px var(--shadow-heavy), inset 0 1px var(--color-white-14);margin:0;padding:0}.settlement-plaque{align-items:center;gap:var(--space-2);min-width:176px;padding:var(--space-2) var(--space-3);border-radius:8px 20px 20px 8px;display:flex}.settlement-seal{object-fit:contain;width:44px;height:44px;filter:drop-shadow(0 3px 4px var(--color-shadow-28));flex:none}.settlement-plaque h1{color:var(--cream);font-size:var(--type-h2);line-height:1.05}.resource-ribbon{border-radius:18px 7px 7px 18px;grid-template-columns:repeat(2,minmax(62px,auto));display:grid;overflow:hidden}.resource-ribbon>output{gap:var(--space-2);min-width:0;padding:var(--space-2);border-left:1px solid var(--color-white-12);font-variant-numeric:tabular-nums;grid-template-columns:24px auto auto;justify-content:space-between;align-items:center;font-weight:800;display:grid}.resource-ribbon img{object-fit:contain;width:24px;height:24px}.resource-ribbon b{color:var(--color-meadow-soft);font-size:var(--type-small);letter-spacing:.05em;text-transform:uppercase}.resource-ribbon .prosperity{color:var(--gold)}.resource-short{text-decoration:none;display:none}.status-toast{z-index:14;top:calc(var(--safe-top) + 5.3rem);align-items:center;gap:var(--space-2);max-width:min(88vw,560px);padding:var(--space-2) var(--space-3);color:var(--cream);background:var(--color-grove-90);border:1px solid var(--color-white-20);box-shadow:0 5px 16px var(--shadow);font-size:var(--type-small);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.update-notice{z-index:40;bottom:calc(var(--safe-bottom) + var(--space-12) + var(--space-12));align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - var(--space-4));min-height:var(--space-12);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);color:var(--cream);background-color:var(--evergreen);background-image:linear-gradient(145deg, var(--evergreen), var(--evergreen-2));border:1px solid var(--color-brass-60);border-radius:var(--radius-sm);box-shadow:0 var(--space-2) var(--space-6) var(--shadow-heavy), inset 0 1px var(--color-white-14);font-size:var(--type-small);font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%)}.update-notice button{min-height:44px;padding:0 var(--space-3);color:var(--evergreen);background:linear-gradient(var(--gold), var(--brass));border:1px solid var(--color-white-42);border-radius:var(--radius-sm);white-space:nowrap;flex:none;font-weight:850}.game-shell:has(.action-sheet) .update-notice{display:none}@media (min-width:1100px){.update-notice{bottom:calc(var(--safe-bottom) + var(--space-12) + var(--space-12) + var(--space-12) + var(--space-4))}}.status-toast span{color:var(--gold);text-transform:uppercase;font-weight:900}.status-toast.offline{background:var(--color-earth-94)}.tutorial-card{z-index:13;left:calc(var(--safe-left) + var(--space-3));top:calc(var(--safe-top) + 6.2rem);width:min(230px,62vw);padding:var(--space-3);background:linear-gradient(160deg, var(--cream), var(--parchment));border:1px solid var(--parchment-deep);border-radius:var(--radius-md);box-shadow:0 10px 28px var(--shadow);position:absolute}.tutorial-card p{margin-top:var(--space-1);color:var(--ink);font-family:Georgia,serif;font-weight:650}.placement-cancel{z-index:18;bottom:calc(var(--safe-bottom) + 6.1rem);padding:0 var(--space-4);color:var(--cream);background:var(--danger);border:1px solid var(--color-white-42);box-shadow:0 7px 18px var(--shadow);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.bottom-nav{z-index:20;left:calc(var(--safe-left) + .55rem);right:calc(var(--safe-right) + .55rem);bottom:calc(var(--safe-bottom) + .5rem);gap:var(--space-2);padding:var(--space-2);background:linear-gradient(160deg, var(--color-grove-98), var(--color-grove-deep-98));border:1px solid var(--color-brass-55);box-shadow:0 12px 32px var(--shadow-heavy), inset 0 1px var(--color-white-13);border-radius:24px;grid-template-columns:repeat(5,1fr);display:grid;position:absolute}.bottom-nav button{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1);color:var(--color-meadow-soft);font-size:var(--type-small);transition:transform var(--motion-press) var(--ease-standard), background-color var(--motion-state) var(--ease-standard), border-color var(--motion-state) var(--ease-standard);background:0 0;border:0;border-radius:17px;flex-direction:column;font-weight:800;display:flex}.bottom-nav button.active{color:var(--evergreen);background:linear-gradient(var(--gold), var(--brass));box-shadow:inset 0 1px var(--color-white-55), 0 3px 10px var(--color-shadow-20)}.nav-mark{object-fit:contain;width:32px;height:32px;filter:drop-shadow(0 2px 2px var(--color-shadow-28));display:block}.active .nav-mark{filter:saturate(.8)brightness(.62)}.settlement-shortcuts,.settlement-operations,.settlement-ledger{display:none}.action-sheet{z-index:19;left:calc(var(--safe-left) + .5rem);right:calc(var(--safe-right) + .5rem);bottom:calc(var(--safe-bottom) + 5.75rem);background:linear-gradient(160deg, var(--cream), var(--parchment));border:2px solid var(--color-brass-34);border-radius:var(--radius-lg);max-height:min(66vh,670px);box-shadow:0 18px 45px var(--shadow-heavy), inset 0 1px var(--white);flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel-header{padding:var(--space-3) var(--space-4);background:linear-gradient(90deg, var(--color-white-55), transparent);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;display:flex}.panel-header h2{font-size:var(--type-h1)}.icon-button{width:44px;color:var(--cream);background:var(--evergreen);border:1px solid var(--color-white-25);border-radius:50%;padding:0;line-height:1}.close-mark{object-fit:contain;width:24px;height:24px}.sheet-scroll{overscroll-behavior:contain;padding:var(--space-3) var(--space-3) var(--space-5);scrollbar-color:var(--leaf) transparent;overflow:auto}.sheet-scroll>h3{margin:var(--space-1) 0 var(--space-3);font-size:var(--type-body);color:var(--evergreen)}.sheet-scroll>h3:not(:first-child){margin-top:var(--space-4)}.card-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}.existing-buildings{gap:var(--space-2);display:grid}.existing-card{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);background:var(--color-white-70);border:1px solid var(--line);border-radius:var(--radius-md);display:flex}.existing-card p{margin-top:var(--space-1);color:var(--ink-muted);font-size:var(--type-small)}.existing-card button{min-width:92px;padding:0 var(--space-3);color:var(--cream);background:linear-gradient(var(--evergreen-2), var(--evergreen));border:1px solid var(--color-white-22);border-radius:var(--radius-sm);font-size:var(--type-small);font-weight:800}.catalog-card,.plot-card,.worker-card,.order-card,.quest-card,.research-card,.explore-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-white-70);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 3px 8px var(--color-shadow-08);display:grid}.catalog-card{grid-template-columns:72px 1fr auto}.catalog-card.text-only{grid-template-columns:1fr auto}.catalog-card p,.worker-card p,.quest-card p,.research-card p,.explore-card p{font-size:var(--type-small)}.catalog-card button,.plot-card button,.order-card button,.quest-card button,.research-card button,.explore-card button,.save-actions button,.settings-link{padding:0 var(--space-3);color:var(--cream);background:linear-gradient(var(--evergreen-2), var(--evergreen));border:1px solid var(--color-white-22);border-radius:var(--radius-sm);font-size:var(--type-small);font-weight:800}.asset-thumb{object-fit:contain;width:68px;height:64px;filter:drop-shadow(0 5px 5px var(--color-shadow-20))}.asset-thumb.small{width:44px;height:44px}.missing-asset{background:repeating-linear-gradient(45deg, var(--parchment), var(--parchment) 6px, var(--parchment-deep) 6px, var(--parchment-deep) 12px);border-radius:var(--radius-sm);display:block}.cost-line{margin-top:var(--space-1);color:var(--color-brass-700);font-size:var(--type-small);text-transform:capitalize;font-weight:850;display:block}.cost-item{white-space:nowrap}.cost-item:not(:last-child):after{content:" · ";white-space:pre}.decoration-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.decoration-card{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);color:var(--ink);background:var(--color-white-68);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--type-small);flex-direction:column;font-weight:800;display:flex}.plot-list,.worker-list,.order-list,.quest-list,.research-grid{gap:var(--space-2);display:grid}.plot-card{grid-template-columns:42px 1fr auto}.plot-number,.profession-mark,.research-mark{width:42px;height:42px;color:var(--gold);background:var(--evergreen);border-radius:50%;place-items:center;font-weight:900;display:grid}.worker-card{grid-template-columns:44px 1fr minmax(110px,34%)}.worker-card select,.setting-row select{max-width:100%;padding:0 var(--space-2);color:var(--ink);background:var(--white);border:1px solid var(--parchment-deep);border-radius:var(--radius-sm)}.order-card,.quest-card,.explore-card{grid-template-columns:1fr auto}.order-card.complete,.research-card.complete{opacity:.72;background:var(--color-growth-75)}.reward-label{margin-top:var(--space-1);color:var(--color-leaf-700);font-size:var(--type-small);font-weight:800;display:block}.reward-label .cost-line{color:inherit;display:inline}.quest-card progress{width:min(160px,55vw);height:8px;margin-top:var(--space-1);accent-color:var(--leaf)}.quest-card progress+span{margin-left:var(--space-2);color:var(--ink-muted);font-size:var(--type-small)}.research-card{grid-template-columns:44px 1fr auto}.research-mark{border-radius:12px}.explore-card{margin-bottom:var(--space-2)}.settings-link{width:100%;margin-top:var(--space-3)}.settings-list{gap:var(--space-2);display:grid}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3);background:var(--color-white-70);border:1px solid var(--line);border-radius:var(--radius-md);display:flex}.setting-row span{gap:var(--space-1);display:grid}.setting-row small{color:var(--ink-muted)}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--evergreen)}.save-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.save-file-input{display:none}.privacy-note{padding:var(--space-3);background:var(--color-leaf-08);border-radius:var(--radius-sm);font-size:var(--type-small)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.startup-error{place-content:center;gap:var(--space-3);max-width:520px;min-height:100%;padding:var(--space-8);color:var(--cream);text-align:center;margin:auto;display:grid}.startup-error h1{font-size:var(--type-display)}.startup-error p{color:var(--color-meadow-soft)}.startup-error button{padding:0 var(--space-4);color:var(--evergreen);background:var(--gold);border-radius:var(--radius-sm);border:0;justify-self:center;font-weight:900}@media (min-width:1100px){.game-shell:after{z-index:6;background:radial-gradient(ellipse at center, transparent 52%, var(--color-grove-deep-82) 118%);content:"";pointer-events:none;position:absolute;inset:0}.top-chrome{z-index:24;padding:calc(var(--safe-top) + var(--space-2)) calc(324px + var(--space-3)) 0 var(--space-4);align-items:center}.settlement-plaque{border-radius:14px 24px 24px 14px;min-width:230px;min-height:62px}.settlement-seal{width:50px;height:50px}.resource-ribbon{grid-template-columns:repeat(4,minmax(116px,1fr));min-height:52px}.resource-ribbon>output{padding:var(--space-2) var(--space-3)}.status-toast{z-index:23;top:calc(var(--safe-top) + 4.75rem)}.tutorial-card{z-index:18;left:var(--space-4);top:calc(var(--safe-top) + 5.75rem);width:246px}.settlement-operations{z-index:17;top:calc(var(--safe-top) + 4.5rem);right:var(--space-2);bottom:var(--space-2);background:linear-gradient(145deg, var(--color-grove-deep-92), var(--color-grove-94));border:1px solid var(--color-brass-60);border-radius:var(--radius-sm);width:304px;min-height:0;box-shadow:0 10px 28px var(--shadow-heavy), inset 0 1px var(--color-white-14);grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);gap:0;display:grid;position:absolute;overflow:hidden}.operations-panel{min-height:0;color:var(--cream);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.operations-panel+.operations-panel{border-top:1px solid var(--color-brass-55)}.settlement-tasks{grid-template-rows:auto minmax(0,1fr)}.operations-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-white-12);display:flex}.operations-heading span,.settlement-ledger header span{color:var(--gold);font-size:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:block}.operations-heading h2{color:var(--cream);font-family:var(--font-interface);font-size:var(--type-small);letter-spacing:0}.operations-heading>b{padding:2px var(--space-2);color:var(--gold);border:1px solid var(--color-brass-55);font-size:var(--type-caption);border-radius:8px}.operations-list,.task-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brass) transparent;min-height:0;overflow:auto}.operations-list>button,.task-list>button{align-items:center;gap:var(--space-2);width:100%;min-height:64px;padding:var(--space-2) var(--space-3);color:var(--cream);text-align:left;background:var(--color-grove-deep-82);border:0;border-bottom:1px solid var(--color-white-12);grid-template-columns:46px minmax(0,1fr) auto;display:grid}.operations-list>button:hover,.task-list>button:hover{background:var(--color-grove-90)}.project-icon{object-fit:contain;width:46px;height:46px;filter:drop-shadow(0 3px 3px var(--color-shadow-40))}.operation-copy{gap:2px;min-width:0;display:grid}.operation-copy strong,.operation-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operation-copy strong{font-size:var(--type-small)}.operation-copy small{color:var(--color-meadow-soft);font-size:var(--type-caption)}.operation-copy progress{width:100%;height:6px;accent-color:var(--gold)}.operation-time,.task-count{color:var(--gold);font-size:var(--type-caption);font-variant-numeric:tabular-nums;font-weight:800}.task-list>button{grid-template-columns:minmax(0,1fr) auto;min-height:68px}.panel-callout{margin:var(--space-2);color:var(--evergreen);background:linear-gradient(var(--gold), var(--brass));font-size:var(--type-small);border:0;border-radius:8px;font-weight:900}.settlement-ledger{z-index:16;right:320px;bottom:var(--space-2);left:var(--space-2);height:72px;color:var(--cream);background:linear-gradient(160deg, var(--color-grove-99), var(--color-grove-deep-98));border:1px solid var(--color-brass-60);border-radius:var(--radius-sm);box-shadow:0 10px 30px var(--shadow-heavy), inset 0 1px var(--color-white-13);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;overflow:hidden}.settlement-ledger article{min-width:0;padding:var(--space-2) var(--space-3);border-inline-start:1px solid var(--color-white-12);grid-template-rows:auto auto;gap:3px;display:grid}.settlement-ledger article:first-child{border-inline-start:0}.settlement-ledger header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.settlement-ledger header b{color:var(--color-meadow-soft);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.settlement-ledger article>strong{color:var(--cream);font-family:var(--font-display);font-size:var(--type-small)}.ledger-map>img,.crop-swatch{display:none}.crop-swatch img{object-fit:cover;width:100%;height:104px}.goods-flow{display:none}.goods-flow span{color:var(--gold);font-size:var(--type-caption);place-items:center;display:grid}.goods-flow img{object-fit:contain;width:48px;height:48px}.ledger-stats dl{gap:var(--space-3);margin:0;display:flex}.ledger-stats dl div{border:0;justify-content:start;align-items:center;gap:0;padding:0;display:grid}.ledger-stats dt{color:var(--color-meadow-soft);font-size:var(--type-small)}.ledger-stats dd{color:var(--gold);font-size:var(--type-small);font-variant-numeric:tabular-nums;font-weight:900}.bottom-nav{border-radius:var(--radius-sm);width:min(600px,52vw);bottom:5rem}.bottom-nav button{min-height:56px;font-size:var(--type-small);flex-direction:row}.action-sheet{z-index:30;left:var(--space-4);width:min(600px,49vw);max-height:calc(100dvh - var(--safe-top) - 15.5rem);bottom:10rem}.placement-cancel{z-index:31;bottom:13.45rem;right:20.5rem}}@media (min-width:720px){.top-chrome{padding-inline:calc(var(--safe-left) + var(--space-4)) calc(var(--safe-right) + var(--space-4))}.resource-ribbon{grid-template-columns:repeat(4,auto)}.action-sheet{left:calc(var(--safe-left) + 1rem);width:min(620px,55vw);right:auto;bottom:calc(var(--safe-bottom) + 6rem);max-height:calc(100vh - var(--safe-top) - 12.2rem)}.status-toast.panel-open{right:calc(var(--safe-right) + 1rem);width:min(390px,46vw);max-width:min(46vw,420px);left:auto;transform:none}.bottom-nav{width:min(620px,62vw);left:50%;right:auto;transform:translate(-50%)}.placement-cancel{bottom:calc(var(--safe-bottom) + 1.3rem);left:auto;right:calc(var(--safe-right) + 1rem);transform:none}.decoration-row{grid-template-columns:repeat(4,1fr)}}@media (min-width:720px) and (max-width:1099px){.status-toast.panel-open{width:min(390px, calc(45vw - var(--space-10) - var(--space-1)));max-width:min(420px, calc(45vw - var(--space-10) - var(--space-1)))}.resource-ribbon>output{gap:var(--space-1);padding:var(--space-2) var(--space-1);grid-template-columns:24px auto}}@media (orientation:landscape) and (max-height:500px){.resource-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-ribbon>output{gap:var(--space-1);padding:var(--space-1) var(--space-2);grid-template-columns:22px auto minmax(0,1fr)}.resource-ribbon img{width:22px;height:22px}.resource-full{display:none}.resource-short{display:inline}.status-toast.panel-open{display:none}.tutorial-card{top:calc(var(--safe-top) + 7.5rem)}}@media (min-width:1100px){.status-toast.panel-open{display:none}.action-sheet{left:var(--space-4);width:min(600px,49vw);max-height:calc(100dvh - var(--safe-top) - 15.5rem);bottom:10rem;right:auto}.placement-cancel{bottom:13.45rem;left:auto;right:20.5rem;transform:none}}@media (max-width:480px){.settlement-plaque{gap:var(--space-1);width:min(41vw,176px);min-width:0;padding-inline:var(--space-1);flex:0 min(41vw,176px)}.settlement-seal{width:var(--space-8);height:var(--space-8)}.settlement-plaque .eyebrow{font-size:var(--type-caption);letter-spacing:0}.resource-ribbon{flex:0 0 46vw;grid-template-columns:repeat(2,minmax(0,1fr));width:46vw}.resource-ribbon>output{gap:var(--space-1);padding:var(--space-1);grid-template-columns:22px auto minmax(0,1fr)}.resource-ribbon img{width:22px;height:22px}.resource-full{display:none}.resource-short{display:inline}.status-toast{width:max-content;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 1rem);white-space:nowrap}.status-toast.panel-open{top:calc(var(--safe-top) + 4.9rem);padding:var(--space-1) var(--space-2);font-size:var(--type-caption);display:flex}.tutorial-card{top:calc(var(--safe-top) + 8.15rem)}}@media (max-width:420px){.status-toast{top:calc(var(--safe-top) + 5.1rem);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 1rem)}.catalog-card{grid-template-columns:58px 1fr auto}.asset-thumb{width:54px;height:56px}.worker-card{grid-template-columns:42px 1fr}.worker-card select{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}button{transition:none}}