:root{--surface-0: #fdf9f2;--surface-1: #f4ece0;--surface-raised: #fdf9f2;--text-primary: #453d34;--text-secondary: #837768;--text-faint: #a3968599;--line-color: rgba(69, 61, 52, .1);--accent-base: #e0864a;--accent-deep-base: #c56d33;--accent-wash-base: #fbe7d5;--status-thriving: #6ea866;--status-content: #97b06c;--status-strained: #dda449;--status-rotting: #c4705c;--warn-wash-base: #f7ded7;--warn-ink-base: #8d4436;--surface-page: #e9e0d2;--surface-0-translucent: color-mix(in srgb, var(--surface-0) 80%, transparent);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 14px;--radius-md: 20px;--radius-pill-base: 999px;--elevation-panel: 0 14px 30px rgba(74, 58, 40, .14), 0 2px 6px rgba(74, 58, 40, .07);--elevation-lift: 0 4px 10px rgba(74, 58, 40, .12);--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--font-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--duration-fast: .13s;--duration-base: .2s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--hud-side-base: 300px;--paper: var(--surface-0);--paper-sunk: var(--surface-1);--ink: var(--text-primary);--ink-soft: var(--text-secondary);--ink-faint: var(--text-faint);--line: var(--line-color);--accent: var(--accent-base);--accent-deep: var(--accent-deep-base);--accent-wash: var(--accent-wash-base);--thriving: var(--status-thriving);--content: var(--status-content);--strained: var(--status-strained);--rotting: var(--status-rotting);--warn-wash: var(--warn-wash-base);--warn-ink: var(--warn-ink-base);--shadow-panel: var(--elevation-panel);--shadow-lift: var(--elevation-lift);--radius-panel: var(--radius-md);--radius-card: var(--radius-sm);--radius-pill: var(--radius-pill-base);--font: var(--font-base);--hud-side: var(--hud-side-base)}@media(prefers-color-scheme:dark){:root{--surface-0: #241f19;--surface-1: #17130f;--surface-raised: #302a22;--text-primary: #f1e9dc;--text-secondary: #b3a68f;--text-faint: #8d806c99;--line-color: rgba(241, 233, 220, .12);--accent-deep-base: #ffb37e;--accent-wash-base: #4a2f1c;--warn-wash-base: #4a2620;--warn-ink-base: #f4b7a8;--surface-page: #15120d;--elevation-panel: 0 14px 30px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--elevation-lift: 0 4px 10px rgba(0, 0, 0, .35)}}:root{color-scheme:light dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--surface-page);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}#scene{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}.panel{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:0;flex-shrink:0}.hint{margin:0;font-size:12px;line-height:1.45;color:var(--ink-soft)}.note{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-soft);background:var(--paper-sunk);border-radius:var(--radius-card);padding:9px 11px}.panel--restart{width:var(--hud-side)}.topstrip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:170px;max-width:230px;padding:12px 34px 12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);pointer-events:auto;font-variant-numeric:tabular-nums}.topstrip__coinrow{display:flex;align-items:center;gap:8px}.topstrip__coin-icon{width:30px;height:30px;flex:none;object-fit:contain}.topstrip__coins{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--ink)}.topstrip__rate{display:inline-flex;align-items:center;gap:4px;margin-left:38px;font-size:var(--text-sm);font-weight:620;color:var(--accent-deep);white-space:nowrap}.topstrip__rate-icon{width:16px;height:16px;flex:none;object-fit:contain}.topstrip__happy{display:flex;align-items:center;gap:6px;width:100%;margin-top:2px}.topstrip__happy-icon{width:18px;height:18px;flex:none;object-fit:contain}.topstrip__meter-track{flex:1 1 auto;min-width:36px;height:6px;border-radius:var(--radius-pill);background:var(--paper-sunk);overflow:hidden}.topstrip__meter-fill{height:100%;border-radius:inherit;background:var(--content);transition:width .2s ease}.topstrip__meter-label{flex:none;font-size:var(--text-xs);color:var(--ink-soft)}.topstrip--thriving .topstrip__meter-fill{background:var(--thriving)}.topstrip--content .topstrip__meter-fill{background:var(--content)}.topstrip--strained .topstrip__meter-fill{background:var(--strained)}.topstrip--rotting .topstrip__meter-fill{background:var(--rotting)}.topstrip__pop{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--ink-faint);white-space:nowrap}.topstrip__pop-icon{width:14px;height:14px;flex:none;object-fit:contain}.topstrip__next{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap}.topstrip__info{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);cursor:help;flex:none}.topstrip__info-icon{width:16px;height:16px;object-fit:contain}.topstrip__info:hover,.topstrip__info:focus-visible{border-color:var(--accent);outline:none}@media(max-width:599px){.topstrip{min-width:160px;max-width:190px;padding:10px 28px 10px 12px}.topstrip__meter-track{display:none}.topstrip__happy{width:auto;margin-top:0;gap:4px}.topstrip__pop{margin-left:6px}}.panel--inspect{width:var(--hud-side);gap:6px;padding:13px 15px}.hover__head{display:flex;align-items:center;gap:8px}.hover__icon{width:28px;height:28px;flex:none;object-fit:contain}.hover__title{font-size:14px;font-weight:700}.hover__lines{display:flex;flex-direction:column;gap:2px}.hover__line{font-size:12.5px;line-height:1.4;color:var(--ink-soft)}.hover__cost{margin-top:3px;align-self:flex-start;font-size:12.5px;font-weight:680;font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:var(--radius-pill)}.hover__cost.is-affordable{color:var(--accent-deep);background:var(--accent-wash)}.hover__cost.is-unaffordable{color:var(--warn-ink);background:var(--warn-wash)}@media(max-width:599px){.panel--inspect{width:min(200px,calc(100vw - 250px))}}.btn{pointer-events:auto;appearance:none;font:inherit;font-size:var(--text-sm);font-weight:650;color:var(--ink);cursor:pointer;display:inline-flex;align-items:baseline;gap:7px;padding:8px 12px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper-sunk);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn__cost{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep)}.btn--ghost{background:transparent;color:var(--ink-soft);margin-left:auto}.btn--primary{background:var(--accent);border-color:var(--accent-deep);color:#fff;font-weight:700;padding:10px 18px;align-self:flex-start}.toasts{position:fixed;top:190px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;max-width:min(360px,calc(100vw - 48px));pointer-events:none;z-index:8}.toast{pointer-events:none;background:var(--ink);color:var(--paper);font-size:var(--text-sm);font-weight:600;padding:9px 16px;border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);animation:toast-in .24s ease-out both}.toast.is-leaving{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#3c302447;pointer-events:auto;animation:fade-in .2s ease-out both}.panel--offline{width:380px;max-width:100%;padding:var(--space-5);gap:var(--space-3);animation:card-in .28s cubic-bezier(.2,.9,.3,1.2) both}.offline__title{margin:0;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.offline__away{margin:0;font-size:var(--text-sm);color:var(--ink-soft)}.offline__coins{margin:var(--space-1) 0;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--accent-deep);font-variant-numeric:tabular-nums}.offline__cap{margin:0;font-size:var(--text-xs);line-height:1.5;font-weight:620;color:var(--warn-ink);background:var(--warn-wash);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.offline__dismiss{width:100%;justify-content:center;text-align:center;margin-top:var(--space-1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media(max-height:760px){.panel{padding:13px 15px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.panel--board-launch{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);pointer-events:auto;max-width:230px}.panel--friends-launch{display:flex;padding:var(--space-2) var(--space-3);pointer-events:auto}.panel--board:focus,.panel--offline:focus{outline:none}.panel--board{width:min(560px,92vw);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-5)}.board__heading{display:flex;align-items:center;gap:var(--space-2)}.board__title{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.board__info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line-color);color:var(--text-secondary);font-size:var(--text-xs);font-style:italic;cursor:help}.board__info:hover,.board__info:focus-visible{color:var(--text-primary);border-color:var(--accent-base);outline:none}.board__auth,.board__publish{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.board__input{flex:1 1 180px;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--line-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font:inherit;font-size:var(--text-sm)}.board__input:focus-visible{outline:2px solid var(--accent-base);outline-offset:1px}.board__account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1)}.board__who{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__error{flex:1 0 100%;margin:0;font-size:var(--text-xs);color:var(--status-rotting)}.board__status{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.board__row{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"rank city score" ". detail detail";gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1);align-items:baseline}.board__row.is-me{background:var(--accent-wash-base);box-shadow:inset 0 0 0 1px var(--accent-base)}.board__rank{grid-area:rank;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:var(--text-sm)}.board__city{grid-area:city;font-weight:600;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__score{grid-area:score;font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-sm);color:var(--accent-deep-base)}.board__detail{grid-area:detail;font-size:var(--text-xs);color:var(--text-secondary)}.friend-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.02em;overflow-wrap:anywhere}.friend-row{display:flex;align-items:center;gap:var(--space-2)}.friend-row--incoming{background:var(--accent-wash-base);box-shadow:inset 0 0 0 1px var(--accent-base)}.btn--danger.is-armed{border-color:var(--rotting);background:var(--rotting);color:var(--paper)}.btn--danger{min-width:108px}.panel--restart{flex-direction:row;justify-content:flex-end;padding:10px 14px}.hud-zone{position:fixed;pointer-events:none}.hud-zone--top-left{top:18px;left:24px}.hud-zone--bottom-center{left:50%;bottom:18px;transform:translate(-50%)}.hud-zone--right-rail{top:18px;right:24px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4);overflow-y:auto;overflow-x:visible}.dock-stack{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px)}.dock-bar{display:flex;align-items:center;gap:14px;max-width:100%;background:var(--surface-0-translucent);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);padding:8px 10px 8px 18px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));pointer-events:auto;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.dock-bar__tabs{display:flex;gap:4px;flex:none}.dock-build{position:relative;min-width:0;flex:1 1 auto}.dock-build__scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.dock-build__scroll::-webkit-scrollbar{display:none}.dock-build:before,.dock-build:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:1}.dock-build:before{left:0;background:linear-gradient(to right,var(--surface-0-translucent),transparent)}.dock-build:after{right:0;background:linear-gradient(to left,var(--surface-0-translucent),transparent)}.dock-divider{flex:none;align-self:stretch;width:1px;margin:6px 10px;background:color-mix(in srgb,var(--rotting) 28%,var(--line) 72%)}.queue-strip{display:flex;align-items:center;gap:10px;max-width:100%;background:var(--surface-0-translucent);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);padding:7px 14px;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.queue-strip__now{display:flex;align-items:center;gap:8px;min-width:0}.queue-strip__icon{width:20px;height:20px;flex:none;object-fit:contain}.queue-strip__body{display:flex;flex-direction:column;gap:3px;min-width:96px}.queue-strip__name{font-size:12px;font-weight:650;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-strip__track{width:100%;height:4px;border-radius:var(--radius-pill);background:var(--paper-sunk);overflow:hidden}.queue-strip__fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--duration-base) var(--ease-standard)}.queue-strip__waiting{flex:none;font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap;padding-left:8px;border-left:1px solid var(--line)}.queue-strip__actions{display:flex;align-items:center;gap:5px;flex:none;padding-left:8px;border-left:1px solid var(--line)}.queue-strip__action,.queue-strip__pause{pointer-events:auto;appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:28px;height:28px;padding:2px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-sunk);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.queue-strip__action:hover,.queue-strip__pause:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.queue-strip__action:active,.queue-strip__pause:active{transform:translateY(0)}.queue-strip__action:focus-visible,.queue-strip__pause:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.queue-strip__action-icon{width:15px;height:15px;flex:none;object-fit:contain}.queue-strip__action-cost{font-size:8.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep);line-height:1;white-space:nowrap}.queue-strip__pause-icon{width:15px;height:15px;flex:none}.tile{pointer-events:auto;appearance:none;font:inherit;color:inherit;cursor:pointer;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;height:52px;padding:6px 4px;border-radius:var(--radius-card);border:1.5px solid var(--line);background:var(--paper-sunk);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.tile:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--paper-sunk) 80%,var(--accent-wash) 20%);box-shadow:var(--shadow-lift)}.tile:active{transform:translateY(0)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile__icon{width:26px;height:26px;flex:none;object-fit:contain}.tile--demolish{border-color:color-mix(in srgb,var(--rotting) 30%,var(--line));background:color-mix(in srgb,var(--paper-sunk) 92%,var(--rotting) 8%)}.tile--demolish:hover{background:color-mix(in srgb,var(--paper-sunk) 78%,var(--rotting) 22%)}.tile--demolish.is-selected{background:color-mix(in srgb,var(--rotting) 20%,var(--paper-sunk));border-color:var(--rotting);box-shadow:0 0 0 3px color-mix(in srgb,var(--rotting) 22%,transparent),var(--shadow-lift)}.tile--demolish .tile__icon{color:var(--ink-soft)}.tile__cost{font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep);line-height:1;white-space:nowrap;max-width:100%}.tile.is-selected{background:var(--accent-wash);border-color:var(--accent);box-shadow:0 0 0 3px #e0864a38,var(--shadow-lift)}.tile.is-broke:not(.is-selected){border-color:transparent;background:color-mix(in srgb,var(--paper-sunk) 65%,transparent)}.tile.is-broke:not(.is-selected) .tile__icon{opacity:.45;filter:saturate(.5)}.tile.is-broke .tile__cost{color:var(--rotting);font-weight:750}.tile--demolish .tile__cost{color:var(--ink-soft);font-weight:620}.dock-tab{appearance:none;border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:620;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 8px;border-radius:var(--radius-pill);white-space:nowrap}.dock-tab:hover{background:var(--paper-sunk)}.dock-tab.is-active{background:var(--accent-wash);color:var(--accent-deep)}.dock-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-tab--more{gap:0}.dock-tab__label{font-size:16px;line-height:1;letter-spacing:.06em}.dock-popover{position:fixed;left:50%;bottom:calc(var(--dock-bar-h, 68px) + 10px);transform:translate(-50%) translateY(0) scale(1);z-index:5;display:flex;flex-direction:row;align-items:stretch;width:620px;max-width:calc(100vw - 24px);max-height:calc(100vh - var(--dock-bar-h, 68px) - 36px);overflow:hidden;background:var(--surface-0-translucent);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);pointer-events:auto;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);opacity:1;visibility:visible;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),visibility 0s linear 0s}.dock-popover[hidden]{display:flex;opacity:0;visibility:hidden;transform:translate(-50%) translateY(6px) scale(.97);pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),visibility 0s linear var(--duration-base)}.dock-popover__nav{display:flex;flex-direction:column;gap:2px;flex:none;width:152px;padding:14px 8px;overflow-y:auto;border-right:1px solid var(--line)}.dock-popover__nav-item{appearance:none;border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:620;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);text-align:left;white-space:nowrap}.dock-popover__nav-item svg{width:18px;height:18px;flex:none}.dock-popover__nav-item:hover{background:var(--paper-sunk)}.dock-popover__nav-item.is-active{background:var(--accent-wash);color:var(--accent-deep)}.dock-popover__nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-popover__main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.dock-popover__head{display:flex;align-items:center;gap:8px;flex:none;padding:16px 16px 0}.dock-popover__title{margin:0 auto 0 0;font-size:16px;font-weight:700}.dock-popover__close{appearance:none;border:none;background:var(--paper-sunk);color:var(--ink-soft);cursor:pointer;width:26px;height:26px;border-radius:50%;font-size:15px;line-height:1}.dock-popover__close:hover{color:var(--ink)}.dock-popover__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-popover__body{min-height:0;overflow-y:auto;padding:14px 16px 16px}.dock-popover__body>*{animation:dock-section-in var(--duration-base) var(--ease-standard) both}@keyframes dock-section-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dock-popover__column{display:flex;flex-direction:column;align-items:stretch;gap:0}.dock-popover__column .panel{background:none;border:none;box-shadow:none;border-radius:0;padding:12px 0}.dock-popover__column>*:first-child{padding-top:0}.dock-popover__column>*+*{border-top:1px solid var(--line);padding-top:12px}@media(max-width:599px){.dock-bar{gap:8px;padding:6px 6px 6px 14px}.queue-strip{padding:6px 10px;gap:8px}.queue-strip__body{min-width:72px}.queue-strip__action,.queue-strip__pause{width:24px;height:24px}.queue-strip__action-icon,.queue-strip__pause-icon{width:13px;height:13px}.queue-strip__action-cost{font-size:7.5px}.tile{width:44px;height:44px}.tile__icon{width:22px;height:22px}.dock-popover{flex-direction:column;width:min(420px,calc(100vw - 24px))}.dock-popover__nav{flex-direction:row;width:auto;overflow-x:auto;overflow-y:hidden;padding:10px 12px;border-right:none;border-bottom:1px solid var(--line)}.dock-popover__nav-item{flex:none}}@media(min-width:600px)and (max-width:959px){.dock-popover{max-height:min(50vh,calc(100vh - var(--dock-bar-h, 68px) - 36px))}}.musicsound-root{display:flex;flex-direction:column;gap:var(--space-3)}.panel--music,.panel--sound{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.panel--music.is-muted,.panel--sound.is-muted{opacity:.72}.toggle-row{display:flex;align-items:center;gap:var(--space-3)}.toggle-row__btn{flex:none;width:136px;padding:7px var(--space-3);border:1.5px solid var(--line-color);border-radius:var(--radius-pill-base);background:var(--surface-raised);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.toggle-row__btn.is-on{border-color:var(--accent-deep-base);background:var(--accent-base);color:#fff}.toggle-row__btn:hover{border-color:var(--accent-base)}.toggle-row__btn:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.toggle-row__slider{flex:none;width:136px;margin-left:auto;height:5px;appearance:none;border-radius:var(--radius-pill-base);background:var(--line-color);cursor:pointer}.toggle-row__slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:none;border-radius:50%;background:var(--accent-base)}.toggle-row__slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent-base)}.activity-wrap{width:100%;display:flex;justify-content:flex-end;pointer-events:none}.activity-panel{pointer-events:auto;width:var(--hud-side);max-width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:14px 16px 14px 18px;display:flex;align-items:flex-start;gap:12px;animation:activity-drop .32s cubic-bezier(.2,.9,.3,1.2) both}.activity-panel__dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--content)}.activity-panel--trouble .activity-panel__dot{background:var(--rotting)}.activity-panel__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.activity-panel__text{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}.activity-panel__actions{display:flex;gap:8px}.activity-panel__close{flex:none;pointer-events:auto;appearance:none;border:none;background:transparent;color:var(--ink-faint);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:var(--radius-card)}.activity-panel__close:hover{color:var(--ink-soft);background:var(--paper-sunk)}.activity-panel__close:focus-visible,.activity-panel__actions .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes activity-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.activity-panel{animation-duration:.01ms!important}}.tools-root{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tools-panel{pointer-events:auto;width:100%;max-width:calc(100vw - 36px);max-height:calc(100vh - 96px);overflow-y:auto}.tools-section+.tools-section{border-top:1px solid var(--line-color);padding-top:var(--space-3)}.tools-section__title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.tools-speed-row{display:flex;gap:var(--space-2)}.tools-speed-btn{padding:8px var(--space-4)}.tools-speed-btn.is-selected{background:var(--accent-wash);border-color:var(--accent-base);color:var(--accent-deep-base)}.tools-undo-btn{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35}.tools-undo-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.tools-textarea{width:100%;box-sizing:border-box;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.4;padding:var(--space-2);border-radius:var(--radius-sm);border:1.5px solid var(--line-color);background:var(--surface-1);color:var(--text-primary)}.tools-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.tools-row .btn{flex:1 1 0;justify-content:center}.tools-import-btn.is-armed{background:var(--rotting);border-color:var(--accent-deep);color:#fff}.prestige-root{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.prestige-panel{pointer-events:auto;width:100%;max-width:calc(100vw - 36px);max-height:calc(100vh - 96px);overflow-y:auto}.prestige-section+.prestige-section{border-top:1px solid var(--line-color);padding-top:var(--space-3)}.prestige-section__title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.prestige-charter{display:flex;align-items:baseline;gap:4px}.prestige-charter__value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep)}.prestige-charter__unit{font-size:var(--text-sm);font-weight:650;color:var(--ink-soft)}.prestige-note--warn{background:var(--warn-wash);color:var(--warn-ink)}.prestige-retire-btn{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35}.prestige-retire-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.prestige-bank{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--ink-soft)}.prestige-upgrade{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1)}.prestige-upgrade+.prestige-upgrade{margin-top:var(--space-2)}.prestige-upgrade__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.prestige-upgrade__title{display:flex;align-items:baseline;gap:var(--space-2)}.prestige-upgrade__label{font-size:var(--text-sm);font-weight:700}.prestige-upgrade__level{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.prestige-upgrade__desc{font-size:var(--text-xs);line-height:1.4;color:var(--text-secondary)}.prestige-buy-btn{flex:none;align-self:center;justify-content:center;white-space:nowrap}.prestige-buy-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.prestige-starting{margin:0;font-size:var(--text-sm);font-weight:600}