@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(./rubik-latin-CnQIisVs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.town-list{grid-column:1;min-width:0;width:100%;align-self:start}.town-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.town-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;min-width:0;min-height:132px;padding:10px 12px 12px;border:0;border-radius:22px;background:var(--td-hud);color:var(--td-hud-ink);font:inherit;text-align:left;box-shadow:var(--td-hud-shadow);touch-action:manipulation;transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.town-card{content-visibility:auto;contain-intrinsic-size:auto 132px}.town-card:hover{transform:translateY(-2px)}.town-card:active{transform:translateY(3px);box-shadow:0 0 0 var(--td-surface-edge),0 4px 10px #3b2a1e24;transition-duration:var(--td-dur-press)}.town-card:focus-visible{outline:3px solid var(--td-focus);outline-offset:2px}.town-card.is-selected{background:var(--td-tool-active);box-shadow:0 0 0 3px var(--td-brand),var(--td-hud-shadow)}.town-card.is-next:not(.is-selected){box-shadow:0 0 0 3px var(--td-play-light),var(--td-hud-shadow)}.town-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px}.town-card-number{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:var(--td-radius-pill);background:var(--td-brand);color:var(--td-hud);font-size:var(--td-text-md);font-weight:700;font-variant-numeric:tabular-nums}.town-card.is-complete .town-card-number{background:var(--td-play)}.town-card.is-locked .town-card-number{background:var(--td-hud-ink-muted)}.town-card-name{min-width:0;overflow:hidden;font:700 var(--td-text-md)/1.2 var(--td-font-ui);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.town-new{display:inline-flex;align-items:center;gap:2px;margin-right:-4px;padding:1px 8px 1px 2px;border-radius:var(--td-radius-pill);background:var(--td-tool-active);color:var(--td-tool-active-ink);font-size:var(--td-text-xs);font-weight:800}.town-card.is-selected .town-new{background:var(--td-hud)}.town-new img{width:26px;height:20px;object-fit:contain}.town-card-needs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:28px}.town-need{display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 2px;border-radius:var(--td-radius-pill);background:var(--td-hud-sunk);box-shadow:inset 0 0 0 2px var(--ring);font-size:var(--td-text-xs);font-weight:800}.town-need:not(:has(b)){padding-right:2px}.town-need img{width:22px;height:22px}.town-card-status{display:flex;align-items:center;gap:5px;color:var(--td-hud-ink-muted);font-size:var(--td-text-xs);font-weight:700}.town-glyph{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.town-card.is-complete .town-card-status{color:var(--td-play-edge)}.town-card.is-next .town-card-status{color:var(--td-tool-active-ink)}.town-card.is-locked{background:var(--td-hud-sunk);color:var(--td-hud-ink-muted);box-shadow:0 3px 0 var(--td-surface-edge)}.town-card.is-locked.is-selected{background:var(--td-tool-active);box-shadow:0 0 0 3px var(--td-brand)}.town-card.is-locked .town-need img{filter:grayscale(1);opacity:.6}@media(min-width:560px){.town-card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}@media(prefers-reduced-motion:reduce){.town-card{transition:none}}.level-code-unit{display:inline-flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}.level-code-label{color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);font-weight:600;line-height:1.2;text-align:center}.level-code{position:relative;display:inline-flex;align-items:stretch;width:max-content;max-width:100%;height:44px;border-radius:14px;background:var(--td-hud-sunk);box-shadow:inset 0 0 0 1px var(--td-surface-edge);color:var(--td-hud-ink)}.level-code code{display:flex;align-items:center;padding:0 14px;color:var(--td-hud-ink);font:800 18px/1 var(--td-font-code);letter-spacing:.1em;white-space:nowrap}.level-code-copy{display:flex;align-items:center;gap:6px;min-width:84px;justify-content:center;margin:0;padding:0 14px 0 12px;border:0;border-left:1px solid var(--td-surface-edge);border-radius:0 14px 14px 0;background:transparent;color:var(--td-hud-ink);font:700 var(--td-text-sm)/1 var(--td-font-ui);cursor:pointer}.level-code-copy:hover{background:color-mix(in srgb,var(--td-hud-ink) 6%,transparent)}.level-code-copy.is-copied{color:var(--td-success)}.level-code-glyph{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.level-code-copy:focus-visible{outline:3px solid var(--td-focus);outline-offset:2px}.level-code-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(./rubik-latin-CnQIisVs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--td-focus: #276f77;--td-success: #42765a;--td-success-soft: #dcebcf;--td-danger: #a9433e;--td-danger-soft: #f8d9ca;--td-warning: #936d2d;--td-warning-soft: #f5e4b9;--td-scrim: #26342f80;--td-sky-top: #9fd3f0;--td-sky-mid: #ffd9bd;--td-sky-low: #fff0dc;--td-ground: #e3cfae;--td-hud: #ffffff;--td-surface-edge: #e6dccb;--td-hud-ink: #3b2f2a;--td-hud-ink-muted: #6b5a4e;--td-hud-sunk: #f7f1e6;--td-brand: #f26a3d;--td-tool-active: #fff1e9;--td-tool-active-ink: #c4502a;--td-play: #2e9a4d;--td-play-light: #4cc06a;--td-play-edge: #1f7a3a;--td-play-soft: #dff3e4;--td-stop-red: #ef6a43;--td-stop-red-edge: #a83d20;--td-hud-shadow: 0 3px 0 #e6dccb, 0 8px 18px #3b2a1e24;--td-pave: #f4ecdd;--td-asphalt: #5a6270;--td-lane: #ffd56a;--td-food-p: #d9654b;--td-food-b: #5f9b5c;--td-food-k: #c98f2a;--td-font-ui: Rubik, ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--td-font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--td-text-xs: .75rem;--td-text-sm: .875rem;--td-text-md: 1rem;--td-text-lg: 1.25rem;--td-text-xl: 1.625rem;--td-text-2xl: clamp(1.875rem, 5vw, 2.5rem);--td-text-hero: clamp(2.5rem, 9vw, 4rem);--td-tracking-kicker: .16em;--td-tracking-display: -.02em;--td-space-1: 4px;--td-space-2: 8px;--td-space-3: 12px;--td-space-4: 16px;--td-space-5: 24px;--td-space-6: 32px;--td-space-7: 48px;--td-touch: 44px;--td-radius-sm: 8px;--td-radius-md: 12px;--td-radius-lg: 16px;--td-radius-xl: 22px;--td-radius-pill: 999px;--td-shadow-float: 0 12px 38px #17231d38;--td-shadow-modal: 0 18px 50px #17231d55;--td-dur-press: 80ms;--td-dur-quick: .12s;--td-dur-base: .22s;--td-dur-screen: .32s;--td-ease-settle: cubic-bezier(.2, .8, .25, 1);--td-ease-exit: cubic-bezier(.4, 0, 1, 1);--td-ease-pop: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--td-dur-press: 0ms;--td-dur-quick: 0ms;--td-dur-base: 0ms;--td-dur-screen: 0ms}}.board-shell{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;outline:none}.board-shell:focus:not(:focus-visible){outline:none}.board-shell[data-pointer]:focus-visible{outline:none}.board-shell:focus-visible{outline:3px solid var(--td-focus);outline-offset:2px}.board-canvas{display:block;width:100%;height:100%}.board-stroke-feedback{position:absolute;z-index:2;bottom:5%;left:50%;max-width:min(90%,32rem);transform:translate(-50%);padding:.45rem .75rem;border:1px solid var(--td-danger);border-radius:.7rem;background:var(--td-danger-soft);color:var(--td-danger);box-shadow:var(--td-shadow-float);font-size:.85rem;font-weight:700;text-align:center;pointer-events:none;animation:stroke-toast 2.4s var(--td-ease-settle) both}@keyframes stroke-toast{0%{opacity:0}8%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.board-stroke-feedback{animation:none}}.board-action-menu{position:absolute;z-index:3;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.4rem;padding:.5rem;border:1px solid var(--td-surface-edge);border-radius:.8rem;background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-shadow-float)}.board-action-menu button{min-height:2.25rem;border:0;border-radius:.55rem;padding:.4rem .7rem;background:var(--td-hud-sunk);color:inherit;font:inherit}.board-action-menu button:focus-visible{outline:2px solid var(--td-focus);outline-offset:2px}.result-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:var(--td-scrim)}.result-dialog{width:min(30rem,100%);padding:1.5rem;border:1px solid var(--td-surface-edge);border-radius:var(--td-radius-xl);background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-shadow-modal)}.result-dialog-icon{width:3rem;height:3rem;display:grid;place-items:center;margin:0 0 1rem;border:2px solid currentColor;border-radius:50%;font-size:1.7rem;font-weight:850}.kind-success .result-dialog-icon{background:var(--td-success-soft);color:var(--td-success)}.kind-failure .result-dialog-icon{background:var(--td-danger-soft);color:var(--td-danger)}.kind-confirmation .result-dialog-icon{background:var(--td-warning-soft);color:var(--td-warning)}.kind-success .result-dialog{border-color:var(--td-success)}.kind-failure .result-dialog{border-color:var(--td-danger)}.kind-confirmation .result-dialog{border-color:var(--td-warning)}.result-dialog h2{margin:0 0 .6rem}.result-dialog-message{margin:0;line-height:1.5}.result-dialog-message p{margin:0}.result-dialog-panel{min-width:0}.result-dialog--panel{width:100%;padding:1.15rem;border-radius:1rem;box-shadow:var(--td-shadow-float)}.result-dialog--panel .result-dialog-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem;font-size:1.4rem}.result-dialog--panel h2{margin-bottom:.45rem;font-size:1.2rem}.result-dialog--panel .result-dialog-actions{margin-top:1rem}.result-dialog--panel .result-dialog-actions button{min-height:2.4rem}.result-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.result-dialog-actions button{min-height:2.6rem;border:1px solid var(--td-surface-edge);border-radius:.7rem;padding:.5rem .9rem;background:var(--td-hud-sunk);color:inherit;font:inherit;font-weight:650}.result-dialog-actions button.primary{border-color:var(--td-play);background:var(--td-play);color:#fff}.result-dialog-sheet{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0 1rem max(.75rem,env(safe-area-inset-bottom));pointer-events:none}.result-dialog--sheet{width:min(100%,58rem);max-height:min(48vh,24rem);overflow-y:auto;pointer-events:auto;padding:1rem 1.25rem;border-radius:1rem 1rem .8rem .8rem;box-shadow:var(--td-shadow-float);animation:result-sheet-enter var(--td-dur-base) var(--td-ease-settle) both}.result-dialog--sheet .result-dialog-icon{float:left;width:2.35rem;height:2.35rem;margin:0 .8rem .45rem 0;font-size:1.25rem}.result-dialog--sheet h2{min-height:2.35rem;display:flex;align-items:center;margin:0 0 .35rem;font-size:1.15rem}.result-dialog--sheet .result-dialog-actions{margin-top:.75rem}@keyframes result-sheet-enter{0%{transform:translateY(calc(100% + 1rem))}to{transform:translateY(0)}}.help-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow-y:auto;padding:1rem;background:var(--td-scrim);font-family:var(--td-font-ui)}.help-dialog{width:min(40rem,100%);max-height:min(92vh,52rem);overflow-y:auto;overscroll-behavior:contain;padding:clamp(1rem,4vw,1.75rem);border-radius:28px;background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-shadow-modal);font-family:var(--td-font-ui)}.help-dialog-header{display:flex;align-items:center;gap:.75rem}.help-dialog-header>div{flex:1 1 auto;min-width:0}.help-dialog-robot{width:4.2rem;height:3.3rem;flex:0 0 auto;object-fit:contain}.help-dialog-eyebrow{color:var(--td-tool-active-ink);font-size:var(--td-text-xs);font-weight:700;letter-spacing:var(--td-tracking-kicker);text-transform:uppercase}.help-dialog h2{margin:.1rem 0 0;font:800 clamp(1.6rem,6vw,2.1rem)/1.1 var(--td-font-ui);letter-spacing:-.02em}.help-dialog-close{display:grid;place-items:center;width:3rem;height:3rem;flex:0 0 auto;padding:0;border:0;border-radius:16px;background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-hud-shadow);cursor:pointer}.help-dialog-close svg,.help-glyph{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.help-dialog-close:active{transform:translateY(3px);box-shadow:0 0 0 var(--td-surface-edge)}.help-dialog-intro{margin:.9rem 0 .7rem;color:var(--td-hud-ink-muted);font-size:var(--td-text-md);line-height:1.5}.help-food-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem;padding:0;list-style:none}.help-food-chips li{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .8rem .2rem .25rem;border-radius:var(--td-radius-pill);background:var(--td-hud-sunk);box-shadow:inset 0 0 0 2px var(--ring);font-size:var(--td-text-sm);font-weight:700}.help-food-chips img{width:1.75rem;height:1.75rem}.help-pieces{margin:0 0 1.1rem;padding:.85rem;border-radius:22px;background:var(--td-hud-sunk)}.help-pieces h3,.help-control-group h3{margin:0 0 .6rem;color:var(--td-hud-ink);font:800 var(--td-text-lg)/1.2 var(--td-font-ui);letter-spacing:-.01em}.help-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:.6rem}.help-piece-card.is-wide{grid-column:1 / -1}.help-piece-card{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.6rem;border-radius:20px;background:var(--td-hud);box-shadow:var(--td-hud-shadow)}.help-piece-art{display:block!important;width:5rem;height:5rem;flex:0 0 5rem;overflow:hidden;border-radius:16px;background:var(--td-pave)}.help-piece-canvas{display:block;width:100%;height:100%}.help-piece-card>span,.help-control-card>span:last-child{display:grid;gap:.15rem;min-width:0}.help-piece-card strong,.help-control-card strong{font-size:var(--td-text-md);font-weight:700}.help-piece-card small,.help-control-card small{color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);line-height:1.4}.help-dialog-groups{display:grid;gap:1.1rem}.help-dialog-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.help-control-card{display:flex;align-items:center;gap:.75rem;min-height:4.5rem;padding:.7rem;border-radius:20px;background:var(--td-hud);box-shadow:var(--td-hud-shadow)}.help-control-icon{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border-radius:16px;background:var(--td-play-soft);color:var(--td-play-edge)}.help-control-icon.erase{background:var(--td-danger-soft);color:var(--td-danger)}.help-control-key{width:5.1rem;min-width:5.1rem;min-height:2.5rem;display:grid;flex:0 0 5.1rem;place-items:center;padding:.3rem .4rem;border-radius:12px;background:var(--td-hud-sunk);box-shadow:0 3px 0 var(--td-surface-edge);color:var(--td-hud-ink);font:700 var(--td-text-xs)/1.15 var(--td-font-code);text-align:center;overflow-wrap:anywhere}.help-dialog-footnote{margin:.65rem 0 0;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm)}.help-dialog-footer{display:flex;justify-content:flex-end;margin-top:1.1rem}.help-dialog-footer button{min-height:3rem;min-width:8rem;border:0;border-radius:22px;padding:.5rem 1.6rem;background:linear-gradient(var(--td-play-light),var(--td-play));color:var(--td-hud);box-shadow:0 4px 0 var(--td-play-edge),0 8px 16px #1f7a3a40;font:800 var(--td-text-lg)/1 var(--td-font-ui);cursor:pointer}.help-dialog-footer button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--td-play-edge)}.help-dialog button:focus-visible,.result-dialog button:focus-visible{outline:3px solid var(--td-focus);outline-offset:2px}.board-action-menu button{min-height:2.75rem;padding-inline:.8rem}@media(max-width:34rem){.help-dialog-backdrop{align-items:start;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.help-dialog{width:100%;max-height:calc(100dvh - max(.5rem,env(safe-area-inset-top)) - max(.5rem,env(safe-area-inset-bottom)));padding:1rem;border-radius:24px}.help-dialog-robot{width:3.4rem;height:2.8rem}.help-piece-grid,.help-dialog-controls{grid-template-columns:1fr}.help-piece-art{width:4.5rem;height:4.5rem;flex-basis:4.5rem}.help-dialog-footer button{width:100%}.result-dialog--sheet{max-height:min(60vh,27rem)}}@media(prefers-reduced-motion:reduce){.result-dialog--sheet{animation:none}}:root{font-family:var(--td-font-ui);color:var(--td-hud-ink);background:var(--td-sky-low);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--td-focus);outline-offset:2px}.game-app{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 0%,var(--td-sky-low) 0,var(--td-sky-low) 65%);color:var(--td-hud-ink)}.game-dialog button,.secondary-code,.code-entry button{min-height:var(--td-touch);border:0;border-radius:var(--td-radius-lg);padding:var(--td-space-1) var(--td-space-3);background:var(--td-hud);color:var(--td-hud-ink);font-size:var(--td-text-sm);font-weight:700;box-shadow:var(--td-hud-shadow);transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.game-dialog button:hover:not(:disabled),.secondary-code:hover{transform:translateY(-1px)}.game-dialog button:active:not(:disabled),.secondary-code:active,.game-primary:active:not(:disabled){transform:translateY(2px);box-shadow:none;transition-duration:var(--td-dur-press)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-primary,.game-dialog button.game-primary,.town-details .game-primary{min-height:48px;border:0;border-radius:22px;background:var(--td-play);color:var(--td-hud);font-weight:750;box-shadow:0 3px 0 var(--td-play-edge)}.game-primary:disabled{background:var(--td-play)}.game-toast button{min-height:38px;border:0;border-radius:var(--td-radius-sm);padding:var(--td-space-1) var(--td-space-3);background:transparent;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);font-weight:700}.ibtn,.title-new{display:grid;place-items:center;width:var(--ibtn, 48px);height:var(--ibtn, 48px);padding:0;border:0;border-radius:16px;background:color-mix(in srgb,var(--td-hud) 92%,transparent);color:var(--td-hud-ink);box-shadow:var(--td-hud-shadow);transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.ibtn:hover:not(:disabled),.title-new:hover:not(:disabled){transform:translateY(-1px)}.ibtn:active:not(:disabled),.title-new:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--td-surface-edge),0 4px 10px #3b2a1e24;transition-duration:var(--td-dur-press)}.td-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tool{--tile: 54px;display:flex;flex-direction:column;align-items:center;gap:3px;width:var(--tile);padding:0;border:0;background:none;color:var(--td-hud-ink-muted);font:600 var(--td-text-xs)/1.2 var(--td-font-ui)}.tool-face{display:grid;place-items:center;width:100%;height:calc(var(--tile) - 8px);border-radius:16px;background:var(--td-hud);color:var(--td-hud-ink);box-shadow:0 3px 0 var(--td-surface-edge);transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.tool.is-active{color:var(--td-tool-active-ink)}.tool.is-active .tool-face{background:var(--td-tool-active);color:var(--td-tool-active-ink);box-shadow:0 3px color-mix(in srgb,var(--td-brand) 45%,#fff),inset 0 0 0 2px color-mix(in srgb,var(--td-brand) 65%,#fff)}.tool:hover:not(:disabled) .tool-face{transform:translateY(-1px)}.tool:active:not(:disabled) .tool-face{transform:translateY(3px);box-shadow:inset 0 0 0 2px transparent;transition-duration:var(--td-dur-press)}.tool.is-active:active:not(:disabled) .tool-face{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--td-brand) 65%,#fff)}.play-btn{--size: 84px;display:grid;place-items:center;width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,var(--td-play-light) 0%,var(--td-play) 55%,color-mix(in srgb,var(--td-play) 80%,var(--td-play-edge)) 100%);box-shadow:0 5px 0 var(--td-play-edge),0 14px 26px color-mix(in srgb,var(--td-play-edge) 35%,transparent),inset 0 2px #ffffff73;transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.play-btn .td-icon{width:calc(var(--size) * .46);height:calc(var(--size) * .46)}.play-btn.is-stop{background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--td-stop-red) 55%,#fff) 0%,var(--td-stop-red) 55%,color-mix(in srgb,var(--td-stop-red) 75%,var(--td-stop-red-edge)) 100%);box-shadow:0 5px 0 var(--td-stop-red-edge),0 14px 26px color-mix(in srgb,var(--td-stop-red-edge) 35%,transparent),inset 0 2px #ffffff73}.play-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--td-play-edge),inset 0 2px #ffffff73;transition-duration:var(--td-dur-press)}.play-btn.is-stop:active:not(:disabled){box-shadow:0 1px 0 var(--td-stop-red-edge),inset 0 2px #ffffff73}.city{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(to bottom,var(--td-sky-top) 0,var(--td-sky-mid) calc(var(--horizon) * .55),var(--td-sky-low) var(--horizon),var(--td-ground) var(--horizon))}.city-row{position:absolute;left:50%;bottom:calc(100% - var(--horizon));transform:translate(-50%);max-width:none}.city-kerb{position:absolute;left:0;right:0;top:var(--horizon);height:6px;background:color-mix(in srgb,var(--td-ground) 88%,#000)}.city-sun{position:absolute;right:11%;top:52px;width:76px;height:76px;border-radius:50%;background:#fff3c4}.city-cloud{position:absolute;height:24px;border-radius:999px;background:#fffc}.city-cloud:after{content:"";position:absolute;left:22%;bottom:55%;width:52%;height:100%;border-radius:999px;background:inherit}.city-cloud.c1{left:6%;top:52px;width:88px}.city-cloud.c2{left:52%;top:24px;width:60px}.city-cloud.c3{left:30%;top:96px;width:70px;opacity:.7}.game-title-screen{--u: min(1px, .11848dvh, .25641vw);--horizon: calc(520 * var(--u));--street-brick: #d98a66;--street-line: #c4704f;--street-edge: #b9634a;position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(64 * var(--u)) var(--td-space-4) var(--td-space-5)}.game-title-screen>.city{z-index:0}.title-head{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}.game-kicker{margin:0;color:var(--td-tool-active-ink);font-size:var(--td-text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.game-title-screen h1{margin:var(--td-space-2) 0 0;font:800 calc(58 * var(--u))/.95 var(--td-font-ui);letter-spacing:var(--td-tracking-display);color:var(--td-hud-ink)}.title-tagline{max-width:280px;margin:var(--td-space-2) 0 0;color:var(--td-hud-ink-muted);font-size:15px;font-weight:500;line-height:1.35}.title-progress{margin:var(--td-space-2) 0 0;color:var(--td-hud-ink-muted);font-size:var(--td-text-xs);font-weight:600}.title-street{position:absolute;z-index:1;left:0;right:0;top:var(--horizon);height:calc(130 * var(--u));pointer-events:none;background:linear-gradient(to bottom,transparent calc(100% - 10 * var(--u)),var(--street-edge) calc(100% - 10 * var(--u))),repeating-linear-gradient(to bottom,var(--street-brick) 0 14px,var(--street-line) 14px 15.2px,var(--street-brick) 15.2px 16px)}.title-art{position:absolute;z-index:2;left:0;right:0;top:var(--horizon);height:calc(130 * var(--u));pointer-events:none}.title-art img{display:block;max-width:none;-webkit-user-select:none;user-select:none}.title-shop{--shop-w: min(calc(280 * var(--u)), 260px, 55vw);position:absolute;width:var(--shop-w);left:calc(50% + 24 * var(--u) - var(--shop-w));top:calc(34 * var(--u) - var(--shop-w) * .6077)}.title-lane{position:absolute;top:0;right:0;bottom:0;left:0}.title-bot{position:absolute;left:0;top:calc(-34 * var(--u));width:calc(112 * var(--u));will-change:transform}.title-bot img{width:100%;height:auto;transform-origin:50% 100%}.title-bot img.is-driving{animation:title-bob .52s ease-in-out infinite}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-2 * var(--u)))}}.title-actions{position:relative;z-index:3;width:min(100%,342px);margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--td-space-4)}.title-play{width:100%;height:68px;border:0;border-radius:22px;color:#fff;font-size:25px;font-weight:700;background:linear-gradient(180deg,var(--td-play-light),var(--td-play));box-shadow:0 5px 0 var(--td-play-edge),0 16px 30px color-mix(in srgb,var(--td-play-edge) 30%,transparent),inset 0 2px #fff6;transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.title-play:hover:not(:disabled){transform:translateY(-1px)}.title-play:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--td-play-edge),inset 0 2px #fff6;transition-duration:var(--td-dur-press)}.title-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--td-space-3)}.title-icons .ibtn{--ibtn: 52px}.title-new{width:auto;height:52px;padding:0 var(--td-space-4);font-size:var(--td-text-sm);font-weight:700}.game-notice{margin:0;color:var(--td-tool-active-ink);font-size:var(--td-text-xs);font-weight:600}.earned-codes{display:grid;gap:3px;margin-top:var(--td-space-1)}.earned-codes code{color:var(--td-play-edge);font-weight:800;letter-spacing:.08em}.campaign-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:7px;width:min(100%,520px);margin-top:var(--td-space-4)}.campaign-choices button{display:grid;gap:3px;border:1px solid var(--td-surface-edge);border-radius:var(--td-radius-md);padding:var(--td-space-2) var(--td-space-3);background:var(--td-hud);color:var(--td-hud-ink);text-align:left}.campaign-choices button[aria-pressed=true]{border-color:var(--td-play);box-shadow:inset 0 0 0 1px var(--td-play)}.campaign-choices strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--td-text-sm)}.campaign-choices span{color:var(--td-hud-ink-muted);font-size:var(--td-text-xs)}.code-entry{width:min(100%,300px);margin-top:var(--td-space-3);text-align:left;color:var(--td-hud-ink-muted);font-size:var(--td-text-xs)}.code-entry>div{display:flex;gap:6px;margin-top:var(--td-space-1)}.code-entry input,.game-dialog input{min-width:0;flex:1;min-height:44px;border:1px solid var(--td-surface-edge);border-radius:var(--td-radius-sm);padding:var(--td-space-2) var(--td-space-3);background:var(--td-hud);color:var(--td-hud-ink);text-transform:uppercase;letter-spacing:.08em}.game-help{width:min(100%,460px);margin-top:var(--td-space-2);text-align:left;color:var(--td-hud-ink-muted);font-size:var(--td-text-xs)}.game-help summary,.play-help summary{cursor:pointer;font-weight:800}.game-help p{margin:6px 0 0;line-height:1.45}.game-play{--horizon: 330px;--ring: 28px;container-type:inline-size;position:relative;width:100%;min-height:100dvh;margin:0 auto;padding:var(--td-space-4) var(--td-space-3) var(--td-space-4);display:flex;flex-direction:column;align-items:center}.game-play>:not(.city){position:relative;z-index:1}.game-header{width:100%;max-width:1160px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--td-space-2)}.hud-side{display:flex;gap:var(--td-space-2)}.level-pill{justify-self:center;min-width:0;max-width:100%;min-height:var(--td-touch);display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:0;border-radius:var(--td-radius-pill);background:color-mix(in srgb,var(--td-hud) 94%,transparent);box-shadow:var(--td-hud-shadow);color:var(--td-hud-ink);font:inherit;text-align:left;transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.level-pill:hover{transform:translateY(-1px)}.level-pill:active{transform:translateY(3px);box-shadow:0 0 0 var(--td-surface-edge),0 4px 10px #3b2a1e24;transition-duration:var(--td-dur-press)}.level-pill .td-icon{flex:0 0 auto;width:18px;height:18px;margin-left:-2px;color:var(--td-hud-ink-muted)}.level-num{display:grid;place-items:center;flex:0 0 auto;min-width:34px;height:34px;padding:0 6px;border-radius:var(--td-radius-pill);background:var(--td-brand);color:#fff;font-size:var(--td-text-md);font-weight:700;font-variant-numeric:tabular-nums}.level-name{min-width:0;overflow:hidden;color:var(--td-hud-ink);font-size:21px;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.game-board-frame{--board: min(100%, 560px, max(240px, calc(100dvh - 370px) ));position:relative;isolation:isolate;width:var(--board);aspect-ratio:1;margin-top:var(--td-space-3);transition:width var(--td-dur-screen) var(--td-ease-settle)}.game-board-frame>*{position:absolute;top:0;right:0;bottom:0;left:0}.game-board-frame:before{content:"";position:absolute;z-index:-1;top:2.5%;right:2.5%;bottom:2.5%;left:2.5%;border-radius:9%;box-shadow:0 18px 26px #3b2a1e40}.goal-strip{list-style:none;margin:var(--td-space-3) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--td-space-2)}.goal-home{display:flex;align-items:center;gap:var(--td-space-2);padding:4px 12px 4px 6px;border-radius:var(--td-radius-pill);background:var(--td-hud);color:var(--td-hud-ink);box-shadow:0 3px 0 var(--td-surface-edge),0 6px 14px #3b2a1e1f;font-variant-numeric:tabular-nums}.goal-food{display:inline-flex;align-items:center;gap:5px}.goal-ring{display:grid;place-items:center;width:var(--ring);height:var(--ring);border-radius:50%;background:var(--td-hud);box-shadow:inset 0 0 0 3px var(--food)}.goal-ring img{display:block;width:calc(var(--ring) * .6);height:calc(var(--ring) * .6)}.goal-count{font-size:var(--td-text-md);font-weight:700}.goal-home.done .goal-count,.goal-check{color:var(--td-success)}.goal-check{font-weight:800}.first-move-hint{margin:var(--td-space-2) 0 0;padding:var(--td-space-2) var(--td-space-4);border-radius:var(--td-radius-lg);background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-hud-shadow);font-size:var(--td-text-md);font-weight:600;text-align:center}.tray{width:min(100%,620px);margin-top:var(--td-space-4);padding:0 20px;height:100px;display:grid;grid-template-columns:repeat(3,auto) 84px repeat(3,auto);align-items:center;justify-content:space-between;column-gap:10px;border-radius:30px;background:color-mix(in srgb,var(--td-hud) 92%,transparent);box-shadow:0 10px 24px #3b2a1e29}.road-tools,.road-history{display:contents}.tray .play-btn{justify-self:center}.guide-robot{display:none}.result-card{position:relative;width:min(100%,560px);margin-top:58px;padding:50px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:var(--td-space-2);border-radius:30px;background:var(--td-hud);box-shadow:0 -6px 30px #3b2a1e2e;animation:result-rise .32s var(--td-ease-settle) both}.result-robot{position:absolute;left:50%;top:-104px;width:120px;height:auto;margin-left:-60px;pointer-events:none;-webkit-user-select:none;user-select:none}.result-robot{transform-origin:50% 92%;animation:robot-drop .56s var(--td-ease-settle) .26s both}.is-failure .result-robot{transform:rotate(-5deg);animation:robot-drop .56s var(--td-ease-settle) .26s both,robot-wobble .72s ease-in-out .86s forwards}.result-confetti{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}.result-confetti i{position:absolute;left:50%;top:-8px;display:block;border-radius:2px;opacity:0;animation:confetti 1.5s cubic-bezier(.2,.7,.4,1) calc(.76s + var(--late)) both}.result-title{margin:0;color:var(--td-hud-ink);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.is-failure .result-title{font-size:28px}.result-sentence{max-width:320px;margin:0;color:var(--td-hud-ink-muted);font-size:var(--td-text-md);font-weight:500;line-height:1.35;text-align:center}.result-homes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.result-homes li{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--td-radius-pill);background:color-mix(in srgb,var(--td-success) 12%,#fff);color:var(--td-success);font-size:var(--td-text-sm);font-weight:700;font-variant-numeric:tabular-nums}.result-homes li.is-missed{background:var(--td-tool-active);color:var(--td-tool-active-ink)}.result-food{display:inline-flex;align-items:center;gap:4px}.result-unlock{display:flex;justify-content:center;text-align:center;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);font-weight:500}.result-card button{cursor:pointer;font-family:inherit;transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.result-card .result-primary:not(.result-secondary):not(.result-dark){width:100%;height:56px;border:0;border-radius:20px;color:#fff;font-size:22px;font-weight:700;background:linear-gradient(180deg,var(--td-play-light),var(--td-play));box-shadow:0 5px 0 var(--td-play-edge),0 12px 24px color-mix(in srgb,var(--td-play-edge) 30%,transparent)}.result-row{display:flex;gap:10px;width:100%}.result-secondary,.result-dark{flex:1;white-space:nowrap;padding:0 10px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;font-size:var(--td-text-md);font-weight:600}.result-secondary{background:var(--td-hud);color:var(--td-hud-ink);box-shadow:0 3px 0 var(--td-surface-edge),0 6px 14px #3b2a1e1a}.result-dark{flex:1.15;min-height:52px;background:var(--td-hud-ink);color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px #1f1814}.result-card button:active{transform:translateY(3px);box-shadow:none!important;transition-duration:var(--td-dur-press)}.result-card .td-icon{width:20px;height:20px}@keyframes result-rise{0%{opacity:0;transform:translateY(72px)}to{opacity:1;transform:none}}@keyframes robot-drop{0%{opacity:0;transform:translateY(-170px) scale(.96,1.04);animation-timing-function:cubic-bezier(.5,0,1,.6)}8%{opacity:1}56%{opacity:1;transform:translateY(0) scale(1.1,.88);animation-timing-function:cubic-bezier(.2,.7,.4,1)}74%{transform:translateY(-16px) scale(.97,1.04);animation-timing-function:cubic-bezier(.5,0,1,.6)}88%{transform:translateY(0) scale(1.04,.96)}to{opacity:1;transform:none}}@keyframes robot-wobble{0%,to{transform:rotate(-5deg)}20%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}85%{transform:rotate(-3deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(40px) rotate(0) scale(.4)}8%{opacity:1}36%{opacity:1;transform:translate(calc(var(--dx) * .8),calc(var(--up) * -1)) rotate(calc(var(--spin) * .4)) scale(1);animation-timing-function:cubic-bezier(.4,0,.8,.6)}85%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 1.1),150px) rotate(var(--spin)) scale(1)}}.game-overlay{overflow-y:auto;position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--td-space-4);background:var(--td-scrim)}.game-dialog{width:min(420px,100%);padding:var(--td-space-5);border:1px solid var(--td-surface-edge);border-radius:var(--td-radius-xl);background:var(--td-hud);box-shadow:var(--td-shadow-modal)}.game-dialog h2{margin:0 0 var(--td-space-2);color:var(--td-hud-ink);font:600 var(--td-text-xl)/1.15 var(--td-font-ui);letter-spacing:var(--td-tracking-display)}.game-dialog p{color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);line-height:1.55}.game-dialog input{width:100%;margin:7px 0;text-align:center;font-weight:800;letter-spacing:.16em}.game-dialog>div{display:flex;justify-content:flex-end;gap:var(--td-space-2);margin-top:var(--td-space-4)}.code-dialog .code-entry{width:100%;margin:var(--td-space-3) 0}.code-dialog>div:last-child{margin-top:var(--td-space-3)}.game-toast{position:fixed;z-index:80;bottom:var(--td-space-4);left:50%;display:flex;align-items:center;gap:var(--td-space-2);max-width:calc(100% - var(--td-space-4));padding:var(--td-space-2) var(--td-space-3);border-radius:var(--td-radius-md);background:var(--td-danger-soft);color:var(--td-danger);box-shadow:var(--td-shadow-float);font-size:var(--td-text-sm);transform:translate(-50%);animation:toast-rise var(--td-dur-base) var(--td-ease-settle) both}.game-toast button{min-width:var(--td-touch);min-height:var(--td-touch);padding:0;color:inherit}.about-dialog{position:relative;max-height:calc(100dvh - var(--td-space-4) - var(--td-space-4));overflow-y:auto;overscroll-behavior:contain;text-align:center}.about-dialog h2{font-size:var(--td-text-2xl)}.about-dialog p{margin:var(--td-space-1) 0}.about-dialog .about-by{color:var(--td-hud-ink);font-weight:700}.about-dialog .about-version{color:var(--td-hud-ink-muted);font-family:var(--td-font-code);font-size:var(--td-text-xs)}.about-dialog h3{margin:var(--td-space-4) 0 var(--td-space-1);color:var(--td-tool-active-ink);font-size:var(--td-text-xs);letter-spacing:.14em;text-transform:uppercase}.about-dialog ul{margin:0;padding:0;list-style:none;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);line-height:1.5}.about-dialog button.debug-link{display:inline-flex;align-items:center;margin-top:var(--td-space-4);padding:0 var(--td-space-2);min-height:var(--td-touch);border:0;border-radius:0;background:transparent;color:var(--td-hud-ink-muted);text-decoration:underline;box-shadow:none}.about-dialog>.playtest-export{display:block;margin-top:var(--td-space-4);text-align:left}.playtest-export h3{margin-top:var(--td-space-3)}.playtest-export textarea{display:block;width:100%;height:min(38vh,260px);margin-top:var(--td-space-2);resize:vertical;border:1px solid var(--td-surface-edge);border-radius:var(--td-radius-sm);padding:var(--td-space-2);background:var(--td-hud);color:var(--td-hud-ink);font:400 var(--td-text-xs)/1.4 var(--td-font-code)}.playtest-export>div:not([role=alertdialog]){display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--td-space-2);margin-top:var(--td-space-3)}.game-dialog button.about-close{position:sticky;top:0;z-index:1;display:block;width:var(--td-touch);height:var(--td-touch);margin:calc(0px - var(--td-space-2)) calc(0px - var(--td-space-2)) var(--td-space-1) auto;padding:0;border-radius:50%;font-size:22px;line-height:1}.neighbourhood-screen{--horizon: 190px;position:relative;height:100dvh;padding:var(--td-space-4) clamp(12px,4vw,36px) var(--td-space-4);display:flex;flex-direction:column;align-items:center;overflow:hidden;color:var(--td-hud-ink)}.neighbourhood-screen>:not(.city){position:relative;z-index:1;width:100%;max-width:1080px}.neighbourhood-header{flex:0 0 auto;display:grid;grid-template-columns:var(--ibtn, 48px) minmax(0,1fr) auto;align-items:center;gap:var(--td-space-2)}.neighbourhood-title{justify-self:center;margin:0;padding:8px 22px;border-radius:var(--td-radius-pill);background:color-mix(in srgb,var(--td-hud) 94%,transparent);box-shadow:var(--td-hud-shadow);font:800 21px/1.2 var(--td-font-ui);letter-spacing:-.01em;white-space:nowrap}.neighbourhood-done{min-width:var(--ibtn, 48px);padding:0 12px;display:grid;place-items:center;height:34px;border-radius:var(--td-radius-pill);background:var(--td-hud);box-shadow:var(--td-hud-shadow);color:var(--td-hud-ink);font-size:var(--td-text-sm);font-weight:700;font-variant-numeric:tabular-nums}.neighbourhood-screen>.campaign-choices{flex:0 0 auto;margin:var(--td-space-3) 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--td-space-2)}.campaign-choices button{display:grid;gap:1px;min-height:var(--td-touch);border:0;border-radius:var(--td-radius-lg);padding:6px var(--td-space-4);background:var(--td-hud);color:var(--td-hud-ink);box-shadow:var(--td-hud-shadow);text-align:left}.campaign-choices button[aria-pressed=true]{background:var(--td-tool-active);box-shadow:0 0 0 3px var(--td-brand),var(--td-hud-shadow)}.neighbourhood-layout{flex:1 1 auto;min-height:0;margin-top:var(--td-space-3);display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);gap:var(--td-space-4);align-items:start;overflow:hidden}.neighbourhood-layout>.town-list{grid-column:1;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 6px var(--td-space-4);scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px);mask-image:linear-gradient(to bottom,transparent 0,#000 12px)}.neighbourhood-layout>.town-details{grid-column:2;align-self:start}.town-details{position:sticky;top:var(--td-space-1);display:grid;gap:var(--td-space-2);padding:var(--td-space-4);border-radius:26px;background:color-mix(in srgb,var(--td-hud) 94%,transparent);box-shadow:var(--td-hud-shadow)}.town-details h2{margin:0;font:800 var(--td-text-lg)/1.2 var(--td-font-ui);letter-spacing:-.01em}.town-details>p{margin:0;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);line-height:1.5}.town-code{display:grid;gap:var(--td-space-1)}.town-code>span:first-child{color:var(--td-hud-ink-muted);font-size:var(--td-text-xs)}.game-title-screen,.neighbourhood-screen,.game-play{animation:screen-enter var(--td-dur-screen) var(--td-ease-settle) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:888px){.game-play{--panel: 200px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) var(--panel);grid-template-rows:auto 1fr auto;grid-template-areas:"hud hud hud hud" "hints board gap orders" "tray tray tray orders2";align-items:center;justify-items:center;padding:22px 28px 14px;--ring: 28px;position:relative}.game-play>.game-header{grid-area:hud;--ibtn: 52px}.game-play .level-name{font-size:25px}.game-play .level-num{min-width:38px;height:38px;font-size:18px}.game-board-frame,.game-play.has-result .game-board-frame{grid-area:board;margin:0;--board: min(820px, max(320px, calc(100dvh - 270px) ), calc(100cqw - var(--panel) - 16px))}.goal-strip{grid-area:orders;justify-self:stretch;align-self:center;flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin:0 0 0 16px;padding:12px;gap:6px;border-radius:22px;background:color-mix(in srgb,var(--td-hud) 70%,transparent);box-shadow:0 10px 24px #3b2a1e1f}.goal-strip:before{content:"Orders";margin-bottom:2px;color:var(--td-tool-active-ink);font-size:var(--td-text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.goal-count{font-size:var(--td-text-lg)}.guide{grid-area:hints;justify-self:end;align-self:end;margin:0 20px 0 0;display:flex;flex-direction:column;align-items:center;gap:6px}.first-move-hint{max-width:220px;margin:0}.city-sun{right:15%}.tray{grid-area:tray;grid-column:1 / 4;margin:0}@media(min-width:1250px){.guide-robot{display:block;width:150px;height:auto}}.game-play.has-result{grid-template-rows:auto 1fr 100px}.game-play.has-result .goal-strip{display:none}.game-play.has-result .result-card.is-beside{grid-row:2;grid-column:3 / 5;justify-self:start;align-self:center;width:min(340px,calc(100% - 8px));min-width:320px;margin:60px 0 0 8px}}@media(min-width:521px){.game-play{position:relative}.game-play.has-result .result-card.is-over{position:absolute;z-index:5;left:0;right:0;bottom:18px;width:min(420px,calc(100% - 56px));margin:0 auto}}@media(min-width:888px){.game-play.has-result .result-card.is-over{right:calc(var(--panel) + 28px);left:28px}}@media(max-width:887px){.tray{--tile: 50px;width:min(100%,520px);height:auto;padding:10px 12px;grid-template-columns:repeat(2,var(--tile)) minmax(0,1fr) repeat(2,var(--tile));grid-template-rows:auto var(--td-touch);justify-content:stretch;align-items:center;column-gap:var(--td-space-2);row-gap:6px}.tray .tool{--tile: 50px}.t-draw{grid-area:1 / 1}.t-erase{grid-area:1 / 2}.t-undo{grid-area:1 / 4}.t-redo{grid-area:1 / 5}.t-clear{grid-area:2 / 1 / 3 / 3}.t-speed{grid-area:2 / 4 / 3 / 6}.tray .play-btn{grid-area:1 / 3 / 3 / 4;align-self:center;justify-self:center}.t-clear,.t-speed{flex-direction:row;justify-content:center;width:100%;min-height:var(--td-touch);gap:6px;border-radius:16px;background:var(--td-hud);color:var(--td-hud-ink);box-shadow:0 3px 0 var(--td-surface-edge);transition:transform var(--td-dur-quick) var(--td-ease-settle),box-shadow var(--td-dur-quick) var(--td-ease-settle)}.tool.t-clear .tool-face,.tool.t-speed .tool-face{width:auto;height:auto;background:none;box-shadow:none}.t-clear:active:not(:disabled),.t-speed:active:not(:disabled){transform:translateY(3px);box-shadow:none}.t-clear:active .tool-face,.t-speed:active .tool-face{transform:none}.t-clear .td-icon,.t-speed .td-icon{width:20px;height:20px}.t-clear .tool-label,.t-speed .tool-label{color:inherit;font-size:var(--td-text-sm)}.tool.t-speed.is-active{background:var(--td-tool-active);color:var(--td-tool-active-ink)}}@media(max-width:760px){.neighbourhood-layout{grid-template-columns:minmax(0,1fr) 240px;gap:var(--td-space-3)}}@media(min-width:888px){.neighbourhood-screen{--ibtn: 52px;--horizon: 220px;padding-top:22px}.neighbourhood-title{font-size:25px}}@media(max-width:540px){.neighbourhood-screen{padding:var(--td-space-3) 10px 0;--horizon: 150px}.neighbourhood-screen>.campaign-choices{flex-wrap:nowrap}.campaign-choices button{flex:1 1 0;min-width:0;padding-inline:var(--td-space-3)}.neighbourhood-layout{display:block}.neighbourhood-layout>.town-list{padding:14px 2px 34dvh;scroll-padding-block:20px}.town-details.town-details-sheet{position:fixed;z-index:20;left:var(--td-space-2);right:var(--td-space-2);bottom:max(var(--td-space-2),env(safe-area-inset-bottom));top:auto;max-height:40dvh;overflow-y:auto;grid-template-columns:1fr 1fr;gap:6px var(--td-space-2);padding:var(--td-space-3) var(--td-space-4);border-radius:26px;background:var(--td-hud);box-shadow:var(--td-shadow-float)}.town-details-sheet>h2,.town-details-sheet>p,.town-details-sheet>.town-code{grid-column:1 / -1}.town-details-sheet>p{font-size:var(--td-text-sm)}.town-details-sheet .town-code>span:first-child{display:none}.town-details-sheet .game-primary,.town-details-sheet .secondary-code{font-size:var(--td-text-sm);padding-inline:8px}.campaign-choices button{min-height:var(--td-touch)}}@media(max-width:420px){.game-header{--ibtn: var(--td-touch);gap:6px}.hud-side{gap:6px}.level-pill{gap:8px}.tray,.tray .tool{--tile: 48px}.tray .play-btn{--size: 76px}}@media(max-height:760px)and (max-width:887px){.game-play{padding-top:var(--td-space-3)}.game-board-frame{margin-top:var(--td-space-2)}}@media(max-width:520px){.game-play{--gutter: max(12px, env(safe-area-inset-left), env(safe-area-inset-right));--reserve: 300px;--ring: 22px;padding:max(var(--td-space-3),env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom));overflow-x:clip}.game-play.has-result{--reserve: 500px}.game-header{padding-inline:var(--gutter)}.level-pill{gap:8px;padding:6px 10px 6px 6px}.level-num{min-width:32px;height:32px;font-size:var(--td-text-sm)}.level-name{font-size:16px;letter-spacing:0}.level-pill .td-icon{width:16px;height:16px}.game-board-frame,.game-play.has-result .game-board-frame{--cells: min( calc(100% - 8px) , max(200px, calc((100dvh - var(--reserve) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .8516)));--board: calc(var(--cells) * 1.16);width:var(--board);height:auto;aspect-ratio:812 / 822;max-width:none;flex:0 0 auto;margin-top:var(--td-space-1)}.game-play{padding-bottom:max(16px,env(safe-area-inset-bottom))}.game-board-frame{margin-block:auto}.tray{margin-top:0}.game-play.has-result .game-board-frame{margin-block:var(--td-space-1) 58px}.game-play.has-result .result-card{margin-top:auto}.goal-strip{width:calc(100% - 2 * var(--gutter));margin-top:var(--td-space-2);gap:6px}.goal-home{gap:6px;padding:3px 10px 3px 4px;box-shadow:0 2px 0 var(--td-surface-edge),0 4px 10px #3b2a1e1f}.goal-food{gap:4px}.goal-count{font-size:var(--td-text-sm)}.tray{width:calc(100% - 2 * var(--gutter));margin-top:var(--td-space-2)}.result-card{width:calc(100% - 2 * var(--gutter))}.first-move-hint{font-size:var(--td-text-sm);padding:var(--td-space-1) var(--td-space-3)}}@media(prefers-reduced-motion:reduce){.game-title-screen,.neighbourhood-screen,.game-play,.game-toast{animation:none}button{transition:none!important}button:hover,button:active{transform:none!important}.result-card,.result-robot,.is-failure .result-robot{animation:none}.result-confetti{display:none}.title-bot img.is-driving{animation:none}.level-pill,.level-pill:active{transition:none;transform:none}}input,textarea,select,.code-entry input,.game-dialog input{font-size:16px}.game-title-screen h1{margin:0;font-size:calc(40 * var(--u));line-height:1;white-space:nowrap}.game-title-screen{padding-top:calc(48 * var(--u))}.title-actions{width:min(100%,320px);gap:10px}.title-play{height:52px;border-radius:18px;font-size:20px;box-shadow:0 4px 0 var(--td-play-edge),0 10px 20px color-mix(in srgb,var(--td-play-edge) 28%,transparent),inset 0 2px #fff6}.title-icons{flex-wrap:nowrap;gap:8px}.title-icons .ibtn{--ibtn: 44px}.title-new{height:44px;padding:0 var(--td-space-3)}.game-notice:empty{display:none}.game-board-frame>.guide{position:absolute;inset:3% 8px auto;z-index:3;display:block;margin:0;pointer-events:none}.game-board-frame>.guide .first-move-hint{max-width:min(100%,30rem);width:fit-content;margin:0 auto;padding:6px 14px;font-size:var(--td-text-sm);background:color-mix(in srgb,var(--td-hud) 94%,transparent);animation:hint-in var(--td-dur-base, .2s) var(--td-ease-settle) both}@keyframes hint-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.game-board-frame>.guide .first-move-hint{animation:none}}.neighbourhood-title{padding:4px 16px;font-size:18px}.neighbourhood-screen>.campaign-choices{margin-top:var(--td-space-2)}.campaign-choices button{min-height:32px;padding:4px 14px;font-size:13px}.campaign-choices button span{display:none}.town-details{gap:6px;padding:12px;border-radius:22px}.town-details h2{font-size:var(--td-text-md)}.town-details .town-code{display:block}.town-locked{margin:0;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);font-weight:700}.secondary-code{min-height:40px;font-size:var(--td-text-sm)}@media(max-width:540px){.neighbourhood-layout>.town-list{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.town-details.town-details-sheet{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px 12px;border-radius:20px;max-height:none;overflow:visible}.town-details-sheet>h2{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.town-details-sheet>.town-code,.town-details-sheet>.town-locked{grid-column:2;grid-row:1;justify-self:end}.town-details-sheet>.game-primary{grid-column:1;grid-row:2;min-height:44px}.town-details-sheet>.secondary-code{grid-column:2;grid-row:2;min-height:44px;padding-inline:14px}}.town-num{margin-right:8px;color:var(--td-tool-active-ink)}.game-board-frame .board-shell,.game-board-frame .board-shell:focus-visible{outline:none}.game-board-frame:has(.board-shell:focus-visible:not([data-pointer])):after{content:"";position:absolute;z-index:4;top:2.5%;right:2.5%;bottom:2.5%;left:2.5%;border-radius:9%;outline:3px solid var(--td-focus);outline-offset:2px;pointer-events:none}.result-card:focus,.result-card:focus-visible{outline:none}button:focus:not(:focus-visible),.result-card button:focus:not(:focus-visible){outline:none}.title-new{width:auto;height:40px;padding:0 var(--td-space-3);background:none;box-shadow:none;color:var(--td-hud-ink-muted);font-size:var(--td-text-sm);text-decoration:underline;text-underline-offset:3px}.title-new:active:not(:disabled){box-shadow:none}@media(min-width:888px){.game-title-screen{--u: min(1.7px, .11848dvh);--horizon: calc(540 * var(--u));padding-top:calc(36 * var(--u))}.game-title-screen h1{font-size:calc(84 * var(--u))}.title-street,.title-art{height:calc(240 * var(--u))}.title-actions{position:absolute;left:50%;top:calc(var(--horizon) + 112 * var(--u));width:calc(400 * var(--u));min-width:300px;margin:0;transform:translate(-50%);gap:calc(10 * var(--u))}.title-play{height:max(56px,calc(64 * var(--u)));font-size:max(22px,calc(26 * var(--u)));border-radius:calc(22 * var(--u))}.title-icons .ibtn{--ibtn: max(46px, calc(52 * var(--u)))}.title-new{color:var(--td-hud-ink)}}