@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/mobile-factory/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/mobile-factory/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/mobile-factory/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/mobile-factory/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/mobile-factory/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/mobile-factory/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--cursor-arrow:default;--cursor-hand:pointer;--cursor-grab:grab;--cursor-grabbing:grabbing;--cursor-forbidden:not-allowed;--ink:#2b2d8f;--ink-shade:#1f2070;--ink-light:#3d40b8;--paper:#fff;--paper-shade:#dcdcff;--violet:#7b5cff;--violet-shade:#5a3fd6;--violet-light:#a08bff;--yellow:#ffd23f;--yellow-shade:#ffa91a;--yellow-light:#fff27a;--coral:#ff4d6d;--coral-shade:#d92a5b;--coral-light:#ff8aa3;--orange:#ff7b2e;--orange-shade:#e05a1a;--mint:#2fd67b;--mint-shade:#15a866;--mint-light:#8ff5b5;--cyan:#45d6ff;--cyan-shade:#2fb8ea;--cyan-light:#b8f1ff;--toxic:#7df25f;--grass:#93e8ae;--fg:var(--ink);--muted:var(--violet-shade);--accent:var(--coral);--good:var(--mint-shade);--danger:var(--coral-shade);--face:0 5px 0 var(--paper-shade);--face-pressed:0 2px 0 var(--paper-shade);--veil:#2b2d8f8c;--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);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}*{box-sizing:border-box}html,body{background:var(--grass);width:100%;height:100dvh;color:var(--fg);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100dvh;position:relative;overflow:hidden}body{cursor:var(--cursor-arrow)}canvas{touch-action:none;cursor:var(--cursor-arrow);display:block}button{font:inherit;cursor:var(--cursor-hand);color:inherit}[role=button],[role=tab],label,summary,select,input[type=checkbox],input[type=radio],input[type=range]{cursor:var(--cursor-hand)}button:disabled,[aria-disabled=true]{cursor:var(--cursor-arrow)}.hud:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#0000 55%,#ff4d6d73 100%);transition:opacity .6s ease-out;position:absolute;inset:0}.hud[data-danger=true]:after{animation:1.6s ease-in-out infinite danger-pulse}@keyframes danger-pulse{0%,to{opacity:.35}50%{opacity:.9}}.hud:before{content:"";pointer-events:none;box-shadow:inset 0 0 0 7px var(--coral-shade), inset 0 0 36px 10px #ff4d6d8c;opacity:0;transition:opacity .4s ease-out;position:absolute;inset:0}.hud[data-alarm=true]:before{animation:.5s steps(2,jump-none) infinite alarm-blink}@keyframes alarm-blink{0%{opacity:1}to{opacity:.25}}.hud{pointer-events:none;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);--btn:48px;--btn-icon:28px;--btn-gap:10px;font-size:17px;position:absolute;inset:0}@media (width<=399px){.hud{--btn:44px;--btn-icon:26px;--btn-gap:6px}}.hud:not([data-started=true])>:not(.title-screen):not(.settings-screen){visibility:hidden}.hud button,.hud .panel{pointer-events:auto}.hud .hud-quest,.hud .hud-town,.hud .hud-stats{pointer-events:none}.panel{background:var(--paper);box-shadow:var(--face);border-radius:20px;padding:10px 14px;line-height:1.3}.icon-ui{pointer-events:none}.hud-top{--hud-margin:8px;--hud-gap:8px;--hud-side:520px;--hud-h:var(--btn);--hud-pad:3px;--cell-h:calc(var(--hud-h) - 2 * var(--hud-pad));--cell-r:12px;--cell-gap:2px;--cell-font:11px;--cell-icon:13px;--cell-face:0 3px 0 var(--violet-light);--hud-r:calc(var(--cell-r) + 6px);top:calc(var(--safe-top) + var(--hud-margin));left:calc(var(--safe-left) + var(--hud-margin));right:calc(var(--safe-right) + var(--hud-margin));align-items:start;gap:var(--hud-gap);pointer-events:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"main""left""controls""right";display:grid;position:absolute}.hud-main{grid-area:main;justify-self:center;width:100%;min-width:0;max-width:760px;position:relative}.hud-left,.hud-right{align-items:flex-start;gap:var(--hud-gap);min-width:0;display:flex}.hud-left{grid-area:left}.hud-right:not(:has(.hud-weather:not([hidden]))){display:none}.hud-right{flex-flow:row-reverse wrap;grid-area:right;justify-self:end}.hud .hud-top .hud-left>*,.hud .hud-top .hud-right>*{box-sizing:border-box;height:var(--hud-h);border-radius:var(--hud-r);flex:none;margin:0}.hud-quest{z-index:4;width:min(380px,100%);min-width:0;box-shadow:0 5px 0 var(--paper-shade), 0 10px 24px #2b2d8f2e;margin-inline:auto;padding:8px 14px 12px;position:absolute;top:calc(100% + 6px);left:0;right:0}.hud-quest:not([data-folded=false]){display:none}.hud .hud-quest[data-folded=false]{pointer-events:auto}.hud-quest-head{height:24px;cursor:var(--cursor-hand);justify-content:space-between;align-items:center;gap:8px;display:flex}.hud .hud-clock{pointer-events:auto}.hud-clock{background:var(--paper);box-shadow:var(--face);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:var(--cursor-hand);border:none;flex:none;align-items:center;gap:4px;margin:0;padding:0 12px 0 8px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.hud-clock[hidden]{display:none}.hud-clock-dial{flex:none;display:block}.hud-clock[data-warning=true] .hud-clock-dial{animation:.9s ease-in-out infinite clock-pulse}.hud-clock[data-warning=true] .hud-clock-day{color:var(--danger)}.hud-clock[data-phase=night] .hud-clock-day{color:var(--ink-light)}@keyframes clock-pulse{50%{transform:scale(1.14)}}.hud-clock-tip{z-index:2;background:var(--ink);box-shadow:0 3px 0 var(--ink-shade);color:var(--paper);white-space:nowrap;visibility:hidden;border-radius:999px;padding:4px 10px;font-size:14px;position:absolute;top:calc(100% + 8px);left:-4px}.hud-clock[data-tip=true] .hud-clock-tip{visibility:visible;animation:.24s cubic-bezier(.2,1.4,.4,1) both hint-in}.hud-quest-title{letter-spacing:.1em;text-transform:uppercase;color:var(--violet);font-size:13px;font-weight:700}.hud-quest[data-mode=wave] .hud-quest-title,.hud-quest[data-mode=fallen] .hud-quest-title{color:var(--danger)}.hud-quest-body{flex-direction:column;gap:6px;margin-top:2px;display:flex}.hud-quest-goal{font-size:20px;font-weight:700}.hud-quest-line{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.hud-quest-wave{white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 0 auto}.hud-quest-wave[data-urgent=true]{color:var(--danger)}.hud-quest-chips{gap:8px;display:flex}.hud-quest-chip{background:var(--paper-shade);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 5px;font-size:16px;display:inline-flex}.hud-quest-crew{font:inherit;color:inherit;box-shadow:0 2px 0 var(--violet-light);cursor:var(--cursor-hand);border:none;font-size:16px;position:relative}.hud-quest-crew:after{content:"";position:absolute;inset:-8px -4px}.hud-quest-crew:active,.hud-quest-crew[aria-expanded=true]{box-shadow:none;transform:translateY(2px)}.hud-quest-crew-detail{background:var(--paper-shade);border-radius:14px;gap:2px;margin-top:6px;padding:4px 12px 4px 8px;font-size:15px;display:grid}.hud-quest-crew-row{align-items:center;gap:6px;display:flex}.hud-quest-crew-label{flex:1;min-width:0}.hud-quest-crew-count{text-align:right;font-variant-numeric:tabular-nums;min-width:20px}.hud-meter{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.hud-meter-label{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.hud-meter-value{text-align:right;min-width:46px}.hud-bar{background:var(--paper-shade);border-radius:999px;height:12px;padding:2px;overflow:hidden}.hud-bar-fill{background:var(--yellow-shade);border-radius:999px;height:100%;transition:width .22s cubic-bezier(.2,1.2,.4,1);position:relative;overflow:hidden}.hud-bar-fill:after,.building-panel-bar div:after{content:"";background:var(--yellow-light);border-radius:999px;width:min(40%,26px);height:3px;position:absolute;top:2px;left:4px}.hud-meter[data-done=true] .hud-bar-fill{background:var(--mint)}.hud-meter[data-done=true] .hud-bar-fill:after{background:var(--mint-light)}.hud-meter[data-done=true] .hud-meter-value{color:var(--good)}.hud-meter-wait{color:var(--muted);grid-column:2/-1;margin-top:-6px;font-size:13px}.hud-meter[data-blocked=true] .hud-meter-wait,.hud-meter[data-blocked=true] .hud-meter-value,.hud-strip-title[data-blocked=true]{color:var(--danger)}.hud-meter[data-blocked=true] .hud-bar-fill{background:var(--coral)}.hud-meter[data-blocked=true] .hud-bar-fill:after{background:var(--coral-light)}.hud-meter-hp .hud-bar-fill{background:var(--coral)}.hud-meter-hp .hud-bar-fill:after{background:var(--coral-light)}.hud-meter-hp[data-low=true]{animation:.8s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.hud-hint-fold{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,1,.4,1);display:grid}.hud-hint-clip{min-height:0;overflow:hidden}.hud-quest[data-hint=open] .hud-hint-fold{grid-template-rows:1fr}.hud-quest:not([data-hint=open]) .hud-hint{visibility:hidden;transition:visibility 0s .28s}.hud-hint-bulb{background:var(--yellow-light);width:24px;height:24px;box-shadow:0 2px 0 var(--yellow-shade);visibility:hidden;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.hud-hint-bulb:after{content:"";position:absolute;inset:-10px}.hud-quest[data-hint=folded] .hud-hint-bulb{visibility:visible;animation:.32s cubic-bezier(.2,1.4,.4,1) both hint-in}.hud-hint-bulb:active{box-shadow:none;transform:translateY(2px)}.hud-hint{background:var(--cyan-light);box-shadow:0 3px 0 var(--cyan);border-radius:999px;align-items:center;gap:8px;margin:10px 0 3px;padding:6px 14px 6px 8px;font-size:16px;line-height:1.25;animation:.32s cubic-bezier(.2,1.4,.4,1) both hint-in;display:flex}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)scale(.94)}}.hud-quest-strip{display:none}.hud-quest-strip .icon{flex:none}.hud-strip-title{text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.hud-quest-strip[data-urgent=true] .hud-strip-title{color:var(--danger)}.hud-strip-hp{flex:none;width:40px}.hud-strip-hp .hud-bar{height:10px}.hud-strip-hp .hud-bar-fill{background:var(--coral)}.hud-strip-hp .hud-bar-fill:after{background:var(--coral-light);width:8px;height:2px}.hud-strip-hp[data-low=true]{animation:.8s steps(2,end) infinite blink}.hud-quest-eve{align-items:center;gap:6px;margin-top:6px;display:flex}.hud-quest-eve-label{flex:1}.hud-speech{z-index:2;background:var(--paper);width:max-content;max-width:230px;box-shadow:var(--face);text-align:center;pointer-events:none;border-radius:18px;padding:8px 14px;font-size:15px;line-height:1.25;animation:.26s cubic-bezier(.2,1.4,.4,1) both speech-in;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.hud-speech:after{content:"";background:var(--paper);width:14px;height:14px;box-shadow:3px 3px 0 var(--paper-shade);border-radius:3px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.hud-speech[hidden]{display:none}@keyframes speech-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px))scale(.9)}}.hud-button{width:var(--btn);height:var(--btn);background:var(--paper);box-shadow:var(--face);border:none;border-radius:50%;place-items:center;display:grid}.hud-button:active{box-shadow:var(--face-pressed);transform:translateY(3px)}.hud-zoom{box-sizing:border-box;height:var(--btn);place-self:start end;align-items:center;gap:var(--btn-gap);pointer-events:none;grid-area:controls;display:flex}.hud-button .icon,.hud .hud-bag .icon,.hud-actions .build-toggle .icon{width:var(--btn-icon);height:var(--btn-icon)}.hud-pause{margin-left:6px}.hud-button[disabled]{opacity:.45;box-shadow:var(--face);transform:none}.hud:has(.overlay:not([hidden])) .hud-zoom{visibility:hidden}.title-settings{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);z-index:1;position:absolute}.hud-map-button.is-active{background:var(--yellow);box-shadow:0 5px 0 var(--yellow-shade)}.world-map{z-index:9;background:var(--ink-shade);pointer-events:auto;animation:.2s ease-out both overlay-in;position:absolute;inset:0}.world-map[hidden]{display:none}.world-map-canvas{touch-action:none;width:100%;height:100%;cursor:var(--cursor-grab);position:absolute;inset:0}.world-map-canvas:active{cursor:var(--cursor-grabbing)}.world-map-header{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.world-map-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--paper);flex:1;margin:0;font-size:20px;font-weight:700;overflow:hidden}.world-map-close{pointer-events:auto}.world-map-foot{left:0;right:0;bottom:calc(var(--safe-bottom) + 16px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.world-map-hint{background:var(--paper);max-width:calc(100% - 32px);box-shadow:var(--face);text-align:center;color:var(--violet-shade);pointer-events:none;border-radius:999px;margin:0;padding:8px 16px;font-size:15px;font-weight:600}.world-map-legend{margin-left:calc(var(--safe-left) + 12px);pointer-events:none;flex-wrap:wrap;align-self:flex-start;gap:6px;margin-top:0;margin-bottom:0;padding:0;list-style:none;display:flex}.world-map-legend-chip{background:var(--paper);box-shadow:var(--face);color:var(--violet-shade);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:13px;font-weight:600;display:flex}.world-map-swatch{border-radius:999px;width:14px;height:14px}.world-map-swatch-conquered{background:var(--grass)}.world-map-swatch-open{background:repeating-linear-gradient(45deg, var(--yellow) 0 3px, var(--grass) 3px 6px)}.world-map-swatch-locked{background:var(--ink-light)}.hud-stock{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;width:124px;padding:8px 10px 10px;display:flex}.hud-bag-title{letter-spacing:.08em;text-transform:uppercase;color:var(--violet);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.hud-town .hud-bag-title{color:var(--yellow-shade)}.hud-stock-name{flex:1}.hud-town-state{letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:11px}.hud-stock-items{grid-template-columns:1fr 1fr;gap:4px 6px;font-size:15px;display:grid}.hud-stock-items .icon{width:18px;height:18px}.hud-stock[data-empty=true] .hud-stock-items{display:none}.hud .hud-prestige{border-right:2px solid var(--paper-shade);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;padding-right:10px;font-size:15px;display:inline-flex}.hud-prestige[hidden]{display:none}.hud-prestige .icon{width:18px;height:18px}.hud .hud-level{border-right:2px solid var(--paper-shade);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;justify-content:center;gap:2px;min-width:46px;padding-right:10px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.hud-level-bar{background:var(--paper-shade);border-radius:3px;height:5px;display:block;overflow:hidden}.hud-level-fill{background:var(--good);border-radius:3px;height:100%;transition:width .3s ease-out;display:block}.hud-level[data-up=true]{animation:1.2s cubic-bezier(.2,.8,.3,1) hud-level-up}@keyframes hud-level-up{0%,to{transform:scale(1)}20%{color:var(--good);transform:scale(1.3)}40%{transform:scale(.95)}60%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.hud-level[data-up=true]{animation:none}}.hud-float-xp{color:var(--good)}.hud .hud-top .hud-town{pointer-events:auto;flex-direction:row;flex:0 auto;align-items:center;gap:10px;width:auto;min-width:0;padding:0 14px;overflow:hidden}.hud-town .hud-bag-title{flex:none}.hud-town .hud-stock-items{scrollbar-width:none;white-space:nowrap;gap:12px;min-width:0;display:flex;overflow-x:auto}.hud-town .hud-stock-items::-webkit-scrollbar{display:none}.hud-town .hud-stock-items[data-more=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.hud-town .item-amount{flex:none}.hud-town .item-amount[data-empty=true]{color:var(--danger)}.hud-town .hud-stock-items .icon.hud-trend{width:12px;height:12px;margin-left:-3px}.hud-town .hud-resources{border:none;border-left:2px solid var(--paper-shade);width:44px;color:inherit;background:0 0;flex:none;align-self:stretch;place-items:center;margin-right:-14px;padding:0;display:grid}.hud-town .hud-resources[hidden]{display:none}.hud-town .hud-resources:active{background:var(--paper-shade)}@media (width<=599px){.hud-town .hud-resources{width:40px;margin-right:-10px}.hud .hud-prestige{padding-right:8px;font-size:14px}.hud .hud-level{min-width:40px;padding-right:8px;font-size:12px}.hud-prestige .icon{width:15px;height:15px}.hud .hud-top .hud-town{gap:8px;padding:0 10px}.hud-town .hud-stock-items{gap:8px;font-size:14px}.hud-town .hud-stock-items .icon{width:15px;height:15px}}.hud .hud-top .hud-people{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:row;align-items:center;gap:12px;padding:0 14px;font-size:15px;display:flex}.hud .hud-top .hud-people[hidden]{display:none}.hud .hud-people-count{font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:3px;padding:0;display:inline-flex;position:relative}.hud-people-count .icon{width:18px;height:18px}.hud .hud-people-count[data-alert=true]{color:var(--danger);font-weight:700}.hud .hud-people-idle{pointer-events:auto;cursor:var(--cursor-hand)}.hud-people-idle:after{content:"";position:absolute;inset:-10px -6px}.hud .hud-people-housing,.hud .hud-people-happiness,.hud .hud-people-army{pointer-events:auto}.hud-army-bar{background:var(--paper-shade);border-radius:999px;width:26px;height:6px;margin-left:3px;display:inline-block;position:relative;overflow:hidden}.hud-army-fill{background:var(--good);border-radius:999px;height:100%;display:block}.hud .hud-people-army[data-alert=true] .hud-army-fill{background:var(--danger)}.hud .hud-people-happiness .icon+.icon{width:12px;height:12px}.hud .hud-people-happiness[data-trend]{border-radius:999px;animation:.5s ease-out 3 mood-flash}.hud .hud-people-happiness[data-trend=up]{--mood-flash:var(--mint-light)}.hud .hud-people-happiness[data-trend=down]{--mood-flash:var(--coral-light)}@keyframes mood-flash{30%{box-shadow:0 0 0 3px var(--mood-flash);transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.hud .hud-people-happiness[data-trend]{animation:none}}@media (width<=599px){.hud-left{flex-wrap:wrap}.hud .hud-top .hud-town{flex:100%}.hud .hud-top .hud-people{gap:8px;padding:0 10px;font-size:14px}.hud-people-count .icon{width:15px;height:15px}}.hud-person{max-width:220px;padding:6px 12px;font-size:14px}.hud-person[hidden]{display:none}.hud-person-line{display:block}.hud-person-need{margin-top:4px;font-size:13px}.hud-person-need .hud-meter-value{min-width:0}.hud .hud-hunger{pointer-events:auto;background:var(--coral);box-shadow:0 3px 0 var(--coral-shade);font:inherit;color:var(--paper);cursor:var(--cursor-hand);border:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:15px;font-weight:700;animation:1.6s ease-in-out infinite hunger-pulse;display:inline-flex}.hud-hunger[hidden]{display:none}.hud-hunger .icon{width:18px;height:18px}.hud-hunger:active{box-shadow:none;transform:translateY(2px)}@keyframes hunger-pulse{50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.hud .hud-hunger{animation:none}}.hud [data-tip]{pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hud-tip{z-index:40;background:var(--ink);width:max-content;max-width:min(240px,100vw - 16px);box-shadow:0 3px 0 var(--ink-shade);color:var(--paper);text-align:center;letter-spacing:normal;text-transform:none;pointer-events:none;border-radius:14px;padding:5px 12px;font-size:14px;font-weight:600;line-height:1.25;animation:.14s ease-out both tip-in;position:fixed}.hud-tip[hidden]{display:none}.hud .hud-wave{pointer-events:auto;background:var(--ink);box-shadow:0 3px 0 var(--ink-shade);font:inherit;font-variant-numeric:tabular-nums;color:var(--paper);white-space:nowrap;cursor:var(--cursor-hand);border:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.hud .hud-wave[data-urgent=true]{background:var(--coral);box-shadow:0 3px 0 var(--coral-shade);animation:1s ease-in-out infinite hunger-pulse}.hud-wave[hidden]{display:none}.hud-wave .icon{width:18px;height:18px}.hud-wave .hud-wave-count{opacity:.85;font-size:13px}@media (prefers-reduced-motion:reduce){.hud .hud-wave[data-urgent=true]{animation:none}}@keyframes tip-in{0%{opacity:0}}@media (width<=599px),(height<=499px){.hud .hud-hunger,.hud .hud-wave{padding:0 10px;font-size:14px}}.hud-topbar{box-sizing:border-box;align-items:center;gap:var(--cell-gap);width:100%;height:var(--hud-h);padding:0 var(--hud-pad);border-radius:var(--hud-r);display:flex}.hud-topbar .hud-objective{box-sizing:border-box;min-width:var(--cell-h);height:var(--cell-h);border-radius:var(--cell-r);background:var(--yellow-light);box-shadow:0 3px 0 var(--yellow-shade);font:inherit;color:var(--ink);cursor:var(--cursor-hand);border:none;flex:auto;justify-content:center;align-items:center;padding:0 8px;display:flex;position:relative}.hud-topbar .hud-objective:active{box-shadow:none;transform:translateY(2px)}.hud-topbar .hud-objective[aria-expanded=true]{box-shadow:none}.hud-topbar .hud-objective[data-done=true]{background:var(--mint-light);box-shadow:0 3px 0 var(--mint-shade);animation:.6s cubic-bezier(.2,1.4,.4,1) 3 objective-done}@keyframes objective-done{40%{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.hud-topbar .hud-objective[data-done=true]{animation:none}}.hud-topbar .hud-objective:after{content:"";inset:min(0px, calc((var(--cell-h) - 44px) / 2)) -1px;position:absolute}.hud-topbar .hud-objective .hud-quest-strip{min-width:0;font-size:var(--cell-font);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:0;font-weight:700;line-height:1.1;display:flex}.hud-topbar .hud-objective .icon{width:var(--cell-icon);height:var(--cell-icon)}.hud-topbar .hud-objective .hud-strip-title,.hud-topbar .hud-objective .hud-strip-hp{display:none}.hud-topbar .hud-objective[data-urgent=true]{background:var(--coral);box-shadow:0 3px 0 var(--coral-shade);color:var(--paper)}@media (width<=359px){.hud-top{left:calc(var(--safe-left) + 4px);right:calc(var(--safe-right) + 4px)}}@media (width>=360px){.hud-top{--cell-font:12px;--cell-icon:14px}}@media (width>=420px){.hud-top{--hud-pad:3px;--cell-r:13px;--cell-gap:3px;--cell-icon:15px}.hud-topbar .hud-objective .hud-quest-strip{flex-direction:row;gap:6px}.hud-topbar .hud-objective .hud-strip-title{text-overflow:ellipsis;flex:0 auto;min-width:0;display:block;overflow:hidden}}@media (width>=600px){.hud-top{--hud-pad:4px;--cell-r:14px;--cell-gap:4px;--cell-font:14px;--cell-icon:16px}.hud-main{max-width:920px}.hud-topbar{padding:0 calc(var(--hud-pad) + 1px)}.hud-topbar .hud-objective{padding:0 12px 0 8px}.hud-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main controls""left left""right right"}.hud-main{justify-self:stretch;max-width:none}}@media (width<=599px){.hud-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main controls""left controls""right controls"}.hud-zoom{flex-direction:column;align-self:start;height:auto}.hud-pause{margin:6px 0 0}}@media (width>=600px) and (height<=499px){.hud-top{--hud-pad:3px}}@media (width>=900px){.hud-top{--cell-font:15px;--cell-icon:18px}}@media (width>=1600px){.hud-top{grid-template-columns:minmax(var(--hud-side), 1fr) minmax(0, 420px) auto auto;grid-template-areas:"left main right controls"}.hud-main{max-width:none}}.inventory-tab{flex-direction:column;gap:8px;min-height:0;display:flex}.inventory-tab[hidden]{display:none}.inventory-gauge .transfer-gauge{height:14px;margin-top:4px}.inventory-capacity{font-variant-numeric:tabular-nums;margin:0;font-size:16px;font-weight:700}.inventory-capacity[data-full=true]{color:var(--danger)}.inventory-where{background:var(--paper-shade);color:var(--muted);border-radius:14px;margin:0;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.25}.inventory-where[data-near=true]{background:var(--mint-light);color:var(--ink)}.inventory-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:2px 2px 8px;overflow-y:auto}.inventory-grid{grid-template-columns:repeat(var(--columns,5), minmax(0, 1fr));gap:8px;display:grid}.inventory-slot{aspect-ratio:1;background:var(--paper);min-width:0;max-height:96px;color:var(--ink);font:inherit;box-shadow:0 4px 0 var(--paper-shade), inset 0 0 0 2px var(--paper-shade);cursor:var(--cursor-hand);border:none;border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.inventory-slot .icon{pointer-events:none;width:58%;max-width:48px;height:auto}.inventory-slot:active{box-shadow:0 2px 0 var(--paper-shade), inset 0 0 0 2px var(--paper-shade);transform:translateY(2px)}.inventory-slot[aria-selected=true]{background:var(--yellow-light);box-shadow:0 4px 0 var(--yellow-shade), inset 0 0 0 3px var(--yellow)}.inventory-slot-empty{background:var(--paper-shade);cursor:default;box-shadow:inset 0 3px #5a3fd61f}.inventory-slot-count{background:var(--violet);min-width:22px;color:var(--paper);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--violet-shade);border-radius:999px;padding:1px 6px;font-size:13px;font-weight:700;line-height:1.3;position:absolute;bottom:4px;right:4px}.inventory-empty{color:var(--muted);text-align:center;margin:8px 0 0;font-size:15px}.inventory-empty[hidden]{display:none}.inventory-detail{background:var(--paper-shade);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:52px;padding:8px 10px;display:flex}.inventory-detail[data-empty=true]{justify-content:center;display:flex}.inventory-pick{color:var(--muted);text-align:center;margin:0;font-size:15px;font-weight:600}.inventory-detail-head{flex:100px;align-items:center;gap:8px;min-width:0;display:flex}.inventory-detail-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.inventory-detail-count{color:var(--violet);font-variant-numeric:tabular-nums;flex:none;font-size:18px;font-weight:700}.inventory-quantity{background:var(--paper)}.transfer-quantity.inventory-quantity button{min-width:44px;min-height:40px;font:inherit;padding:0 8px;font-size:16px;font-weight:700}.inventory-detail-actions{flex:100%;gap:8px;display:flex}.inventory-action{min-height:46px;font:inherit;color:var(--paper);background:var(--coral);box-shadow:0 4px 0 var(--coral-shade);cursor:var(--cursor-hand);border:none;border-radius:999px;flex:1;padding:0 14px;font-size:17px;font-weight:700}.inventory-action[data-tone=deposit]{background:var(--mint);box-shadow:0 4px 0 var(--mint-shade)}.inventory-action:active{box-shadow:0 1px 0 var(--coral-shade);transform:translateY(3px)}.inventory-action[data-tone=deposit]:active{box-shadow:0 1px 0 var(--mint-shade)}.inventory-action[disabled],.inventory-actions button[disabled]{background:var(--paper-shade);color:var(--violet-light);box-shadow:0 4px 0 var(--violet-light);cursor:var(--cursor-forbidden);transform:none}.inventory-actions{gap:10px;display:flex}.inventory-actions button{white-space:nowrap;flex:1;min-width:0;min-height:52px;padding:0 12px;font-size:18px}.inventory-actions button[hidden]{display:none}.inventory-actions button[data-tone=deposit]:not([disabled]){background:var(--mint);color:var(--paper);box-shadow:0 5px 0 var(--mint-shade)}.inventory-actions button[data-tone=deposit]:before{background:var(--mint-light)}.inventory-actions button[disabled]:before{display:none}.inventory-actions button[data-tone=drop]:not([disabled]){background:var(--coral);color:var(--paper);box-shadow:0 5px 0 var(--coral-shade)}.inventory-town{background:var(--paper-shade);border-radius:16px;margin-top:14px;padding:8px 12px 10px}.inventory-town[hidden]{display:none}.inventory-town-title{letter-spacing:.08em;text-transform:uppercase;color:var(--yellow-shade);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.inventory-stock{align-items:baseline;gap:4px;display:inline-flex}.inventory-rate{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.inventory-rate[data-trend=up]{color:var(--good)}.inventory-rate[data-trend=down]{color:var(--danger)}.resource-panel h2{align-items:center;gap:8px;display:flex}.resource-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.resource-row{background:var(--paper-shade);border-radius:16px;padding:8px 10px}.resource-head{align-items:center;gap:8px;display:flex}.resource-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.resource-count{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:18px;font-weight:700;display:inline-flex}.resource-spark{flex:none}.resource-figures{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.resource-figure{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-direction:column;font-size:11px;display:flex}.resource-figure strong{letter-spacing:0;text-transform:none;color:var(--fg);font-variant-numeric:tabular-nums;font-size:15px}.resource-figure strong[data-tone=up]{color:var(--good)}.resource-figure strong[data-tone=down]{color:var(--danger)}.resource-runway{color:var(--danger);margin:6px 0 0;font-size:13px}.inventory-alerts{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.inventory-alerts[hidden]{display:none}.inventory-alert{width:100%;min-height:44px;font:inherit;text-align:left;color:var(--paper);background:var(--coral);box-shadow:0 4px 0 var(--coral-shade);border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:600;line-height:1.2;display:flex}.inventory-alert[data-kind=surplus]{color:var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--yellow-shade)}.inventory-alert .icon{background:var(--paper);border-radius:50%;flex:none;padding:2px}.inventory-alert:active{box-shadow:0 1px 0 var(--coral-shade);transform:translateY(3px)}.inventory-alert[data-kind=surplus]:active{box-shadow:0 1px 0 var(--yellow-shade)}.hud-weather{background:var(--paper);box-shadow:var(--face);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:15px;font-weight:600;animation:.28s cubic-bezier(.2,1.4,.4,1) both toast-in;display:inline-flex}.hud-weather[hidden]{display:none}.hud-weather:before{content:"";background:var(--cyan);width:12px;height:12px;box-shadow:inset -2px -2px 0 var(--cyan-shade);border-radius:50%;flex:none}.hud-weather[data-harsh=true]:before{background:var(--mint-light);box-shadow:inset -2px -2px 0 var(--mint)}.hud-weather[data-harsh=true]{color:var(--danger)}.hud-weather[data-soon=true]{animation:.8s steps(2,end) infinite blink}.hud{--stick-bottom:max(calc(var(--safe-bottom) + 24px), calc(var(--stick-lift,0px) + 2px))}@media (height<=499px){.hud{--stick-bottom:max(calc(var(--safe-bottom) + 10px), calc(var(--stick-lift,0px) + 2px))}}.joystick{left:calc(50% - var(--stick-zone) / 2);bottom:var(--stick-bottom);width:var(--stick-zone);height:var(--stick-zone);pointer-events:auto;touch-action:none;border-radius:50%;place-items:center;transition:opacity .16s ease-out;display:grid;position:absolute}.joystick[hidden]{display:none}.joystick[data-active=true]{opacity:1}.joystick-ring{width:var(--stick-ring);height:var(--stick-ring);box-shadow:0 0 0 var(--stick-rim) #ffffff80 inset, 0 4px 0 #2b2d8f29;background:#ffffff57;border-radius:50%;place-items:center;transition:transform .15s ease-out;display:grid}.joystick[data-active=true] .joystick-ring{transition:transform 80ms ease-out}.joystick-knob{width:var(--stick-knob);height:var(--stick-knob);background:var(--paper);box-shadow:0 -5px 0 var(--paper-shade) inset, 0 3px 8px #2b2d8f59;border-radius:50%;transition:transform .28s cubic-bezier(.34,1.9,.5,1)}.joystick[data-active=true] .joystick-knob{transition:none}.hud[data-stick=true] .hud-toasts,.hud[data-stick=true] .hud-stats{bottom:calc(var(--stick-bottom) + 150px)}.hud-toasts{left:50%;bottom:calc(var(--safe-bottom) + 100px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(340px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.hud-toast{background:var(--paper);box-shadow:var(--face);text-align:center;border-radius:999px;align-items:center;gap:8px;padding:7px 16px 7px 10px;font-size:16px;animation:.28s cubic-bezier(.2,1.4,.4,1) both toast-in;display:flex}.hud-toast:before{content:"";background:var(--yellow);width:12px;height:12px;box-shadow:inset -2px -2px 0 var(--yellow-shade);border-radius:50%;flex:none}.hud-toast[data-tone=good]:before{background:var(--mint);box-shadow:inset -2px -2px 0 var(--mint-shade)}.hud-toast[data-tone=bad]:before{background:var(--coral);box-shadow:inset -2px -2px 0 var(--coral-shade)}.hud-toast-achievement{background:var(--yellow);box-shadow:0 4px 0 var(--yellow-shade);text-align:left;border-radius:24px;padding:8px 20px 8px 12px;animation:.48s cubic-bezier(.2,1.5,.4,1) both achievement-in;position:relative;overflow:hidden}.hud-toast-achievement:before{content:"";background:var(--paper);width:40%;box-shadow:none;opacity:.55;border-radius:0;animation:.9s ease-out .35s both achievement-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.hud-toast-achievement .icon{flex:none;animation:.7s ease-out .25s both achievement-bounce}.hud-toast-text{min-width:0;color:var(--ink);flex-direction:column;line-height:1.2;display:flex}.hud-toast-kicker{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.hud-toast-name{font-size:18px;font-weight:700}.hud-toast-reward{font-size:13px;font-weight:500}@keyframes achievement-in{0%{opacity:0;transform:translateY(-16px)scale(.8)}}@keyframes achievement-shine{to{left:130%}}@keyframes achievement-bounce{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.35)rotate(-14deg)}65%{transform:scale(.95)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.hud-toast-achievement,.hud-toast-achievement:before,.hud-toast-achievement .icon{animation:none}}.collection-panel{width:min(420px,100%);max-height:calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));gap:10px;overflow-y:auto}.collection-summary{background:var(--yellow);box-shadow:0 4px 0 var(--yellow-shade);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:6px 18px;font-size:18px;font-weight:700;display:inline-flex}.collection-heading{text-align:left;color:var(--violet-shade);margin:6px 0 0;font-size:14px;font-weight:700}.collection-intro{text-align:left;color:var(--violet-shade);margin:0;font-size:13px;font-weight:500}.collection-list{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.collection-row{background:var(--paper-shade);border-radius:18px;align-items:center;gap:10px;padding:8px 10px;display:flex}.collection-row .icon{object-fit:contain;flex:none}.collection-row[data-done=false] .icon{filter:grayscale();opacity:.4}.collection-row[data-done=false]{color:var(--muted)}.collection-text{min-width:0;color:var(--violet-shade);flex-direction:column;flex:1;font-size:13px;font-weight:500;line-height:1.3;display:flex}.collection-text strong{color:var(--ink);font-size:16px;font-weight:700}.collection-row[data-done=false] .collection-text strong{color:var(--muted)}.collection-reward{color:var(--good);font-weight:600}.collection-empty{color:var(--muted);padding:8px 10px;font-size:13px}.hud-toast[data-leaving=true]{animation:.24s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.hud-countdown{color:var(--coral);text-shadow:0 8px 0 var(--coral-shade);opacity:0;pointer-events:none;font-size:128px;font-weight:700;line-height:1;animation:.9s cubic-bezier(.2,1.3,.4,1) forwards countdown-hit;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hud-countdown:empty{animation:none}@keyframes countdown-hit{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.hud-banner{background:var(--paper);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--face);pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;animation:.42s cubic-bezier(.2,1.4,.4,1) both banner-in;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%)}.hud-banner[hidden]{display:none}.hud-banner-arrow{background:var(--coral);width:44px;height:44px;box-shadow:inset -3px -4px 0 var(--coral-shade);border-radius:50%;flex:none;place-items:center;display:grid}.hud-banner-arrow[hidden]{display:none}.hud-banner-title{color:var(--danger);font-size:22px;font-weight:700;line-height:1.1}.hud-banner-text{font-size:16px;font-weight:600;line-height:1.2}.hud-banner[data-tone=cleared],.hud-banner[data-tone=queen]{padding-left:20px}.hud-banner[data-tone=cleared] .hud-banner-title{color:var(--good)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.hud-floats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-flyer{pointer-events:none;will-change:transform;display:inline-flex;position:absolute}.hud-fly{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);color:var(--yellow-shade);pointer-events:none;will-change:transform;border-radius:999px;align-items:center;gap:3px;padding:2px 8px 2px 4px;font-size:16px;font-weight:700;display:inline-flex;position:absolute}.hud-bag[data-bump=true]{animation:.26s ease-out hud-bag-bump}@keyframes hud-bag-bump{50%{transform:scale(1.14)}}.hud-float{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);color:var(--mint-shade);border-radius:999px;align-items:center;gap:3px;padding:1px 6px 1px 9px;font-size:17px;font-weight:700;animation:1s cubic-bezier(.2,.8,.3,1) forwards hud-float-up;display:inline-flex;position:absolute;transform:translate(-50%)}.hud-float[data-out=true]{color:var(--coral-shade)}.hud-float-prestige{white-space:nowrap;color:var(--yellow-shade);gap:4px;padding:2px 8px 2px 11px;font-size:19px;animation:1.6s cubic-bezier(.2,.8,.3,1) forwards hud-float-prestige}@keyframes hud-float-prestige{0%{opacity:0;transform:translate(-50%,8px)scale(.5)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.2)}25%{transform:translate(-50%,-8px)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-48px)scale(1)}}.hud-float[data-refused=true]{color:var(--danger);gap:5px;padding:1px 9px 1px 6px;font-size:14px;animation:.8s ease-out forwards hud-float-refuse}@keyframes hud-float-refuse{0%{opacity:0;transform:translate(-50%)}15%{opacity:1;transform:translate(-58%,-6px)}30%{transform:translate(-42%,-6px)}45%{transform:translate(-55%,-6px)}60%{opacity:1;transform:translate(-50%,-6px)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes hud-float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}15%{opacity:1;transform:translate(-50%,-4px)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.hud-built{background:var(--paper);box-shadow:0 5px 0 var(--paper-shade);white-space:nowrap;color:var(--good);border-radius:999px;padding:4px 16px;font-size:24px;font-weight:700;animation:1.8s cubic-bezier(.2,1.3,.4,1) forwards hud-built-up;position:absolute;transform:translate(-50%)}@keyframes hud-built-up{0%{opacity:0;transform:translate(-50%,10px)scale(.4)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}25%{transform:translate(-50%,-8px)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-48px)scale(1)}}.hud-stats{bottom:calc(var(--safe-bottom) + 88px);left:calc(var(--safe-left) + 8px);opacity:.85;font-variant-numeric:tabular-nums;white-space:pre;font-family:ui-monospace,monospace;font-size:10px;font-weight:400;position:absolute}.hud-stats[hidden]{display:none}.hud-perf{bottom:calc(var(--safe-bottom) + 8px);background:var(--paper);box-shadow:var(--face);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 10px 2px;font-size:11px;position:absolute;left:50%;translate:-50%}.hud-perf[hidden],.hud-perf:empty{display:none}.icon{vertical-align:middle;flex:none}.item-amount{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.item-amount[data-done=true]{color:var(--good)}.item-amount[data-done=false]{color:var(--orange-shade)}.button-primary,.button-secondary,.build-toggle,.build-armed button,.building-panel-actions button{letter-spacing:.01em;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 24px;font-size:20px;font-weight:700;display:inline-flex;position:relative}.button-primary:before,.build-toggle:before,.build-armed button:before,.building-panel-actions button:before{content:"";background:var(--coral-light);pointer-events:none;border-radius:999px;width:26px;height:6px;position:absolute;top:7px;left:16px}.button-primary,.build-toggle{background:var(--coral);color:var(--paper);box-shadow:0 5px 0 var(--coral-shade)}.button-secondary,.build-armed button,.building-panel-actions button{background:var(--paper);color:var(--ink);box-shadow:0 5px 0 var(--paper-shade)}.build-armed button:before,.building-panel-actions button:before{display:none}.build-armed button[data-confirm=true]{background:var(--mint);color:var(--paper);box-shadow:0 5px 0 var(--mint-shade)}.build-armed button[data-confirm=true]:before{background:var(--mint-light);display:block}.button-primary:active,.button-secondary:active,.build-toggle:active,.build-armed button:active,.building-panel-actions button:active{transform:translateY(3px)}.button-primary:active,.build-toggle:active{box-shadow:0 2px 0 var(--coral-shade)}.button-secondary:active,.build-armed button:active,.building-panel-actions button:active{box-shadow:0 2px 0 var(--paper-shade)}.build-armed button[data-confirm=true]:active{box-shadow:0 2px 0 var(--mint-shade)}.build-armed button[disabled],.building-panel-actions button[disabled]{opacity:.45;transform:none}.hud .hud-bag{background:var(--violet);box-shadow:0 5px 0 var(--violet-shade);font:inherit;color:var(--paper);white-space:nowrap;cursor:var(--cursor-hand);border:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:6px 0 0;display:inline-flex;position:relative}.hud .hud-bag:before{content:"";background:var(--violet-light);pointer-events:none;border-radius:999px;width:20px;height:5px;position:absolute;top:6px;left:12px}.hud .hud-bag:active{box-shadow:0 2px 0 var(--violet-shade);transform:translateY(3px)}.hud-bag-count{background:linear-gradient(90deg, var(--violet-light) var(--fill,0%), var(--violet-shade) var(--fill,0%));font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.25}.hud-bag-count[data-full=true]{background:var(--coral);animation:.8s steps(2,end) infinite blink}.hud-bag-wanted{pointer-events:none;font-size:12px;position:absolute;top:-8px;right:-8px}.hud-bag-wanted .icon{width:16px;height:16px}.hud-actions{right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);gap:var(--btn-gap);pointer-events:none;padding-bottom:5px;display:flex;position:absolute}.hud:has(.build-menu[data-busy=true]) .hud-actions{visibility:hidden}.hud .hud-actions>*{box-sizing:border-box;width:var(--btn);min-width:var(--btn);height:var(--btn);min-height:var(--btn);border-radius:calc(var(--btn) * .4);pointer-events:auto;flex:none;margin:0}.hud-actions>[hidden]{display:none}.hud-actions .build-toggle{flex-direction:column;gap:0;padding:0}.hud-actions .build-toggle:before{width:20px;height:5px;top:6px;left:12px}.hud-actions .build-toggle-label,.hud-actions .key-hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.build-menu{right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 14px + var(--keyboard-inset,0px));left:calc(var(--safe-left) + 10px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.build-menu button{pointer-events:auto}.build-menu [hidden]{display:none}.build-ghost-bubble{background:var(--ink);max-width:min(320px,100vw - 24px);box-shadow:0 3px 0 var(--ink-shade);color:var(--paper);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;line-height:1.3;position:fixed;top:0;left:0;overflow:hidden}.build-drawer{pointer-events:auto;width:100%;max-height:min(60dvh, calc(100dvh - var(--keyboard-inset,0px) - var(--safe-top) - 72px));border-radius:26px;flex-direction:column;gap:10px;padding:12px 14px 14px;animation:.26s cubic-bezier(.2,1.2,.4,1) both drawer-in;display:flex}@keyframes drawer-in{0%{opacity:0;transform:translateY(24px)}}.build-drawer header{justify-content:space-between;align-items:center;display:flex}.build-drawer-title{color:var(--violet);font-size:22px;font-weight:700}.build-drawer-close,.building-panel-close{background:var(--paper-shade);border:none;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.build-search{background:var(--paper-shade);min-height:46px;box-shadow:0 3px 0 var(--violet-light) inset;cursor:text;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.build-search:focus-within{background:var(--cyan-light);box-shadow:0 3px 0 var(--cyan-shade) inset}.build-search .icon{flex:none}.build-search-input{min-width:0;height:40px;color:var(--ink);appearance:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:17px;font-weight:600}.build-search-input::placeholder{color:var(--muted);font-weight:500}.build-search-input::-webkit-search-cancel-button{appearance:none}.build-search-clear{background:var(--paper);width:34px;height:34px;box-shadow:0 2px 0 var(--paper-shade);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.build-search-empty{text-align:center;color:var(--muted);padding:18px 8px;font-size:16px;font-weight:600}.build-drawer-list{touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:max-content;gap:12px;padding:2px 2px 8px;display:grid;overflow-y:auto}.build-card{background:var(--paper);min-height:72px;box-shadow:0 0 0 2px var(--paper-shade) inset, 0 4px 0 var(--paper-shade);color:var(--ink);text-align:left;border:none;border-radius:18px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.build-card:active,.build-card[data-active=true]{background:var(--yellow-light);box-shadow:0 4px 0 var(--yellow-shade)}.build-card:focus{outline:none}.build-card:focus-visible{background:var(--cyan-light);box-shadow:0 6px 0 var(--cyan-shade);transform:translateY(-2px)}.key-hint{background:var(--paper-shade);box-shadow:0 2px 0 var(--violet-light);color:var(--violet-shade);border-radius:999px;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;display:none}.build-drawer-keys{gap:6px;margin-left:auto;margin-right:10px;display:none}@media (hover:hover) and (pointer:fine){.key-hint{display:inline-block}.build-drawer-keys{display:flex}.build-toggle .key-hint{margin-left:10px}}.build-card-thumb{flex:none;display:flex;position:relative}.build-card-thumb .icon-job{pointer-events:none;position:absolute;bottom:-6px;right:-6px}.build-card .icon-building{object-fit:contain;background:var(--grass);border-radius:12px;padding:2px}.build-card-body{flex-direction:column;gap:3px;min-width:0;display:flex}.build-card-name{overflow-wrap:break-word;font-size:18px;font-weight:700;line-height:1.15}.build-card-effect{overflow-wrap:break-word;font-size:15px;font-weight:500;line-height:1.2}.build-card-cost{flex-wrap:wrap;gap:8px;font-size:16px;display:flex}.build-card-footing{font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.build-card-footing-ores{margin-right:2px;display:inline-flex}.build-card-workers{font-variant-numeric:tabular-nums;color:var(--violet);align-items:center;gap:3px;font-weight:700;display:inline-flex}.build-card-footer{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.build-card-meta{color:var(--muted);font-size:14px;font-weight:500}.build-card-new{vertical-align:middle;background:var(--mint);box-shadow:0 3px 0 var(--mint-shade);color:var(--paper);pointer-events:none;border-radius:999px;margin:0 0 3px 6px;padding:1px 10px;font-size:13px;font-weight:700;display:inline-block}.build-card[hidden],.build-card-new[hidden]{display:none}.build-toggle[data-new=true]:after{content:"";background:var(--mint);width:16px;height:16px;box-shadow:0 3px 0 var(--mint-shade);border-radius:999px;position:absolute;top:-4px;right:6px}.build-filters{scrollbar-width:none;touch-action:pan-x;flex:none;gap:6px;margin:0 -14px;padding:2px 14px 6px;display:flex;overflow-x:auto}.build-filters::-webkit-scrollbar{display:none}.build-filter{background:var(--paper-shade);min-height:40px;box-shadow:0 3px 0 var(--violet-light);color:var(--violet-shade);white-space:nowrap;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:15px;font-weight:700;display:inline-flex}.build-filter[aria-pressed=true]{background:var(--violet);box-shadow:0 3px 0 var(--violet-shade);color:var(--paper)}.build-filter:focus{outline:none}.build-filter:focus-visible{background:var(--cyan-light);box-shadow:0 3px 0 var(--cyan-shade);color:var(--ink)}.build-filter-count{background:var(--paper);min-width:22px;color:var(--violet-shade);text-align:center;border-radius:999px;padding:0 6px;font-size:13px;line-height:22px}.build-filter[hidden],.build-filter-notice[hidden]{display:none}.build-filter-notice{background:var(--yellow-light);box-shadow:0 3px 0 var(--yellow-shade);color:var(--ink);border:none;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:15px;font-weight:600}.build-filter-notice:disabled{cursor:var(--cursor-arrow);box-shadow:none;color:var(--muted);background:0 0}.build-drawer-effect{display:none}@media (width<=599px){.build-drawer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.build-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:16px;gap:6px;min-height:64px;padding:6px 8px 6px 6px}.build-card .icon-building{border-radius:10px;flex:none;width:34px;height:34px}.build-card-thumb .icon-job{width:18px;height:18px;bottom:-5px;right:-5px}.build-card-name{-webkit-hyphens:auto;hyphens:auto;font-size:15px}.build-card-effect,.build-card-meta{display:none}.build-card-cost{gap:2px 6px;font-size:14px}.build-card-cost .icon,.build-card-footing .icon{width:16px;height:16px}.build-card-footing{gap:2px;font-size:13px}.build-card-new{margin-left:4px;padding:0 8px;font-size:12px}.build-drawer-effect{min-height:2.4em;color:var(--muted);font-size:14px;font-weight:500;line-height:1.2;display:block}}.build-armed{pointer-events:auto;border-radius:32px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 8px 8px 16px;display:flex}.build-armed-label{flex:1;font-size:17px}.build-armed button{min-width:92px;min-height:48px;padding:0 18px;font-size:19px}.build-armed[data-placing=true] .build-armed-label{flex-basis:100%}.build-armed-reason{color:var(--muted);flex-basis:100%;margin-top:-4px;font-size:16px}.build-armed-reason strong{color:var(--danger)}.build-armed-reason[data-ok=true] strong{color:var(--good)}.build-armed-reason span:before{content:" · "}.build-armed[data-placing=true] button{flex:auto;min-width:0;padding:0 12px}.building-panel{left:50%;bottom:calc(var(--safe-bottom) + 118px);z-index:5;width:min(340px,100vw - 28px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 118px - 8px);border-radius:24px;padding:14px 16px 16px;animation:.22s cubic-bezier(.2,1.3,.4,1) both panel-in;position:absolute;overflow-y:auto;transform:translate(-50%)}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}.building-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.building-panel h2{color:var(--violet);margin:0;font-size:23px;font-weight:700}.building-panel-close{margin:-4px -6px -4px 0}.building-panel-info{background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;margin:-4px -4px -4px 0;padding:0;display:grid}.building-panel-info[hidden],.building-panel-description[hidden],.building-panel-lines[hidden],.building-panel-facts[hidden],.building-panel-needs[hidden],.building-panel-rename[hidden],.building-panel-stats[hidden],.building-panel-stock[hidden],.building-panel-meter[hidden],.building-panel-meter-icon[hidden]{display:none}.building-panel-info[aria-expanded=true]{background:var(--paper-shade)}.building-panel-description{color:var(--muted);margin:6px 0 10px;font-size:15px;font-weight:500}.building-window{padding:12px 16px 14px}.building-window header .icon-building{border-radius:10px}.building-window header .icon-job{margin-right:-2px}.building-window header .icon-job[hidden]{display:none}.building-window h2{flex:1;min-width:0;font-size:22px}.building-window .building-panel-description{margin:6px 0 0}.building-window .building-panel-actions{margin-top:12px}.building-window .building-panel-actions button{min-height:46px}.panel-tabs{background:var(--paper-shade);border-radius:999px;gap:4px;margin-top:10px;padding:4px;display:flex}.panel-tabs[hidden],.panel-tabs button[hidden],.panel-tab-page[hidden]{display:none}.panel-tabs button{min-width:0;min-height:44px;color:var(--violet-shade);white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:17px;font-weight:700;display:inline-flex}.panel-tabs button .icon{flex:none}.panel-tabs button[aria-selected=true]{background:var(--violet);color:var(--paper);box-shadow:0 3px 0 var(--violet-shade)}.panel-tab-pages{touch-action:pan-y;display:grid}.panel-tab-page{grid-area:1/1;min-width:0}.panel-tab-page[data-active=false]{visibility:hidden}.panel-tab-page[data-active=true]{animation:.16s ease-out both tab-in}@keyframes tab-in{0%{opacity:0}}.building-window .panel-tab-page{flex-direction:column;display:flex}.building-window .panel-tab-page>.building-panel-actions{margin-top:auto;padding-top:12px}.building-panel-meter{align-items:center;gap:8px;margin-top:8px;display:flex}.building-panel-production[hidden]{display:none}.building-panel-production .building-panel-bar{flex:1}.building-panel-meter-icon{flex:none;display:inline-flex}.building-panel-meter .building-panel-bar{flex:1}.building-panel-meter-value{font-variant-numeric:tabular-nums;flex:none;font-size:16px;font-weight:700}.building-panel-meter-value:empty{display:none}.building-panel-stats{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.building-panel-stat{background:var(--paper-shade);min-height:32px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 6px;font-size:16px;font-weight:700;display:inline-flex}.building-panel-stat:active{transform:translateY(1px)}.building-panel-tip{z-index:1;background:var(--ink);max-width:calc(100% - 16px);color:var(--paper);pointer-events:none;border-radius:14px;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.25;animation:.14s ease-out both panel-tip-in;position:absolute}.building-panel-tip[hidden]{display:none}@keyframes panel-tip-in{0%{opacity:0;transform:translateY(4px)}}.building-panel-stock{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.building-panel-stock:before,.building-panel-stock:after{content:"";background:var(--paper-shade);border-radius:999px;flex:1;height:3px}.building-panel-stock+.building-panel-items{margin-top:4px}.building-panel-bar{background:var(--paper-shade);border-radius:999px;height:14px;padding:2px;overflow:hidden}.building-panel-bar div{background:var(--yellow-shade);border-radius:999px;height:100%;transition:width .2s cubic-bezier(.2,1.2,.4,1);position:relative;overflow:hidden}.building-panel-bar[data-kind=hp] div{background:var(--coral)}.building-panel-bar[data-kind=hp] div:after{background:var(--coral-light)}.building-panel-bar[data-kind=build] div{background:var(--violet)}.building-panel-bar[data-kind=build] div:after{background:var(--violet-light)}.building-panel-items{flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:19px;display:flex}.building-panel-items[hidden]{display:none}.building-panel-items[data-layout=ledger]{flex-direction:column;gap:4px}.site-need{grid-template-columns:minmax(96px,auto) 1fr 1fr;align-items:center;gap:10px;display:grid}.site-need-chip{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.site-need-chip[data-empty=true]{opacity:.45}.site-need[data-dry=true] .site-need-chip[data-kind=town]{color:var(--danger);opacity:1}.site-need[data-dry=true] .item-amount{color:var(--danger)}.building-panel-actions{gap:10px;margin-top:14px;display:flex}.building-panel-actions[hidden]{display:none}.building-panel-actions button{flex:1;padding:0 12px;font-size:18px}.building-panel-actions button[hidden]{display:none}.building-panel-upgrade{margin-top:14px}.building-panel-upgrade[hidden],.building-panel-upgrade [hidden]{display:none}.building-panel-upgrade-effect{color:var(--violet);margin:0;font-size:16px;font-weight:600}.item-amount[data-missing=true]{color:var(--danger)}.item-missing{font-size:14px;font-weight:700}.building-panel-actions button[data-tone=upgrade]:not([disabled]){background:var(--mint);color:var(--paper);box-shadow:0 5px 0 var(--mint-shade)}.building-panel-actions button[data-tone=upgrade]:not([disabled]):active{box-shadow:0 2px 0 var(--mint-shade)}.building-panel-actions button[data-tone=cancel]{background:var(--coral);color:var(--paper);box-shadow:0 5px 0 var(--coral-shade)}.building-panel-actions button[data-tone=resume]{background:var(--mint);color:var(--paper);box-shadow:0 5px 0 var(--mint-shade)}.building-panel-actions button[data-tone=resume]:active{box-shadow:0 2px 0 var(--mint-shade)}.building-panel-crew{margin-top:12px}.building-panel-crew[hidden]{display:none}.building-panel-crew-row{align-items:center;gap:8px;display:flex}.building-panel-crew-step{background:var(--paper);width:48px;height:48px;color:var(--ink);box-shadow:0 5px 0 var(--paper-shade);border:none;border-radius:999px;flex:none;font-size:28px;font-weight:700;line-height:1}.building-panel-crew-step:active{box-shadow:0 2px 0 var(--paper-shade);transform:translateY(3px)}.building-panel-crew-step[disabled]{opacity:.45;transform:none}.building-panel-crew-slots{flex:1;justify-content:center;gap:2px;display:flex}.building-panel-crew-slot{display:inline-flex;position:relative}.building-panel-crew-slot[data-slot=empty] img{opacity:.25}.building-panel-crew-slot[data-slot=missing] img{opacity:.45}.building-panel-crew-slot[data-slot=missing]:after{content:"";background:var(--coral);width:9px;height:9px;box-shadow:0 2px 0 var(--coral-shade);border-radius:999px;position:absolute;top:-1px;right:-1px}.building-panel-crew-count{font-variant-numeric:tabular-nums;text-align:center;min-width:42px;color:var(--violet);flex:none;font-size:19px;font-weight:700}.building-panel-crew-note{color:var(--muted);margin:6px 0 0;font-size:15px;font-weight:600}.building-panel-crew-note[data-missing=true]{color:var(--danger)}.building-panel-priority{align-items:center;gap:10px;margin-top:10px;display:flex}.building-panel-priority-label{color:var(--muted);flex:none;font-size:15px;font-weight:700}.building-panel-priority-segments{background:var(--paper-shade);border-radius:999px;flex:1;gap:4px;padding:4px;display:flex}.building-panel-priority-step{min-height:44px;color:var(--ink);font:inherit;background:0 0;border:none;border-radius:999px;flex:1;font-size:16px;font-weight:700}.building-panel-priority-step[aria-pressed=true]{background:var(--paper);box-shadow:0 3px 0 var(--violet-light)}.building-panel-priority-step[aria-pressed=true][data-priority=high]{background:var(--yellow);box-shadow:0 3px 0 var(--yellow-shade)}.building-panel-priority-step:active{transform:translateY(2px)}.building-panel-lines{font:inherit;font-variant-numeric:tabular-nums;white-space:pre-wrap;margin:8px 0 0;font-size:17px}.building-panel-facts{border-collapse:separate;border-spacing:0 2px;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:16px}.building-panel-facts th,.building-panel-facts td{text-align:left;vertical-align:top;padding:5px 10px}.building-panel-facts th{width:40%;color:var(--muted);white-space:nowrap;border-radius:12px 0 0 12px;font-weight:500}.building-panel-facts td{border-radius:0 12px 12px 0;font-weight:600}.building-panel-facts-symbol{vertical-align:-3px;margin-right:4px}.building-panel-facts tr:nth-child(odd)>*{background:var(--paper-shade)}.building-panel-rename{background:var(--paper-shade);box-shadow:0 3px 0 var(--violet-light) inset;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:0 4px 0 14px;display:flex}.building-panel-rename:focus-within{background:var(--cyan-light);box-shadow:0 3px 0 var(--cyan-shade) inset}.building-panel-rename button{background:var(--violet);min-height:36px;box-shadow:0 3px 0 var(--violet-shade);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:none;padding:0 14px;font-family:inherit;font-size:15px;font-weight:600}.building-panel-needs{gap:6px;margin-top:8px;display:grid}.building-panel-needs .hud-person-need{margin-top:0;font-size:15px}.building-panel[data-kind=lab]{width:calc(100vw - 16px);bottom:calc(var(--safe-bottom) + 8px)}@media (width>=700px) and (height>=480px){.building-panel[data-kind=lab]{width:min(1040px,100vw - 48px);max-height:min(calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px), 860px);top:50%;bottom:auto;translate:0 -50%}}.research[hidden],.research-cost[hidden],.research .building-panel-bar[hidden]{display:none}.research-current{background:var(--paper-shade);border-radius:18px;margin-top:10px;padding:10px 12px 12px}.research-current h3{color:var(--violet-shade);margin:0;font-size:19px;font-weight:700}.research-current-head{align-items:center;gap:10px;display:flex}.research-current-titles{min-width:0}.research-current-icon{display:contents}.research-current-icon>.icon{flex:none}.research-icon{background:var(--paper-shade);border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden}.research-current .research-icon{background:var(--paper)}.research-current[data-state=idle]{flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:6px 12px;display:flex}.research-current[data-state=idle] .research-current-icon{display:none}.research-current[data-state=idle] h3{font-size:15px}.research-current[data-state=idle] .research-status{margin:0;font-size:14px}.research-current[data-state=running]{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.research-current[data-state=running] .research-current-head{flex:220px}.research-current[data-state=running] .research-timer{flex:200px;margin-top:0}.research-current[data-state=running] .building-panel-actions{flex:none;margin-top:0}.research-icon[data-kind=building]{background:var(--grass)}.research-queue .research-icon{width:36px;height:36px}.research-timer{margin-top:10px}.research-timer[hidden]{display:none}.research-timer .building-panel-bar{margin-top:0}.research-timer .building-panel-meter-value{color:var(--good);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.research-tabs button{gap:4px;padding:0 6px;font-size:15px}@media (width<=420px){.research-tabs button .icon{display:none}}.research-current .building-panel-bar{background:var(--paper);margin-top:8px}.research-queue{margin-top:10px}.research-queue[hidden]{display:none}.research-current .building-panel-actions{margin-top:10px}.research-current .building-panel-actions button{min-height:46px;font-size:16px}.building-panel-bar[data-kind=research] div{background:var(--mint)}.research-status{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:15px;font-weight:500}.research-cost{flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:17px;font-weight:600;display:flex}.research .item-amount[data-done=false]{color:var(--danger)}.research-cost[data-layout=ledger]{flex-direction:column;gap:4px}.research-cost[data-layout=ledger] .site-need[data-dry=false] .item-amount[data-done=false]{color:var(--ink)}.research-list{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:8px;max-height:min(42dvh,380px);margin:2px -8px -8px;padding:8px;display:grid;overflow-y:auto}@media (width>=700px) and (height>=480px){.research-list{max-height:min(100dvh - 300px,640px)}}.research-group+.research-group{margin-top:12px}.research-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin:0 0 6px;font-size:14px;font-weight:700}.research-row{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);border-radius:16px;padding:8px 10px 10px}.research-queue .research-row+.research-row{margin-top:8px}.research-list .research-row{flex-direction:column;gap:4px;display:flex}.research-row[data-affordable=false]{opacity:.8}.research-row[data-affordable=false]:hover,.research-row[data-affordable=false]:focus-within{opacity:1}.research-row-head{align-items:center;gap:10px;display:flex}.research-row-body{flex:1;min-width:0}.research-name{flex:1;min-width:0;margin:0;font-size:16px;font-weight:700}.research-badge{background:var(--paper-shade);max-width:50%;color:var(--violet-shade);text-align:center;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.research-row[data-status=done] .research-badge{background:var(--mint);color:var(--paper)}.research-row[data-status=running] .research-badge,.research-row[data-status=collecting] .research-badge,.research-row[data-advised=true] .research-badge{background:var(--yellow);color:var(--ink)}.research-row[data-status=locked] .research-badge{color:var(--danger)}.research-duration{color:var(--muted);font-variant-numeric:tabular-nums;align-self:center;font-size:15px}.research-row-head>.research-launch{flex:none;min-width:72px;min-height:40px;padding:0 12px;font-size:15px}.research-row .research-cost{margin-top:0;font-size:15px}.research-row .research-status{margin:0;font-size:14px}.research-effect{color:var(--ink-light);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:14px;font-weight:600}.research-unlock{background:var(--paper-shade);color:var(--ink);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin:4px 0 0 6px;padding:2px 10px 2px 2px;display:inline-flex}.research-unlock .icon-building{background:var(--grass);border-radius:999px}.research-launch{flex:none;min-width:76px;min-height:40px}.research-launch[disabled]{opacity:.45}.research-row[data-status=done]{background:var(--mint-light);box-shadow:0 3px 0 var(--mint)}.research-row[data-status=done] .research-status{color:var(--good);font-weight:700}.research-row[data-status=running],.research-row[data-status=collecting]{background:var(--yellow-light);box-shadow:0 3px 0 var(--yellow)}.research-row[data-status=locked] .research-name,.research-row[data-status=locked] .research-effect{opacity:.6}.research-row[data-status=locked] .research-status{color:var(--danger)}.caravan-panel h2{align-items:center;gap:8px;display:flex}.caravan-timer{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:16px;font-weight:600}.caravan-list{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:8px;max-height:min(44dvh,360px);padding-bottom:4px;display:flex;overflow-y:auto}.trade-row{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);border-radius:16px;padding:6px 10px 8px}.trade-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.trade-name{min-width:0;margin:0;font-size:17px;font-weight:700}.trade-button{flex:none;min-width:96px;min-height:40px}.trade-button[disabled]{opacity:.45}.trade-deal{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:17px;font-weight:600;display:flex}.trade-arrow{color:var(--violet);font-weight:700}.trade-deal .item-amount[data-done=false]{color:var(--danger)}.trade-status{color:var(--muted);margin:2px 0 0;font-size:15px;font-weight:500}.trade-row[data-status=done]{background:var(--mint-light);box-shadow:0 3px 0 var(--mint)}.trade-row[data-status=done] .trade-status{color:var(--good);font-weight:700}.trade-row[data-status=short] .trade-status{color:var(--danger)}.overlay{z-index:10;background:var(--veil);pointer-events:auto;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out both overlay-in;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}@keyframes overlay-in{0%{opacity:0}}.overlay-panel{text-align:center;width:min(330px,100%);box-shadow:0 7px 0 var(--paper-shade);border-radius:28px;flex-direction:column;align-items:stretch;gap:14px;padding:24px 22px;animation:.36s cubic-bezier(.2,1.4,.4,1) both panel-pop;display:flex}@keyframes panel-pop{0%{opacity:0;transform:scale(.85)}}.overlay-title{color:var(--violet);margin:0;font-size:32px;font-weight:700}.hud-defeat .overlay-title,.confirm-panel .overlay-title{color:var(--coral)}.settings-screen{z-index:12}.settings-panel{max-height:100%;overflow-y:auto}.settings-panel::-webkit-scrollbar{width:8px}.settings-panel::-webkit-scrollbar-track{background:0 0;margin:22px 0}.settings-panel::-webkit-scrollbar-thumb{background:var(--paper-shade);border-radius:999px}.settings-note{color:var(--muted);margin:0;font-size:14px}.settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-head .overlay-title{text-align:left;font-size:28px}.settings-label{text-align:left;color:var(--muted);margin:4px 0 -4px;font-size:15px;font-weight:600}.settings-languages{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-language{padding:0 12px;font-size:18px}.settings-language[aria-checked=true]{background:var(--violet);color:var(--paper);box-shadow:0 5px 0 var(--violet-shade)}.settings-language[aria-checked=true]:active{box-shadow:0 2px 0 var(--violet-shade)}.settings-toggle{text-align:left;justify-content:flex-start}.settings-toggle[aria-pressed=false]{color:var(--muted)}.settings-toggle-name{text-wrap:balance;flex:1;min-width:0;line-height:1.15}.settings-toggle-state{background:var(--mint);min-width:48px;color:var(--paper);text-align:center;border-radius:999px;flex:none;padding:3px 12px;font-size:15px}.settings-toggle[aria-pressed=false] .settings-toggle-state{background:var(--paper-shade);color:var(--muted)}.settings-volume{text-align:left;color:var(--muted);grid-template-columns:1fr auto;gap:4px 12px;margin:-2px 4px 4px;font-size:15px;font-weight:600;display:grid}.settings-volume-off{opacity:.5}.settings-volume input{width:100%;height:28px;accent-color:var(--violet);cursor:var(--cursor-hand);grid-column:1/-1;margin:0}.overlay-panel[hidden],.title-panel[hidden]{display:none}.overlay-text{color:var(--muted);margin:0;font-weight:500}.overlay-stats{background:var(--paper-shade);text-align:left;font-variant-numeric:tabular-nums;border-radius:18px;grid-template-columns:1fr auto;gap:8px 16px;margin:4px 0 6px;padding:12px 16px;display:grid}.overlay-stats dt{color:var(--violet-shade);font-weight:500}.overlay-stats dd{text-align:right;color:var(--ink);margin:0;font-weight:700}.hud-defeat{background:#d92a5b80}.hud-death{z-index:11;text-align:center;background:#1f2070e6;flex-direction:column;gap:12px}.death-title{color:var(--coral);text-shadow:0 5px 0 var(--ink-shade);margin:0;font-size:clamp(40px,12vw,72px);font-weight:700;line-height:1.05}.death-count{color:var(--paper);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(22px,6vw,32px);font-weight:600}.seed-line{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:13px;font-weight:500;display:flex}.seed-share{background:var(--paper-shade);color:var(--violet);border:none;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.seed-share:active{transform:translateY(1px)}.hud-victory{background:#15a86673}.hud-victory .overlay-panel>.icon-ui{align-self:center;margin-bottom:-6px}.hud-victory .overlay-title{color:var(--good)}.offline-recap{z-index:11;background:#1f20708c}.offline-panel{width:min(380px,100%);max-height:100%;overflow-y:auto}.offline-panel>.icon-ui{align-self:center;margin-bottom:-6px}.offline-panel.offline-leaving{animation:.42s ease-in .26s forwards overlay-out}.offline-body{text-align:left;flex-direction:column;gap:12px;display:flex}.offline-body>.overlay-text{text-align:center}.offline-capped{text-align:center;color:var(--muted);margin:-6px 0 0;font-size:14px;font-weight:500}.offline-section{flex-direction:column;gap:6px;display:flex}.offline-section-title{color:var(--muted);margin:0;font-size:15px;font-weight:600}.offline-chips{flex-wrap:wrap;gap:6px;display:flex}.offline-chip{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 5px;font-weight:700;display:inline-flex}.offline-gain .offline-chip{background:var(--mint-light);color:var(--mint-shade)}.offline-spent .offline-chip{background:var(--coral-light);color:var(--coral-shade)}.offline-lines{background:var(--paper-shade);border-radius:18px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.offline-line{color:var(--ink);align-items:center;gap:8px;font-weight:500;display:flex}.offline-alerts .offline-line{color:var(--danger)}.offline-flyer{z-index:13;pointer-events:none;position:fixed}.hud-celebration{z-index:5;background:var(--paper);width:min(340px,100% - 32px);box-shadow:0 6px 0 var(--mint-shade);text-align:center;pointer-events:none;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px 16px;animation:4.2s cubic-bezier(.2,1.4,.4,1) both celebration-in;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.hud-celebration[hidden]{display:none}.hud[data-celebration=docked] .hud-celebration{border-radius:20px;gap:2px;padding:8px 14px 10px}.hud[data-celebration=docked] .hud-celebration-goal{font-size:18px}.hud[data-celebration=docked] .building-panel{max-height:calc(100% - var(--safe-bottom) - 102px - var(--celebration-bottom,0px));overflow-y:auto}.hud-celebration-title{letter-spacing:.1em;text-transform:uppercase;color:var(--good);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.hud-celebration-goal{font-size:22px;font-weight:700}.hud-celebration-text{color:var(--muted);font-weight:500}@keyframes celebration-in{0%{opacity:0;transform:translate(-50%,-30px)scale(.8)}10%,88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.hud-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-leaf{animation:leaf-fall 3.2s cubic-bezier(.3, .4, .6, 1) var(--delay) both;position:absolute;top:-40px}@keyframes leaf-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(var(--spin))}}.title-screen{overscroll-behavior:contain;background:#2b2d8f4d;align-items:safe center;overflow-y:auto}.title-screen[data-leaving=true]{animation:.38s ease-in forwards overlay-out}@keyframes overlay-out{to{opacity:0;transform:scale(1.04)}}.title-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(360px,100%);display:flex}.title-kicker{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);letter-spacing:.2em;text-transform:uppercase;color:var(--violet);border-radius:999px;padding:4px 16px;font-size:14px;font-weight:700}.title-logo{color:var(--yellow);text-shadow:0 5px 0 var(--yellow-shade), 0 10px 0 var(--ink);margin:0;font-size:clamp(56px,17vw,82px);font-weight:700;line-height:.95;animation:3.2s ease-in-out infinite logo-float}@keyframes logo-float{50%{transform:translateY(-5px)}}.title-pitch{background:var(--paper);box-shadow:var(--face);color:var(--ink);border-radius:22px;margin:4px 0 6px;padding:14px 18px;font-size:17px;font-weight:500;line-height:1.45}.title-play{min-width:210px;min-height:62px;font-size:28px;animation:1.4s ease-in-out infinite play-pulse}@keyframes play-pulse{50%{transform:scale(1.05)}}.title-new{min-width:210px}.title-notice{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);color:var(--muted);border-radius:999px;margin:0;padding:4px 14px;font-size:13px;font-weight:500}.title-controls{background:var(--paper);box-shadow:var(--face);color:var(--ink);text-align:left;border-radius:22px;flex-direction:column;gap:8px;margin:8px 0 0;padding:12px 16px;font-size:15px;font-weight:500;list-style:none;display:flex}.title-controls li{align-items:center;gap:10px;display:flex}.title-controls .icon-building{object-fit:contain}.title-garden{min-width:210px}.title-record{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);color:var(--ink);border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 14px 4px 8px;font-size:14px;font-weight:600;display:inline-flex}.title-garden[data-pure=true]{color:var(--muted)}.garden-panel{width:min(380px,100%);max-height:calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));gap:12px;overflow-y:auto}.garden-seeds{background:var(--yellow);box-shadow:0 4px 0 var(--yellow-shade);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:6px 18px;font-size:20px;font-weight:700;display:inline-flex}.garden-perks{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.garden-perk{background:var(--paper-shade);border-radius:18px;align-items:center;gap:10px;padding:8px 10px;display:flex}.garden-perk .icon{object-fit:contain;flex:none}.garden-perk-text{min-width:0;color:var(--violet-shade);flex-direction:column;flex:1;font-size:13px;font-weight:500;line-height:1.3;display:flex}.garden-perk-text strong{color:var(--ink);font-size:16px;font-weight:700}.garden-plant,.garden-planted{font-variant-numeric:tabular-nums;border:none;border-radius:999px;flex:none;align-items:center;gap:4px;min-height:40px;padding:0 14px;font-size:17px;font-weight:700;display:inline-flex}.garden-plant{background:var(--mint);color:var(--paper);box-shadow:0 4px 0 var(--mint-shade)}.garden-plant:active{box-shadow:0 2px 0 var(--mint-shade);transform:translateY(2px)}.garden-plant[disabled]{opacity:.45;transform:none}.garden-planted{background:var(--paper);color:var(--good)}.garden-pure{text-align:left;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:6px 4px;font-size:15px;font-weight:600;display:flex}.garden-switch{background:var(--paper-shade);border-radius:999px;flex:none;width:46px;height:26px;transition:background .16s ease-out;position:relative}.garden-switch:after{content:"";background:var(--paper);width:20px;height:20px;box-shadow:0 2px 0 var(--violet-light);border-radius:999px;transition:transform .16s ease-out;position:absolute;top:3px;left:3px}.garden-pure[aria-checked=true] .garden-switch{background:var(--coral)}.garden-pure[aria-checked=true] .garden-switch:after{box-shadow:0 2px 0 var(--coral-shade);transform:translate(20px)}.overlay-seeds{flex-direction:column;align-items:center;gap:6px;display:flex}.overlay-seeds-amount{background:var(--yellow);box-shadow:0 4px 0 var(--yellow-shade);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 18px;font-size:22px;font-weight:700;display:inline-flex}.overlay-seeds-hint{color:var(--muted);font-size:14px;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.transfer{flex-direction:column;gap:6px;margin-top:10px;display:flex}.transfer[hidden],.transfer [hidden]{display:none}.transfer-band{background:var(--paper-shade);border-radius:16px;padding:6px 10px 8px}.transfer-band[data-side=bag]{background:var(--violet-light)}.transfer-band-head{color:var(--violet-shade);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.transfer-band[data-side=bag] .transfer-band-head{color:var(--paper)}.transfer-band-icon{display:inline-flex}.transfer-band-title{flex:1;min-width:0}.transfer-band-count{font-variant-numeric:tabular-nums}.transfer-band-count[data-full=true]{color:var(--coral-shade)}.transfer-gauge{background:var(--violet-shade);border-radius:999px;height:10px;margin-top:6px;padding:2px;overflow:hidden}.transfer-gauge div{background:var(--yellow);border-radius:999px;height:100%;transition:width .2s cubic-bezier(.2,1.2,.4,1)}.transfer-gauge div[data-full=true]{background:var(--coral)}.transfer-chips{flex-wrap:wrap;gap:8px;min-height:42px;max-height:104px;margin-top:6px;display:flex;overflow-y:auto}.transfer-empty{color:var(--violet);align-self:center;font-size:15px;font-weight:600}.transfer-band[data-side=bag] .transfer-empty{color:var(--paper)}.transfer-chip{background:var(--paper);min-width:60px;min-height:42px;color:var(--ink);box-shadow:0 4px 0 var(--violet);font-variant-numeric:tabular-nums;border:none;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:5px;padding:2px 12px;font-size:18px;font-weight:700;display:inline-flex}.transfer-chip:active{box-shadow:0 1px 0 var(--violet);transform:translateY(3px)}.transfer-chip[disabled]{opacity:.45;transform:none}.transfer-chip-note{color:var(--orange-shade);text-align:center;flex-basis:100%;font-size:12px;font-weight:700;line-height:1.1}.transfer-quantity{background:var(--paper-shade);border-radius:999px;align-self:center;gap:4px;padding:4px;display:flex}.transfer-quantity button{min-width:60px;min-height:36px;color:var(--violet-shade);background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:17px;font-weight:700}.transfer-quantity button[aria-checked=true]{background:var(--violet);color:var(--paper);box-shadow:0 3px 0 var(--violet-shade)}.transfer-actions{margin-top:4px}.building-panel-actions.transfer-actions button{white-space:nowrap;gap:6px;min-height:48px;padding:0 8px;font-size:17px}.building-panel-actions.transfer-actions button[data-tone=take]{background:var(--violet);color:var(--paper);box-shadow:0 5px 0 var(--violet-shade)}.building-panel-actions.transfer-actions button[data-tone=deposit]{background:var(--mint);color:var(--paper);box-shadow:0 5px 0 var(--mint-shade)}.building-panel-actions.transfer-actions button[data-tone=take]:active{box-shadow:0 2px 0 var(--violet-shade)}.building-panel-actions.transfer-actions button[data-tone=deposit]:active{box-shadow:0 2px 0 var(--mint-shade)}.transfer-note{color:var(--danger);margin:0;font-size:15px;font-weight:600}.transfer-flight{z-index:50;pointer-events:none;position:fixed}.test-banner{bottom:calc(var(--safe-bottom) + 90px);left:calc(var(--safe-left) + 8px);background:var(--coral);box-shadow:0 2px 0 var(--coral-shade);color:var(--paper);letter-spacing:.02em;white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 10px 2px;font-size:11px;position:absolute}.barracks[hidden],.barracks [hidden]{display:none}.barracks{flex-direction:column;gap:10px;margin-top:12px;display:flex}.barracks-army,.barracks-training{color:var(--violet);margin:0;font-size:16px;font-weight:600}.barracks-training{color:var(--good)}.barracks-classes{flex-direction:column;gap:8px;display:flex}.barracks-card{background:var(--paper);box-shadow:var(--face);border-radius:18px;align-items:center;gap:10px;padding:10px;display:flex}.barracks-card-portrait{object-fit:contain;flex:none;width:56px;height:84px}.barracks-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.barracks-card-name{margin:0;font-size:18px}.barracks-card-effect,.barracks-card-stats{color:var(--muted);margin:0;font-size:14px}.barracks-card-body .building-panel-actions{align-self:flex-start;min-height:44px}.barracks-roster-title{margin:4px 0 0;font-size:16px}.barracks-roster{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.barracks-roster-line{align-items:center;gap:8px;font-size:15px;display:flex}.barracks-roster-line img{object-fit:contain;width:24px;height:36px}.barracks-roster-name{flex:1;font-weight:600}.barracks-roster-hp{font-variant-numeric:tabular-nums}.barracks-roster-hp[data-alert=true]{color:var(--danger);font-weight:700}.barracks-roster-none{color:var(--muted);font-size:14px}.hud-toast-action{background:var(--violet);min-height:36px;color:var(--paper);font:inherit;box-shadow:0 3px 0 var(--violet-shade);pointer-events:auto;cursor:var(--cursor-hand);border:none;border-radius:999px;flex:none;margin:-3px -10px -3px 4px;padding:0 14px;font-size:15px;font-weight:700}.hud-toast-action:active{box-shadow:0 1px 0 var(--violet-shade);transform:translateY(2px)}.wardrobe-screen{z-index:11;padding:max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left))}.wardrobe-panel{text-align:left;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:10px;width:min(560px,100%);height:min(860px,100%);padding:16px 16px 18px;display:grid}.wardrobe-count{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600;position:absolute;top:0;right:0}.wardrobe-stage{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.wardrobe-figure{--spread:16px;width:128px;height:168px;position:relative}.wardrobe-figure:before{content:"";background:var(--grass);border-radius:50%;width:92px;height:24px;position:absolute;top:142px;left:18px}.wardrobe-figure[data-view=left]{transform:scaleX(-1)}.wardrobe-figure img{pointer-events:none;width:128px;height:192px;position:absolute;top:0;left:0}.wardrobe-foot-left{translate:calc(var(--spread) * -1) 0;animation:.72s ease-in-out infinite wardrobe-step}.wardrobe-foot-right{translate:var(--spread) 0;animation:.72s ease-in-out -360ms infinite wardrobe-step}.wardrobe-body{animation:.36s ease-in-out infinite alternate wardrobe-bob}@keyframes wardrobe-step{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-9px)}}@keyframes wardrobe-bob{to{transform:translateY(-5px)scale(1.01,.99)}}@media (prefers-reduced-motion:reduce){.wardrobe-figure img,.hud .hud-bag[data-new=true]:after,.bag-tab[data-new=true]:after{animation:none}}.wardrobe-turn{min-height:44px;padding:0 18px;font-size:16px}.wardrobe-controls{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:10px;min-height:0;padding:2px 2px 8px;display:flex;overflow-y:auto}.wardrobe-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.wardrobe-tab{background:var(--paper-shade);min-height:44px;color:var(--ink);font:inherit;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:14px;padding:0 2px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.wardrobe-tab[aria-selected=true]{background:var(--violet);color:var(--paper);box-shadow:0 3px 0 var(--violet-shade)}.wardrobe-tab[data-new=true]:after{content:"";background:var(--coral);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}.wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.wardrobe-card{background:var(--paper);min-height:112px;color:var(--ink);font:inherit;box-shadow:0 4px 0 var(--paper-shade);cursor:var(--cursor-hand);border:none;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.wardrobe-card:active{box-shadow:0 2px 0 var(--paper-shade);transform:translateY(2px)}.wardrobe-card[data-rarity=rare][data-locked=false][aria-pressed=false]:not(:active){box-shadow:0 4px 0 var(--cyan-shade)}.wardrobe-card[data-rarity=epic][data-locked=false][aria-pressed=false]:not(:active){box-shadow:0 4px 0 var(--violet)}.wardrobe-card[aria-pressed=true]{background:var(--yellow-light);box-shadow:0 4px 0 var(--yellow-shade)}.wardrobe-thumb{background:var(--grass);border-radius:14px;width:64px;height:64px;display:block}span.wardrobe-thumb{background:var(--violet-light);-webkit-mask:var(--silhouette) center / contain no-repeat;-webkit-mask:var(--silhouette) center / contain no-repeat;mask:var(--silhouette) center / contain no-repeat}.wardrobe-card[data-locked=true]{background:var(--paper-shade);box-shadow:0 4px 0 var(--violet-light);color:var(--muted)}.wardrobe-lock{position:absolute;top:6px;right:8px}.wardrobe-name{text-align:center;font-size:13px;font-weight:600;line-height:1.15}.wardrobe-rarity,.wardrobe-new{color:var(--paper);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.wardrobe-card[data-rarity=rare] .wardrobe-rarity{background:var(--cyan-shade)}.wardrobe-card[data-rarity=epic] .wardrobe-rarity{background:var(--violet)}.wardrobe-new{background:var(--coral);top:auto;bottom:-6px;left:50%;transform:translate(-50%)}.wardrobe-color-title{margin:4px 0 -2px}.wardrobe-color-title[hidden],.wardrobe-swatches[hidden]{display:none}.wardrobe-swatches{flex-wrap:wrap;gap:10px;display:flex}.wardrobe-swatch{background:var(--swatch);width:44px;height:44px;box-shadow:inset -4px -4px 0 var(--swatch-shade);cursor:var(--cursor-hand);border:none;border-radius:50%;transition:transform .12s ease-out;position:relative}.wardrobe-swatch[aria-checked=true]{transform:scale(1.15)}.wardrobe-swatch[aria-checked=true]:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:14px}.wardrobe-hint{min-height:1.2em;color:var(--muted);margin:0;font-size:14px}.wardrobe-footer{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wardrobe-footer button{min-height:52px;padding:0 12px}.bag-panel{grid-template-rows:auto minmax(0,1fr)}.wardrobe-tab-body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:10px;min-height:0;display:grid}.wardrobe-tab-body[hidden]{display:none}.bag-tabs{background:var(--paper-shade);border-radius:999px;flex:1;grid-template-columns:1fr 1fr;gap:4px;min-width:0;padding:4px;display:grid}.bag-tab{min-width:0;min-height:44px;color:var(--violet-shade);font:inherit;white-space:nowrap;cursor:var(--cursor-hand);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.bag-tab span{text-overflow:ellipsis;overflow:hidden}.bag-tab .icon,.bag-tab-face{flex:none;width:24px;height:24px}.bag-tab-face{border-radius:50%}.bag-tab[aria-selected=true]{background:var(--violet);color:var(--paper);box-shadow:0 3px 0 var(--violet-shade)}.hud .hud-bag[data-new=true]:after,.bag-tab[data-new=true]:after{content:"";background:var(--coral);width:14px;height:14px;box-shadow:inset -2px -2px 0 var(--coral-shade);border-radius:50%;animation:1.4s ease-in-out infinite bag-ping;position:absolute;top:-2px;right:-2px}.bag-tab[data-new=true]:after{width:11px;height:11px;top:2px;right:6px}@media (width<=400px){.bag-tab{gap:4px;padding:0 4px;font-size:14px}.bag-tab .icon,.bag-tab-face{width:20px;height:20px}}@keyframes bag-ping{50%{transform:scale(1.25)}}@media (orientation:landscape) and (height<=600px){.wardrobe-panel{width:min(860px,100%);height:100%;padding:12px 14px 14px}.wardrobe-tab-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:180px minmax(0,1fr)}.wardrobe-head,.wardrobe-footer{grid-column:1/-1}.wardrobe-stage{justify-content:center}.wardrobe-count{position:static}.inventory-tab:not([hidden]){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:14px;display:grid}.inventory-scroll{grid-area:1/1/-1}.inventory-gauge,.inventory-where,.inventory-detail,.inventory-actions{grid-column:2}.inventory-detail{align-self:end}}.notify-points{text-align:left;color:var(--ink);margin:0;padding:0 0 0 22px;font-weight:600}.era-overlay{padding:calc(var(--safe-top) + 16px) 12px calc(var(--safe-bottom) + 16px);align-items:flex-start;overflow-y:auto}.era-panel{width:min(440px,100%);box-shadow:0 7px 0 var(--paper-shade);border-radius:28px;flex-direction:column;gap:10px;margin:auto;padding:16px 16px 18px;animation:.36s cubic-bezier(.2,1.4,.4,1) both panel-pop;display:flex}.era-head{align-items:center;gap:8px;display:flex}.era-title{color:var(--violet);flex:auto;margin:0;font-size:22px;font-weight:700}.era-close{background:var(--paper-shade);border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.era-body{flex-direction:column;gap:8px;display:flex}.era-timeline{background:var(--paper-shade);border-radius:999px;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.era-step{text-align:center;min-width:0;color:var(--violet-shade);overflow-wrap:anywhere;border-radius:999px;flex:1 1 0;padding:6px 4px;font-size:13px;font-weight:700}.era-step[data-state=done]{background:var(--violet-light);color:var(--paper)}.era-step[data-state=current]{background:var(--violet);color:var(--paper);box-shadow:0 3px 0 var(--violet-shade)}.era-next{margin:4px 0 0;font-size:19px;font-weight:700}.era-motto{color:var(--muted);margin:0;font-size:15px;font-weight:500}.era-section{letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin:6px 0 0;font-size:14px;font-weight:700}.era-checks,.era-brings,.era-recap{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.era-check,.era-bring{background:var(--paper);box-shadow:0 3px 0 var(--paper-shade);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:15px;font-weight:600;display:flex}.era-check[data-met=true]{background:var(--mint-light);box-shadow:0 3px 0 var(--mint-shade)}.era-check[data-met=false] .era-check-count{color:var(--danger)}.era-check-label{flex:auto;min-width:0}.era-check-count{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.era-check .icon-building,.era-bring .icon-building{background:var(--grass);border-radius:999px}.era-invest-title{color:var(--muted);text-align:left;margin-top:4px;font-size:13px;font-weight:700}.era-bring-buildings{border-radius:18px;flex-wrap:wrap}.era-buildings{flex-wrap:wrap;flex-basis:100%;display:flex}.era-advance{text-align:center;flex-direction:column;gap:6px;margin-top:6px;display:flex}.era-advance-note{color:var(--muted);margin:0;font-size:14px;font-weight:600}.era-screen{z-index:11;background:#7b5cff80}.era-screen-panel{width:min(380px,100%)}.era-screen-panel>.icon-ui{align-self:center;margin-bottom:-6px}.era-screen-name{color:var(--ink);margin:-8px 0 0;font-size:26px;font-weight:700}.building-panel-actions button[data-ready=true]{position:relative}.building-panel-actions button[data-ready=true]:after{background:var(--coral);content:"";border-radius:999px;width:14px;height:14px;position:absolute;top:-4px;right:-4px}.pad-cursor{z-index:1000;pointer-events:none;will-change:transform;filter:drop-shadow(2px 3px 0 var(--ink-shade));position:fixed;top:0;left:0}.pad-cursor[hidden]{display:none}.pad-cursor img{display:block}.pad-focus{animation:1.2s ease-in-out infinite pad-focus;box-shadow:0 0 0 3px var(--paper), 0 0 0 7px var(--cyan)!important;outline:none!important}@keyframes pad-focus{50%{box-shadow:0 0 0 3px var(--paper), 0 0 0 9px var(--cyan-shade)}}@media (prefers-reduced-motion:reduce){.pad-focus{animation:none}}[data-input=pad] .joystick,[data-input=pad] .key-hint,[data-input=pad] .build-drawer-keys{display:none!important}.pad-hint{display:none}[data-input=pad] .pad-hint{pointer-events:none;line-height:0;display:block;position:absolute;top:-8px;left:-8px}.hud-actions>button{position:relative}.pad-help-screen{z-index:14}.pad-help{width:min(400px,100%)}.pad-help-list{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;margin:0;display:grid}.pad-help-list dt{justify-content:flex-end;align-items:center;gap:6px;display:flex}.pad-help-list dd{color:var(--ink);margin:0;font-size:17px}.pad-key{background:var(--ink);min-width:34px;height:28px;box-shadow:0 3px 0 var(--ink-shade);color:var(--paper);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 9px;font-size:14px;font-weight:700;display:inline-flex}.pad-key .pad-glyph{margin-left:-6px}.pad-help-kind{font-size:16px}.account-screen{z-index:13}.account-panel{width:min(400px,100%)}.account-status{text-align:left}.account-status[data-tone=offline]{background:color-mix(in srgb, var(--coral-light) 28%, var(--paper));color:var(--danger);border-radius:14px;padding:8px 12px;font-weight:600}.account-form,.account-profile{flex-direction:column;gap:12px;display:flex}.account-form[hidden],.account-profile[hidden],.account-field[hidden]{display:none}.account-field{text-align:left;gap:4px;display:grid;position:relative}.account-label{color:var(--muted);font-size:15px;font-weight:600}.account-input{background:var(--paper-shade);width:100%;min-height:52px;font:inherit;color:var(--ink);cursor:text;border:none;border-radius:999px;padding:0 52px 0 18px;font-size:18px;font-weight:500;box-shadow:inset 0 3px #2b2d8f1f}.account-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.account-input[aria-invalid=true]{background:color-mix(in srgb, var(--coral-light) 28%, var(--paper))}.account-hint{color:var(--muted);font-size:13px}.account-hint:empty,.account-error:empty{display:none}.account-error{color:var(--danger);font-size:14px;font-weight:600}.account-reveal{background:0 0;border:none;border-radius:999px;width:44px;height:44px;font-size:18px;position:absolute;top:26px;right:6px}.account-reveal:before{content:"";background:var(--ink);width:20px;height:12px;box-shadow:inset 0 0 0 4px var(--paper-shade), inset 0 0 0 7px var(--ink);border-radius:999px;margin:auto;display:block}.account-reveal[aria-pressed=true]:before{background:var(--violet);box-shadow:inset 0 0 0 4px var(--paper-shade), inset 0 0 0 7px var(--violet)}.account-profile-name{margin:0;font-size:22px;font-weight:700}button[data-offline=true]{color:var(--muted)}.button-primary:disabled,.button-secondary:disabled,.building-panel-actions button:disabled{background:var(--paper-shade);color:var(--muted);box-shadow:none;opacity:.7;transform:none}.button-primary:disabled:before,.building-panel-actions button:disabled:before{display:none}.invite-panel,.join-panel{width:min(420px,100%);max-height:100%;overflow-y:auto}.join-panel{flex-direction:column;gap:12px;display:flex}.invite-body{flex-direction:column;align-items:center;gap:10px;display:flex}.invite-panel [hidden],.join-panel [hidden]{display:none}.invite-qr{aspect-ratio:1;width:min(220px,60vw);height:auto;box-shadow:0 5px 0 var(--paper-shade);image-rendering:pixelated;border-radius:20px;display:block}.invite-code{letter-spacing:.12em;color:var(--ink);font-size:30px;font-weight:700}.invite-body .account-field{width:100%}.invite-link{text-overflow:ellipsis;padding-right:18px;font-size:15px}.invite-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.invite-actions>button{flex:140px}.invite-room-title{color:var(--ink);margin:6px 0 0;font-size:17px;font-weight:700}.party-room{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.party-member{background:var(--paper-shade);min-height:44px;color:var(--ink);text-align:left;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:17px;font-weight:600;display:flex}.party-member[data-kind=guest]{background:color-mix(in srgb, var(--good) 22%, var(--paper))}.party-member[data-kind=empty]{color:var(--muted);justify-content:center;font-weight:500}.invite-end{width:100%;color:var(--danger)}