:root{--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--glass:#faf8f4cc;--glass-hud:#faf8f4c7;--glass-solid:#f7f4ee;--glass-deep:#e9e3d8;--glass-hover:#fffffff0;--blur:blur(16px) saturate(1.6);--raised:#1f24330d;--hover:#1f243314;--pressed:#1f24331f;--line:#1f24331a;--line-strong:#1f24332e;--text:#1f2433;--dim:#5b6172;--faint:#8c91a0;--go:#22884a;--go-press:#1b733f;--on-go:#fff;--go-weak:#22884a1f;--gold:#a5720c;--aqua:#0e84ac;--aqua-weak:#0e84ac1f;--coral:#cf5b34;--coral-weak:#cf5b341f;--warn:#b77406;--warn-weak:#b774061f;--danger:#c4392c;--danger-weak:#c4392c1a;--violet:#6a51bf;--sky:#2b6fb3;--paper:#faf6ee;--paper-2:#f1eadf;--paper-ink:#1c2133;--paper-dim:#5d6375;--paper-line:#e2dacb;--edge:inset 0 0 0 1px #fff9, 0 0 0 1px #1f24330f;--shadow:0 1px 3px #1418281f, 0 6px 18px #14182824;--shadow-panel:0 2px 8px #1418281f, 0 16px 40px #14182833;--r-panel:20px;--r-tile:12px;--r-field:12px;--r-readout:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--safe-top:max(10px, env(safe-area-inset-top));--safe-bottom:max(10px, env(safe-area-inset-bottom));--safe-left:max(10px, env(safe-area-inset-left));--safe-right:max(10px, env(safe-area-inset-right));--hud-bottom:64px;--actions-width:168px;--ui:var(--glass);--ui-2:var(--raised);--ui-3:var(--pressed);--go-dark:var(--go-press);--go-ink:var(--go);--paper-raised:#fff;--paper-text:var(--paper-ink);--ink-text:var(--text);--ink-dim:var(--dim);--ink-faint:var(--faint);--ink-line:var(--line);--brand:var(--go);--font-display:var(--font);--hot:var(--danger);--ink-bg:var(--glass-hud);--warm:var(--warn);--radius:16px;font-family:var(--font);color:var(--text);background:var(--glass-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.frosted,.game-panel:not(.gem-store):not(.phone-panel),.hud-chip,.hud-wallets,.build-tools,.furniture-tool,.construct-tool,.notice,.social-request,.title-panel,.lift-panel{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}@media (prefers-reduced-transparency:reduce){:root{--glass:#f7f4ee;--glass-hud:#f7f4ee;--blur:none}}.game-shell.is-building{--hud-bottom:0px}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a,input,select,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--go);outline-offset:2px}a{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--dim)}.small{font-size:12px;line-height:1.5}.form-error{color:var(--danger);font-size:13px;line-height:1.5}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:var(--r-field);background:var(--raised);width:100%;min-height:46px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .18s var(--ease-out), background-color .18s;border:0;padding:10px 14px;font-size:16px}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea)::placeholder{color:var(--faint)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):hover:not(:disabled){background:var(--hover)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{box-shadow:inset 0 0 0 2px var(--go);outline:none}:where(select){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}:where(select) option{background:var(--glass-solid);color:var(--text)}:where(input[type=checkbox]:not([role=switch]),input[type=radio]){width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--faint);appearance:none;cursor:pointer;transition:box-shadow .26s var(--ease-spring), background-color .16s, background-size .3s var(--ease-spring);background:0 0;flex-shrink:0;margin:0}:where(input[type=radio]){border-radius:50%}:where(input[type=radio]:checked){box-shadow:inset 0 0 0 7px var(--go)}:where(input[type=checkbox]:not([role=switch])){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") 50%/0 no-repeat;border-radius:7px}:where(input[type=checkbox]:not([role=switch]):checked){background-color:var(--go);box-shadow:inset 0 0 0 2px var(--go);background-size:16px}:where(input[type=checkbox],input[type=radio]):hover:not(:disabled):not(:checked){box-shadow:inset 0 0 0 2px var(--dim)}:where(input[type=checkbox],input[type=radio]):disabled{opacity:.4;cursor:default}:where(label){font-size:14px}.circle{background:var(--raised);width:44px;height:44px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);transition:transform .34s var(--ease-spring), background-color .16s, color .16s, box-shadow .16s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.circle:hover:not(:disabled){background:var(--hover)}.circle:active:not(:disabled){background:var(--pressed);transition-duration:80ms;transition-timing-function:var(--ease-out);transform:scale(.9)}.circle[aria-pressed=true]{background:var(--go);color:var(--on-go);box-shadow:none}.go{min-height:52px;color:var(--text);text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:12px;padding:0;font-size:16px;font-weight:700;display:inline-flex}.go>i{background:var(--go);width:52px;height:52px;color:var(--on-go);transition:transform .36s var(--ease-spring), background-color .16s;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 3px 10px #1418282e}.go>i svg{transition:transform .36s var(--ease-spring)}.go:hover:not(:disabled)>i{transform:scale(1.06)}.go:hover:not(:disabled)>i svg{transform:translate(1px)scale(1.08)}.go:active:not(:disabled)>i{background:var(--go-press);transition-duration:80ms;transition-timing-function:var(--ease-out);transform:scale(.9)}.go:disabled{opacity:1;color:var(--faint)}.go:disabled>i{background:var(--raised);color:var(--faint);box-shadow:inset 0 0 0 1px var(--line)}.act{min-height:44px;color:var(--go);white-space:nowrap;transition:transform .3s var(--ease-spring), color .16s, opacity .16s;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:15px;font-weight:650;display:inline-flex}.act:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.act:active:not(:disabled){transition-duration:80ms;transform:scale(.96)}.act.is-danger{color:var(--danger)}.act.is-quiet{color:var(--dim)}.choices{flex-wrap:wrap;gap:4px 20px;display:flex}.choices button,.segmented button,.chips button{min-height:44px;color:var(--dim);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:550;transition:color .16s;display:inline-flex}.choices button:hover:not(:disabled),.segmented button:hover:not(:disabled),.chips button:hover:not(:disabled){color:var(--text)}.choices button:before,.segmented button:before,.chips button:before{content:"";width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--faint);transition:box-shadow .3s var(--ease-spring), transform .3s var(--ease-spring);border-radius:50%;flex:none}.choices button:active:not(:disabled):before,.segmented button:active:not(:disabled):before,.chips button:active:not(:disabled):before{transition-duration:80ms;transform:scale(.82)}.choices button[aria-pressed=true],.choices button[aria-checked=true],.chips button[aria-pressed=true],.segmented button[aria-pressed=true],.segmented button[aria-checked=true],.segmented button[aria-selected=true]{color:var(--text);font-weight:700}.choices button[aria-pressed=true]:before,.choices button[aria-checked=true]:before,.chips button[aria-pressed=true]:before,.segmented button[aria-pressed=true]:before,.segmented button[aria-checked=true]:before,.segmented button[aria-selected=true]:before{box-shadow:inset 0 0 0 6px var(--go)}.segmented{flex-wrap:wrap;gap:4px 20px;display:flex}:where(input[type=range]){appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--pressed);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--pressed);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{background:var(--text);width:22px;height:22px;box-shadow:inset 0 0 0 6px var(--go), 0 1px 4px #14182840;appearance:none;transition:transform .3s var(--ease-spring);border:0;border-radius:50%;margin-top:-9px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]::-moz-range-thumb{border:5px solid var(--go);background:var(--text);border-radius:50%;width:18px;height:18px}input[type=range]:disabled{opacity:.4}input[role=switch]{background:var(--pressed);appearance:none;cursor:pointer;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background-color .2s;position:relative}input[role=switch]:after{content:"";background:var(--text);width:24px;height:24px;transition:transform .34s var(--ease-spring), width .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000059}input[role=switch]:active:not(:disabled):after{width:28px}input[role=switch]:checked{background:var(--go)}input[role=switch]:checked:after{transform:translate(20px)}input[role=switch]:checked:active:not(:disabled):after{transform:translate(16px)}input[role=switch]:disabled{opacity:.5}.spinner{border:2px solid var(--pressed);border-top-color:var(--go);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.info{vertical-align:middle;display:inline-flex;position:relative}:where(h3,h4,p,small,label,.field-label,.store-tag,.sabi-tag)>.info{margin-left:6px}.info-button{background:var(--raised);width:24px;height:24px;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease-spring), background-color .16s, color .16s;border:0;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;line-height:1;display:grid;position:relative}.info-button:after{content:"";position:absolute;inset:-10px}.info-button:hover,.info-button[aria-expanded=true]{background:var(--hover);color:var(--text)}.info-button:active{transform:scale(.88)}.info-note{background:var(--glass-solid);width:max-content;max-width:min(280px,100vw - 32px);color:var(--text);box-shadow:var(--edge), var(--shadow-panel);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:450;line-height:1.5}.info-note p+p{margin-top:6px}.floating{z-index:1000;transform-origin:var(--arrow,50%) top;animation:float-in .26s var(--ease-spring);position:fixed}.floating.is-above{transform-origin:var(--arrow,50%) bottom}@keyframes float-in{0%{opacity:0;scale:.92}}.gem-burst{pointer-events:none;position:absolute;inset:0}.gem-burst i{opacity:0;animation:gem-burst 1s var(--ease-out) var(--t) forwards;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}@keyframes gem-burst{0%{opacity:0;translate:0;rotate:0deg;scale:.3}20%{opacity:1}to{opacity:0;translate:calc(cos(var(--a)) * var(--d)) calc(sin(var(--a)) * var(--d) - 16px);rotate:200deg;scale:1}}@keyframes spin{to{rotate:360deg}}@keyframes rise-in{0%{opacity:0;translate:0 16px;scale:.98}}@keyframes drop-in{0%{opacity:0;translate:0 -14px;scale:.96}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;scale:.82}}@keyframes row-in{0%{opacity:0;translate:0 8px}}.stagger>*{animation:row-in .36s var(--ease-out) backwards}.stagger>:nth-child(2){animation-delay:30ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4){animation-delay:90ms}.stagger>:nth-child(5){animation-delay:.12s}.stagger>:nth-child(6){animation-delay:.15s}.stagger>:nth-child(7){animation-delay:.18s}.stagger>:nth-child(8){animation-delay:.21s}.stagger>:nth-child(n+9){animation-delay:.24s}@property --done{syntax:"<number>";inherits:true;initial-value:0}.delta{z-index:5;color:var(--go);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 3px #ffffffe6,0 1px 2px #ffffffe6;pointer-events:none;animation:delta-up 1.6s var(--ease-out) forwards;font-size:14px;font-style:normal;font-weight:800;position:absolute;top:-4px;right:8px}.delta.is-down{color:var(--danger)}@keyframes delta-up{0%{opacity:0;translate:0 6px;scale:.9}15%{opacity:1;translate:0;scale:1.05}70%{opacity:1;scale:1}to{opacity:0;translate:0 -22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
