@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-cream:#fdf3e3;--color-sand:#fde8c8;--color-peach:#f9c784;--color-amber:#e8931a;--color-brown:#7a4a1e;--color-ink:#3d1f0a;--color-ink-muted:#8a5c30;--color-ink-dim:#b8895a;--color-fast-fill:#ffd6a5;--color-fast-stroke:#e07020;--color-fast-text:#7a3500;--color-go-fill:#c8ecc0;--color-go-stroke:#4a9a40;--color-go-text:#1a5a18;--color-stop-fill:#bcd4f0;--color-stop-stroke:#4a70c0;--color-stop-text:#1a3070;--color-back-fill:#e8d0f0;--color-back-stroke:#8040b0;--color-back-text:#40107a;--color-danger-fill:#fde0d8;--color-danger-stroke:#c04030;--color-danger-text:#7a1a10;--color-success-fill:#d4f0cc;--color-success-stroke:#3a8030;--color-success-text:#1a5018;--color-info-fill:#f0e8d8;--color-info-stroke:#5a7a9a;--color-info-text:#3a4a5a;--color-purple-fill:#f2ead8;--color-purple-stroke:#7a5a8a;--color-purple-text:#4a3058;--color-warning-fill:#f5e6d0;--color-warning-stroke:#9a6a30;--color-warning-text:#5a3a10;--color-elevation:#e84070;--color-surface-dark:#2a1505;--surface-bg:#fdf3e3;--surface-border:3px solid var(--color-brown);--surface-shadow:4px 4px 0 var(--color-brown);--surface-shadow-sm:3px 3px 0 var(--color-brown);--surface-shadow-lg:6px 6px 0 var(--color-brown);--btn-bg:var(--color-sand);--btn-bg-hover:var(--color-peach);--btn-bg-active:var(--color-amber);--btn-border:var(--color-brown);--btn-color:var(--color-ink);--btn-color-active:#fff;--btn-shadow:3px 3px 0 var(--color-brown);--btn-shadow-hover:4px 4px 0 var(--color-brown);--btn-shadow-press:1px 1px 0 var(--color-brown);--font-family:"Nunito", system-ui, -apple-system, sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:32px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:18px;--space-9:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-4xl:16px;--radius-full:9999px;--border-thin:2px;--border-base:3px;--border-bold:4px;--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--ease-quick:cubic-bezier(.25, .46, .45, .94);--duration-snap:.12s;--duration-bounce:.22s;--duration-float:.35s;--z-panel:10;--z-editor-toolbar:15;--z-selection-toolbar:20;--z-minimap:40;--z-hud:50;--z-modal:100;--z-popup:320;--z-tutorial:300}.btn{border:var(--border-base) solid var(--btn-border);border-radius:var(--radius-lg);background:var(--btn-bg);color:var(--btn-color);font-size:var(--font-size-md);font-weight:800;font-family:var(--font-family);cursor:pointer;box-shadow:var(--btn-shadow);transition:background var(--duration-snap) var(--ease-quick), box-shadow var(--duration-snap) var(--ease-quick), transform var(--duration-snap) var(--ease-snap);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:5px;padding:7px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover);transform:translate(-1px,-1px)}.btn:active{background:var(--btn-bg-active);color:var(--btn-color-active);box-shadow:var(--btn-shadow-press);transition-duration:60ms;transform:translate(2px,2px)}.btn--active,.btn[aria-pressed=true]{background:var(--color-amber);border-color:var(--color-brown);color:#fff;box-shadow:var(--btn-shadow-press);transform:translate(2px,2px)}.btn--active:hover,.btn[aria-pressed=true]:hover{background:var(--color-amber);box-shadow:var(--btn-shadow-press);transform:translate(2px,2px)}.btn--danger{background:var(--color-danger-fill);border-color:var(--color-danger-stroke);color:var(--color-danger-text);box-shadow:3px 3px 0 var(--color-danger-stroke)}.btn--danger:hover{box-shadow:4px 4px 0 var(--color-danger-stroke);background:#f9c8c0}.btn--danger:active{background:var(--color-danger-fill);color:var(--color-danger-text);box-shadow:1px 1px 0 var(--color-danger-stroke);transform:translate(2px,2px)}.btn--success{background:var(--color-success-fill);border-color:var(--color-success-stroke);color:var(--color-success-text);box-shadow:3px 3px 0 var(--color-success-stroke)}.btn--success:hover{box-shadow:4px 4px 0 var(--color-success-stroke);background:#bce8b0}.btn--success:active{background:var(--color-success-fill);color:var(--color-success-text);box-shadow:1px 1px 0 var(--color-success-stroke);transform:translate(2px,2px)}.btn--info{background:var(--color-info-fill);border-color:var(--color-info-stroke);color:var(--color-info-text);box-shadow:3px 3px 0 var(--color-info-stroke)}.btn--info:hover{box-shadow:4px 4px 0 var(--color-info-stroke);background:#e8dece}.btn--info:active{background:var(--color-info-fill);color:var(--color-info-text);box-shadow:1px 1px 0 var(--color-info-stroke);transform:translate(2px,2px)}.btn--purple{background:var(--color-purple-fill);border-color:var(--color-purple-stroke);color:var(--color-purple-text);box-shadow:3px 3px 0 var(--color-purple-stroke)}.btn--purple:hover{box-shadow:4px 4px 0 var(--color-purple-stroke);background:#ecdee8}.btn--purple:active{background:var(--color-purple-fill);color:var(--color-purple-text);box-shadow:1px 1px 0 var(--color-purple-stroke);transform:translate(2px,2px)}.btn--warning{background:var(--color-warning-fill);border-color:var(--color-warning-stroke);color:var(--color-warning-text);box-shadow:3px 3px 0 var(--color-warning-stroke)}.btn--warning:hover{box-shadow:4px 4px 0 var(--color-warning-stroke);background:#eddcc0}.btn--warning:active{background:var(--color-warning-fill);color:var(--color-warning-text);box-shadow:1px 1px 0 var(--color-warning-stroke);transform:translate(2px,2px)}.btn--sm{font-size:var(--font-size-base);border-radius:var(--radius-md);box-shadow:2px 2px 0 var(--color-brown);padding:5px 10px}.btn--sm:hover{box-shadow:3px 3px 0 var(--color-brown)}.btn--sm:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(1px,1px)}.btn--lg{font-size:var(--font-size-lg);border-radius:var(--radius-xl);box-shadow:5px 5px 0 var(--color-brown);padding:10px 22px}.btn--lg:hover{box-shadow:6px 6px 0 var(--color-brown);transform:translate(-1px,-2px)}.btn--lg:active{box-shadow:2px 2px 0 var(--color-brown);transform:translate(3px,3px)}.btn-icon{font-size:var(--font-size-lg);line-height:1}.btn-label{font-size:var(--font-size-base);font-weight:800}.kbd{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-ink);background:var(--color-cream);border:2px solid var(--color-brown);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-brown);padding:1px 5px;font-weight:800;line-height:1.4;display:inline-block}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.04em;border:2px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-weight:800;display:inline-flex}.badge--peach{background:var(--color-fast-fill);border-color:var(--color-fast-stroke);color:var(--color-fast-text)}.badge--mint{background:var(--color-go-fill);border-color:var(--color-go-stroke);color:var(--color-go-text)}.badge--sky{background:var(--color-stop-fill);border-color:var(--color-stop-stroke);color:var(--color-stop-text)}.badge--lavender{background:var(--color-back-fill);border-color:var(--color-back-stroke);color:var(--color-back-text)}.badge--danger{background:var(--color-danger-fill);border-color:var(--color-danger-stroke);color:var(--color-danger-text)}.badge--success{background:var(--color-success-fill);border-color:var(--color-success-stroke);color:var(--color-success-text)}.separator{background:var(--color-brown);border-radius:2px;flex-shrink:0;width:3px;height:24px;margin:0 4px}.input{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-md);background:var(--color-cream);height:32px;color:var(--color-ink);font-size:var(--font-size-md);font-weight:700;font-family:var(--font-family);box-shadow:2px 2px 0 var(--color-brown);transition:box-shadow var(--duration-snap), border-color var(--duration-snap);outline:none;padding:0 10px}.input::placeholder{color:var(--color-ink-dim);font-weight:600}.input:focus{border-color:var(--color-amber);box-shadow:2px 2px 0 var(--color-amber), 0 0 0 3px #e8931a2e}.select{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-md);background:var(--color-cream);height:32px;color:var(--color-ink);font-size:var(--font-size-md);font-weight:700;font-family:var(--font-family);cursor:pointer;box-shadow:2px 2px 0 var(--color-brown);transition:box-shadow var(--duration-snap), border-color var(--duration-snap);outline:none;padding:0 10px}.select:focus{border-color:var(--color-amber);box-shadow:2px 2px 0 var(--color-amber), 0 0 0 3px #e8931a2e}.slider{appearance:none;background:var(--color-sand);border:2px solid var(--color-brown);cursor:pointer;border-radius:3px;outline:none;width:160px;height:5px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-amber);border:3px solid var(--color-brown);width:20px;height:20px;box-shadow:2px 2px 0 var(--color-brown);cursor:pointer;transition:transform var(--duration-snap) var(--ease-snap);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.label{font-size:var(--font-size-sm);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.elevation{font-size:var(--font-size-lg);color:var(--color-elevation);-webkit-text-stroke:.5px #8a1030;font-weight:900}.progress-bar{background:var(--color-cream);border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-brown);width:100%;height:10px;box-shadow:2px 2px 0 var(--color-brown);overflow:hidden}.progress-bar__fill{background:var(--color-amber);border-radius:var(--radius-full);height:100%;transition:width .3s var(--ease-quick)}.panel{background:var(--surface-bg);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow);font-family:var(--font-family);color:var(--color-ink);overflow:hidden}.panel__header{font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);background:var(--color-peach);border-bottom:3px solid var(--color-brown);-webkit-text-stroke:.3px var(--color-brown);padding:13px 18px 10px;font-weight:900}.panel__body{padding:12px 14px 16px}.toolbar{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-7);background:var(--color-sand);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-3xl);box-shadow:var(--surface-shadow);font-family:var(--font-family);-webkit-user-select:none;user-select:none;display:inline-flex}.mode-switcher{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mode-btn{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-lg);background:var(--color-cream);color:var(--color-ink);font-family:var(--font-family);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:2px 2px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-quick);padding:6px 0;font-weight:800}.mode-btn:hover{background:var(--color-sand);box-shadow:3px 3px 0 var(--color-brown);transform:translate(-1px,-1px)}.mode-btn:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(1px,1px)}.mode-btn--active{background:var(--color-amber);color:#fff;box-shadow:1px 1px 0 var(--color-brown);transform:translate(1px,1px)}.tile-card{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);background:var(--color-cream);color:var(--color-ink);cursor:pointer;box-shadow:3px 3px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-quick);font-size:var(--font-size-sm);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-weight:700;display:flex}.tile-card:hover{background:var(--color-sand);box-shadow:4px 4px 0 var(--color-brown);transform:translate(-1px,-1px)}.tile-card:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.tile-card--active{background:var(--color-peach);border-color:var(--color-amber);box-shadow:3px 3px 0 var(--color-amber)}.tile-card__icon{font-size:var(--font-size-2xl);line-height:1}.modal{background:var(--surface-bg);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-3xl);box-shadow:var(--surface-shadow-lg);font-family:var(--font-family);color:var(--color-ink);animation:popIn var(--duration-bounce) var(--ease-snap) forwards;width:100%;max-width:380px;padding:0;overflow:hidden}.modal__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);padding:15px 20px 12px}.modal__title{font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);-webkit-text-stroke:.3px var(--color-brown);font-weight:900}.modal__subtitle{font-size:var(--font-size-sm);color:var(--color-ink-muted);margin-top:2px;font-weight:700}.modal__body{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.modal__footer{padding:0 20px 16px}.wagon-card{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);background:var(--color-cream);cursor:pointer;box-shadow:3px 3px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-quick);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.wagon-card:hover{background:var(--color-sand);box-shadow:4px 4px 0 var(--color-brown);transform:translate(-1px,-1px)}.wagon-card:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.wagon-card--selected{background:var(--color-peach);border-color:var(--color-amber);box-shadow:3px 3px 0 var(--color-amber)}.wagon-card__name{font-weight:800;font-size:var(--font-size-md);color:var(--color-ink)}.wagon-card__dest{font-size:var(--font-size-sm);color:var(--color-ink-muted);font-weight:700}.score-hud{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family);color:var(--color-ink);flex-direction:column;align-items:center;gap:1px;padding:8px 22px 10px;display:inline-flex}.score-hud__label{font-size:var(--font-size-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);font-weight:800}.score-hud__value{font-size:var(--font-size-3xl);color:var(--color-ink);letter-spacing:-.02em;font-weight:900;line-height:1}.score-hud__value--bump{animation:.35s ease-out forwards scoreBump}.score-hud__timer{margin-top:var(--space-1);font-size:var(--font-size-md);letter-spacing:.04em;color:var(--color-ink-muted);opacity:.9;font-family:monospace;font-weight:600;transition:opacity .2s}.score-hud__timer--paused{opacity:.5}.delivery-popup{background:var(--color-amber);border:3px solid var(--color-brown);border-radius:var(--radius-full);box-shadow:4px 4px 0 var(--color-brown);font-size:var(--font-size-2xl);color:#fff;-webkit-text-stroke:.5px var(--color-brown);pointer-events:none;justify-content:center;align-items:center;padding:6px 18px;font-weight:900;animation:1.8s ease-out forwards deliveryPopupAnim;display:inline-flex}.hint-pill{background:var(--color-sand);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-full);box-shadow:var(--surface-shadow-sm);font-size:var(--font-size-sm);color:var(--color-ink-muted);pointer-events:none;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.category-header{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);background:var(--color-sand);border:2px solid var(--color-brown);border-radius:var(--radius-md);cursor:pointer;font-weight:800;font-family:var(--font-family);width:100%;box-shadow:2px 2px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-quick);align-items:center;gap:6px;padding:6px 8px;display:flex}.category-header:hover{background:var(--color-peach);box-shadow:3px 3px 0 var(--color-brown);transform:translate(-1px,-1px)}.category-header:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(1px,1px)}.category-header__chevron{font-size:var(--font-size-md);margin-left:auto;transition:transform .2s}.category-header__chevron--collapsed{transform:rotate(-90deg)}.station-label{background:var(--color-cream);border:2px solid var(--color-brown);border-radius:var(--radius-full);box-shadow:var(--surface-shadow-sm);font-size:var(--font-size-lg);color:var(--color-ink);white-space:nowrap;pointer-events:none;align-items:center;gap:5px;padding:4px 10px;font-weight:800;display:inline-flex}.hud-left-stack{z-index:var(--z-minimap);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.minimap{background:var(--color-cream);border:3px solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow);width:300px;font-family:var(--font-family);overflow:hidden}.minimap__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);text-align:center;-webkit-text-stroke:.3px var(--color-brown);padding:8px 18px 7px;font-weight:900}.minimap__map{width:100%;line-height:0;position:relative}.minimap__map img{width:300px;display:block}.minimap__train-arrow{clip-path:polygon(50% 0%,100% 100%,50% 73%,0% 100%);width:18px;height:22px;filter:drop-shadow(0 0 0 2px #c94a1a);visibility:hidden;pointer-events:none;background:#f4845f;position:absolute;top:0;left:0}.minimap__legend{border-top:2px solid var(--color-brown);padding:var(--space-3) var(--space-5);gap:2px var(--space-3);grid-template-columns:1fr 1fr;display:grid}.minimap__legend-item{align-items:center;gap:var(--space-2);min-width:0;min-height:18px;display:flex}.minimap__legend-dot{border-radius:var(--radius-full);border:1.8px solid;flex-shrink:0;width:10px;height:10px;display:block}.minimap__legend-name{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1;overflow:hidden}.speed-control{--sc-row-height:64px;--sc-knob-size:40px;--sc-groove-w:13px;--sc-groove-col-w:24px;z-index:var(--z-panel);-webkit-user-select:none;user-select:none;touch-action:none;background:var(--color-cream);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-3xl);box-shadow:var(--surface-shadow);padding:var(--space-9) var(--space-7);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.speed-control__title{font-family:var(--font-family);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-muted);font-weight:900}.speed-control__body{flex-direction:row;align-items:flex-start;display:flex}.speed-control__track-wrap{flex-direction:column;display:flex;position:relative}.speed-control__groove{top:calc(var(--sc-row-height) / 2 - 18px);bottom:calc(var(--sc-row-height) / 2 - 18px);left:calc(var(--sc-groove-col-w) / 2 - var(--sc-groove-w) / 2);width:var(--sc-groove-w);border-radius:var(--radius-full);background:var(--color-sand);border:var(--border-thin) solid var(--color-brown);pointer-events:none;z-index:0;position:absolute;box-shadow:inset 2px 2px #00000014}.speed-control__row{align-items:center;gap:var(--space-7);height:var(--sc-row-height);z-index:1;cursor:pointer;flex-direction:row;display:flex;position:relative}.speed-control__tick{width:var(--sc-groove-col-w);flex-shrink:0;justify-content:center;align-items:center;display:flex}.speed-control__tick:after{content:"";background:var(--sc-tick-color,var(--color-brown));opacity:.25;border-radius:50%;width:8px;height:8px;transition:none;display:block}.speed-control__tick--active:after{opacity:1;transform:scale(1.3)}.speed-control__tick--end{width:var(--sc-groove-col-w);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.speed-control__tick--end-top{top:calc(var(--sc-row-height) / 2 - 15px)}.speed-control__tick--end-bottom{bottom:calc(var(--sc-row-height) / 2 - 15px)}.speed-control__tick-spacer{width:var(--sc-groove-col-w);flex-shrink:0}.speed-control__label{font-family:var(--font-family);font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-dim);white-space:nowrap;min-width:64px;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-lg);border:var(--border-thin) solid transparent;transition:color var(--duration-snap) var(--ease-quick), background var(--duration-snap) var(--ease-quick), border-color var(--duration-snap) var(--ease-quick);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.speed-control__row:hover .speed-control__label{color:var(--color-ink);background:var(--sc-row-fill,var(--color-sand));border-color:var(--sc-label-stroke,var(--color-brown))}.speed-control__row--active .speed-control__label{color:var(--sc-label-color,var(--color-ink));background:var(--sc-row-fill,var(--color-sand));border-color:var(--sc-label-stroke,var(--color-brown))}.speed-control__knob{pointer-events:none;top:calc(var(--knob-index) * var(--sc-row-height) + var(--sc-row-height) / 2 - var(--sc-knob-size) / 2);left:calc(var(--sc-groove-col-w) / 2 - var(--sc-knob-size) / 2);width:var(--sc-knob-size);height:var(--sc-knob-size);border:var(--border-base) solid var(--color-brown);box-shadow:var(--surface-shadow-sm);z-index:2;transition:top var(--duration-bounce) var(--ease-snap), background var(--duration-float), border-color var(--duration-float);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute}.speed-control__grip{background:var(--color-brown);opacity:.45;pointer-events:none;border-radius:1px;width:14px;height:2px}.vslider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:0;display:flex}.vslider__track-col{flex-direction:column;align-items:center;width:56px;display:flex;position:relative}.vslider__track{border:3px solid var(--color-brown);width:20px;box-shadow:3px 3px 0 var(--color-brown);background:var(--color-sand);border-radius:10px;position:relative;overflow:visible}.vslider__fill{pointer-events:none;border-radius:0 0 8px 8px;transition:height .25s cubic-bezier(.34,1.56,.64,1),background .2s;position:absolute;bottom:0;left:0;right:0}.vslider__tick{background:var(--color-brown);opacity:.35;pointer-events:none;height:3px;position:absolute;left:-1px;right:-1px}.vslider__tick--active{opacity:1;height:3px}.vslider__thumb{border:3px solid var(--color-brown);width:42px;height:42px;box-shadow:3px 3px 0 var(--color-brown);cursor:grab;z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)translateY(-50%)}.vslider__thumb:active{cursor:grabbing}.vslider__thumb--pressed{box-shadow:1px 1px 0 var(--color-brown)!important;transform:translate(calc(2px - 50%))translateY(calc(2px - 50%))!important}.vslider__grip{background:var(--color-brown);opacity:.5;border-radius:1px;width:14px;height:2px}.vslider__labels{flex-direction:column;justify-content:space-between;padding-left:12px;display:flex}.vslider__label{cursor:pointer;align-items:center;gap:8px;display:flex}.vslider__label-dot{border:2px solid var(--color-brown);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.vslider__label--active .vslider__label-dot{transform:scale(1.5)}.vslider__label-text{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:900;transition:color .15s,transform .15s}.vslider__label--active .vslider__label-text{color:var(--color-ink);transform:translate(3px)}.vslider-card{background:var(--color-cream);border:3px solid var(--color-brown);border-radius:var(--radius-3xl);box-shadow:var(--surface-shadow);flex-direction:column;gap:12px;padding:20px 16px 20px 20px;display:inline-flex}.vslider-card__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-muted);text-align:center;font-weight:900}@keyframes fork-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fork-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fork-change{0%{filter:brightness();transform:scale(1)}20%{filter:brightness(1.25);transform:scale(1.06)rotate(-1.5deg)}45%{filter:brightness(.9);transform:scale(.97)rotate(1deg)}70%{filter:brightness(1.1);transform:scale(1.03)rotate(-.5deg)}to{filter:brightness();transform:scale(1)rotate(0)}}.fork-control-shell{z-index:10;-webkit-user-select:none;user-select:none}.fork-control-shell--hidden{visibility:hidden;pointer-events:none}.fork-control-shell--hidden .fork-control-wrap{opacity:0;transform:translateY(100%)}.fork-control-wrap{will-change:transform, opacity}.fork-control-wrap--entering{animation:.5s cubic-bezier(.22,1,.36,1) both fork-slide-in}.fork-control-wrap--exiting{animation:.42s cubic-bezier(.55,0,1,.45) both fork-slide-out}.fork-control-wrap--changing{animation:fork-change .4s var(--ease-snap) both}.fork-control{background:var(--color-cream);border:3px solid var(--color-brown);border-radius:var(--radius-3xl);box-shadow:var(--surface-shadow);flex-direction:column;align-items:center;gap:14px;padding:16px 20px;display:flex}.fork-control__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-muted);font-weight:900}.fork-btns{gap:12px;display:flex}.fork-btn{border-radius:var(--radius-xl);border:3px solid var(--color-brown);background:var(--color-sand);font-family:var(--font-family);font-size:var(--font-size-3xl);cursor:pointer;color:var(--color-ink);box-shadow:4px 4px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-snap);min-width:100px;padding:18px 48px;font-weight:900;line-height:1}.fork-btn:hover{box-shadow:5px 5px 0 var(--color-brown);background:var(--color-peach);transform:translate(-1px,-1px)}.fork-btn:active{box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.fork-btn--active{background:var(--color-amber);color:#fff;box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.fork-btn--active:hover{background:var(--color-amber);box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.whistle-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-5) var(--space-7);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);background:var(--color-peach);color:var(--color-ink);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--surface-shadow-sm);transition:background var(--duration-snap) var(--ease-quick), box-shadow var(--duration-snap) var(--ease-quick), transform var(--duration-snap) var(--ease-snap);font-weight:800;display:flex;position:relative;overflow:hidden}.whistle-btn:hover{background:var(--color-amber);color:#fff;box-shadow:var(--surface-shadow);transform:translate(-1px,-1px)}.whistle-btn:active{background:var(--color-amber);color:#fff;box-shadow:var(--btn-shadow-press);transition-duration:60ms;transform:translate(2px,2px)}.whistle-btn--cooldown{background:var(--color-sand);color:var(--color-ink-dim);cursor:not-allowed;box-shadow:var(--btn-shadow-press);transform:translate(1px,1px)}.whistle-btn--cooldown:hover{background:var(--color-sand);color:var(--color-ink-dim);box-shadow:var(--btn-shadow-press);transform:translate(1px,1px)}.whistle-btn__icon{flex-shrink:0}.whistle-btn__label{text-transform:uppercase;letter-spacing:.5px}.whistle-btn__progress{bottom:var(--space-2);left:var(--space-5);right:var(--space-5);border-radius:var(--radius-full);background:var(--color-cream);height:4px;position:absolute;overflow:hidden}.whistle-btn__progress-fill{border-radius:var(--radius-full);background:var(--color-amber);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.hex-bg{background-color:var(--color-cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='71.01' overflow='visible'%3E%3Cpolygon points='82,35.51 61.5,71.01 20.5,71.01 0,35.51 20.5,0 61.5,0' fill='none' stroke='%23e8c99a' stroke-width='1.5'/%3E%3Cpolygon points='143.5,0 123,35.51 82,35.51 61.5,0 82,-35.51 123,-35.51' fill='none' stroke='%23e8c99a' stroke-width='1.5'/%3E%3Cpolygon points='143.5,71.01 123,106.52 82,106.52 61.5,71.01 82,35.51 123,35.51' fill='none' stroke='%23e8c99a' stroke-width='1.5'/%3E%3Cpolygon points='20.5,0 0,35.51 -41,35.51 -61.5,0 -41,-35.51 0,-35.51' fill='none' stroke='%23e8c99a' stroke-width='1.5'/%3E%3Cpolygon points='20.5,71.01 0,106.52 -41,106.52 -61.5,71.01 -41,35.51 0,35.51' fill='none' stroke='%23e8c99a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:123px 71.01px;animation:6s linear infinite loaderHexScroll}.loader-screen{z-index:250;font-family:var(--font-family);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader{align-items:center;gap:var(--space-7);transition:opacity .3s var(--ease-quick);flex-direction:column;display:flex}.loader-screen--fading .loader{opacity:0;pointer-events:none}.loader-screen--closing{-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));pointer-events:none;animation:1.2s ease-in-out both menuRevealOut}.loader__underline{border-radius:var(--radius-full);background:var(--color-sand);width:120px;height:4px;position:relative;overflow:hidden}.loader__underline:after{content:"";border-radius:var(--radius-full);background:var(--color-amber);animation:loaderUnderline 1.2s var(--ease-quick) infinite;position:absolute;inset:0}.loader__title{font-size:var(--font-size-3xl);color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;-webkit-text-stroke:.5px var(--color-brown);font-weight:900}.loader__label{font-size:var(--font-size-lg);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.12em;-webkit-text-stroke:.2px var(--color-brown);font-weight:800}.main-menu{z-index:260;font-family:var(--font-family);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.main-menu__card{background:var(--color-cream);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);flex-direction:column;align-items:center;gap:0;animation:.35s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;overflow:hidden}.main-menu--exiting{-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--hole-r), black var(--hole-r));pointer-events:none;animation:1.2s ease-in-out both menuRevealOut}.main-menu__title{width:100%;font-size:var(--font-size-3xl);color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;text-align:center;background:var(--color-peach);border-bottom:var(--border-base) solid var(--color-brown);-webkit-text-stroke:.5px var(--color-brown);padding:20px 56px;font-weight:900}.best-score-label{font-size:var(--font-size-lg);color:var(--color-ink);text-align:center;background:var(--color-peach);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);cursor:default;padding:10px 22px;font-weight:800}.best-score-divider{background:var(--color-brown);opacity:.2;height:2px;margin:4px 0}.main-menu__actions{align-items:stretch;gap:var(--space-4);background:var(--color-sand);flex-direction:column;width:100%;padding:32px 48px;display:flex}.tutorial-overlay{z-index:var(--z-tutorial);pointer-events:all;font-family:var(--font-family);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--color-cream);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);flex-direction:column;width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);animation:.4s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;overflow:hidden}.tutorial-card__header{background:var(--color-peach);border-bottom:var(--border-base) solid var(--color-brown);flex-shrink:0;padding:20px 28px 16px}.tutorial-card__title{font-size:var(--font-size-3xl);color:var(--color-ink);letter-spacing:.06em;text-transform:uppercase;-webkit-text-stroke:.5px var(--color-brown);font-weight:900;line-height:1.1}.tutorial-card__tagline{font-size:var(--font-size-md);color:var(--color-ink-muted);margin-top:4px;font-weight:700}.tutorial-card__body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.tutorial-section__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-amber);-webkit-text-stroke:.2px var(--color-brown);margin-bottom:8px;font-weight:900}.tutorial-section__text{font-size:var(--font-size-lg);color:var(--color-ink);font-weight:600;line-height:1.55}.tutorial-controls{flex-direction:column;gap:8px;display:flex}.tutorial-control-row{background:var(--color-sand);border:var(--border-thin) solid var(--color-brown);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:9px 12px;display:flex}.tutorial-control-row__icon{font-size:var(--font-size-2xl);text-align:center;flex-shrink:0;width:28px;line-height:1}.tutorial-control-row__info{flex-direction:column;gap:1px;display:flex}.tutorial-control-row__name{font-size:var(--font-size-md);color:var(--color-ink);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.tutorial-control-row__desc{font-size:var(--font-size-sm);color:var(--color-ink-muted);font-weight:600;line-height:1.4}.tutorial-card__footer{border-top:var(--border-thin) solid var(--color-sand);flex-shrink:0;padding:16px 24px 20px}.bottom-right-controls{z-index:var(--z-panel);-webkit-user-select:none;user-select:none;flex-direction:row;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.bottom-right-controls__stack{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px;display:flex}.bottom-right-controls__speed-group{flex-direction:column;align-items:stretch;gap:8px;display:flex}.contract-overlay{z-index:var(--z-tutorial);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3d1f0a99;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.contract-card{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);width:min(480px,92vw);font-family:var(--font-family);color:var(--color-ink);animation:popIn .3s var(--ease-snap);overflow:hidden}.contract-card__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);text-align:center;padding:16px 20px 12px}.contract-card__round{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-muted);margin-bottom:2px;font-weight:700}.contract-card__title{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.06em;-webkit-text-stroke:.3px var(--color-brown);font-weight:900}.contract-card__subtitle{font-size:var(--font-size-sm);color:var(--color-ink-muted);margin-top:4px}.contract-card__body{padding:16px 20px}.contract-chain{align-items:stretch;gap:6px;display:flex}.contract-chain__slot{background:var(--color-cream);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);min-width:72px;box-shadow:3px 3px 0 var(--color-brown);transition:all .2s var(--ease-quick);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:10px 14px;display:flex}.contract-chain__name{font-size:var(--font-size-md);text-align:center;font-weight:800;line-height:1.2}.contract-chain__depot{font-size:var(--font-size-xs);color:var(--color-ink-dim);text-align:center;white-space:nowrap}.contract-chain--hud .contract-chain__slot{box-shadow:2px 2px 0 var(--color-brown);flex:auto;min-width:54px;padding:6px}.contract-chain--hud .contract-chain__name{font-size:var(--font-size-sm);white-space:nowrap}.contract-chain--hud .contract-chain__depot{font-size:var(--font-size-xs);text-overflow:ellipsis;max-width:100%;overflow:hidden}.contract-chain__slot--done{background:var(--color-success-fill);border-color:var(--color-success-stroke);box-shadow:2px 2px 0 var(--color-success-stroke)}.contract-chain__slot--done .contract-chain__name{opacity:.6;text-decoration:line-through}.contract-chain__slot--done .contract-chain__depot{opacity:.6}.contract-chain__slot--empty{background:var(--color-sand);box-shadow:none;opacity:.5;border-style:dashed}.contract-card__footer{padding:12px 20px 16px}.contract-hud{background:var(--surface-bg);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow-sm);font-family:var(--font-family);color:var(--color-ink);width:fit-content;min-width:300px}.contract-hud__body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.contract-hud__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-muted);font-weight:800}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.round-end-breakdown{flex-direction:column;gap:6px;display:flex}.round-end-row{font-size:var(--font-size-base);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.round-end-row--total{font-size:var(--font-size-lg);padding-top:8px;font-weight:800}.round-end-row--meta{font-size:var(--font-size-sm);color:var(--color-ink-muted)}.round-end-row__label{font-weight:600}.round-end-row__points{font-family:monospace;font-weight:700}.round-end-row__points--pos{color:var(--color-success-text)}.round-end-row__points--neg{color:var(--color-danger-text)}.round-end-row__value{font-family:monospace}.round-end-row__value--bold{font-weight:800;font-size:var(--font-size-lg);color:var(--color-ink)}.round-end-divider{background:var(--color-brown);opacity:.2;height:2px;margin:6px 0}.station-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all;background:#3d1f0a73;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.station-card{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);width:min(480px,92vw);font-family:var(--font-family);color:var(--color-ink);animation:popIn .25s var(--ease-snap);overflow:hidden}.station-card__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);text-align:center;padding:14px 20px 12px}.station-card__eyebrow{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-muted);margin-bottom:2px;font-weight:800}.station-card__name{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.06em;-webkit-text-stroke:.3px var(--color-brown);font-weight:900;line-height:1.1}.station-card__body{flex-direction:column;align-items:center;gap:12px;padding:14px 18px;display:flex}.station-train-bar{flex-direction:column;gap:5px;width:100%;display:flex}.station-train-bar__label{justify-content:space-between;align-items:center;display:flex}.station-train-bar__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:800}.station-train-bar__count{font-size:var(--font-size-md);color:var(--color-ink);font-family:monospace;font-weight:800}.station-train-bar__track{gap:4px;display:flex}.station-train-bar__slot{border-radius:var(--radius-full);border:2px solid var(--color-brown);background:var(--color-cream);height:8px;transition:background .2s var(--ease-quick);flex:1}.station-train-bar__slot--filled{background:var(--color-amber);border-color:var(--color-brown)}.station-train-bar__slot--full{background:var(--color-danger-stroke);border-color:var(--color-danger-stroke)}.station-section-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:800}.station-wagon-choices{flex-direction:column;align-items:center;gap:8px;display:flex}.station-wagon-btn{border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);background:var(--color-cream);color:var(--color-ink);font-family:var(--font-family);font-weight:700;font-size:var(--font-size-md);cursor:pointer;box-shadow:3px 3px 0 var(--color-brown);transition:all var(--duration-snap) var(--ease-quick);text-align:left;align-items:center;gap:12px;padding:10px 14px;display:flex}.station-wagon-btn:hover:not(:disabled){background:var(--color-sand);box-shadow:4px 4px 0 var(--color-brown);transform:translate(-1px,-1px)}.station-wagon-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--color-brown);transform:translate(2px,2px)}.station-wagon-btn--picked{background:var(--color-success-fill);border-color:var(--color-success-stroke);box-shadow:3px 3px 0 var(--color-success-stroke);color:var(--color-success-text)}.station-wagon-btn--locked{opacity:.4;cursor:default;box-shadow:2px 2px 0 var(--color-brown)}.station-wagon-btn--full{opacity:.5;cursor:not-allowed;box-shadow:2px 2px 0 var(--color-brown)}.station-wagon-btn__icon{font-size:var(--font-size-2xl);flex-shrink:0;line-height:1}.station-wagon-btn__info{flex-direction:column;flex:1;gap:1px;display:flex}.station-wagon-btn__name{font-weight:800;font-size:var(--font-size-md);line-height:1.2}.station-wagon-btn__badge{font-size:var(--font-size-sm);border-radius:var(--radius-full);background:var(--color-amber);color:#fff;border:2px solid var(--color-brown);flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-weight:800;display:inline-flex}.station-wagon-btn--picked .station-wagon-btn__badge{background:var(--color-success-stroke);border-color:var(--color-success-stroke)}.station-wagon-btn--locked .station-wagon-btn__badge,.station-wagon-btn--full .station-wagon-btn__badge{background:var(--color-sand);color:var(--color-ink-muted);border-color:var(--color-brown)}.station-empty{text-align:center;font-size:var(--font-size-base);color:var(--color-ink-dim);padding:10px 0 4px;font-weight:600}.station-card__footer{flex-direction:column;align-items:center;gap:8px;padding:4px 18px 16px;display:flex}.station-btn-centered{width:50%}.pause-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;font-family:var(--font-family);background:#3d1f0a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pause-card{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);width:min(340px,88vw);animation:popIn .25s var(--ease-snap);overflow:hidden}.pause-card__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);text-align:center;padding:18px 20px 14px}.pause-card__title{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);-webkit-text-stroke:.3px var(--color-brown);font-weight:900}.pause-card__body{flex-direction:column;align-items:stretch;gap:12px;padding:24px 32px 28px;display:flex}.pause-btn{z-index:var(--z-hud);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-xl);background:var(--surface-bg);width:40px;height:40px;color:var(--color-ink);cursor:pointer;box-shadow:var(--surface-shadow-sm);transition:background var(--duration-snap) var(--ease-quick), box-shadow var(--duration-snap) var(--ease-quick), transform var(--duration-snap) var(--ease-snap);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;top:12px;left:12px}.pause-btn:hover{background:var(--color-sand);box-shadow:var(--surface-shadow);transform:translate(-1px,-1px)}.pause-btn:active{background:var(--color-peach);box-shadow:var(--btn-shadow-press);transform:translate(2px,2px)}.sound-menu{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);width:min(380px,88vw);animation:popIn .25s var(--ease-snap);overflow:hidden}.sound-menu__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);text-align:center;padding:18px 20px 14px}.sound-menu__title{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);-webkit-text-stroke:.3px var(--color-brown);font-weight:900}.sound-menu__body{flex-direction:column;gap:18px;padding:24px 28px 28px;display:flex}.sound-menu__row{flex-direction:column;gap:8px;display:flex}.sound-menu__label{font-size:var(--font-size-base);color:var(--color-ink);letter-spacing:.02em;font-weight:700}.sound-menu__controls{align-items:center;gap:10px;display:flex}.sound-menu__slider{appearance:none;background:var(--color-sand);border:1.5px solid var(--color-brown);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.sound-menu__slider::-webkit-slider-thumb{appearance:none;background:var(--color-cream);border:2.5px solid var(--color-brown);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 4px #00000026}.sound-menu__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.sound-menu__slider::-moz-range-thumb{background:var(--color-cream);border:2.5px solid var(--color-brown);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #00000026}.sound-menu__value{min-width:40px;font-size:var(--font-size-sm);color:var(--color-ink);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.sound-menu__mute-btn{border:2px solid var(--color-brown);border-radius:var(--radius-lg);background:var(--surface-bg);width:34px;height:34px;color:var(--color-ink);cursor:pointer;transition:background var(--duration-snap) ease, transform var(--duration-snap) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sound-menu__mute-btn:hover{background:var(--color-sand);transform:scale(1.05)}.sound-menu__mute-btn:active{background:var(--color-peach);transform:scale(.95)}.sound-menu__mute-btn--muted{background:var(--color-peach);color:var(--color-brown)}.credits-menu{background:var(--surface-bg);border:var(--border-bold) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow-lg);width:min(420px,90vw);animation:popIn .25s var(--ease-snap);overflow:hidden}.credits-menu__header{background:var(--color-peach);border-bottom:3px solid var(--color-brown);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 24px 16px;display:flex}.credits-menu__title{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);-webkit-text-stroke:.3px var(--color-brown);font-weight:900}.credits-menu__subtitle{font-size:var(--font-size-sm);color:var(--color-brown);align-items:center;gap:4px;font-weight:600;display:flex}.credits-menu__heart{color:var(--color-elevation);animation:1.2s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.credits-menu__body{flex-direction:column;gap:14px;max-height:60vh;padding:20px 24px 24px;display:flex;overflow-y:auto}.credits-menu__group-header{margin-bottom:8px}.credits-menu__badge{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);border:2px solid;padding:4px 12px;font-weight:800;display:inline-block}.credits-menu__badge--amber{background:var(--color-sand);border-color:var(--color-amber);color:var(--color-brown)}.credits-menu__badge--green{background:var(--color-success-fill);border-color:var(--color-success-stroke);color:var(--color-success-text)}.credits-menu__badge--purple{background:var(--color-back-fill);border-color:var(--color-back-stroke);color:var(--color-back-text)}.credits-menu__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.credits-menu__item{background:var(--color-cream);border:2px solid var(--color-brown);border-radius:var(--radius-xl);transition:transform var(--duration-snap) ease, box-shadow var(--duration-snap) ease;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.credits-menu__item:hover{box-shadow:2px 2px 0 var(--color-brown);transform:translate(3px)}.credits-menu__item-name{font-size:var(--font-size-base);color:var(--color-ink);font-weight:700}.credits-menu__link{border:2px solid var(--color-brown);border-radius:var(--radius-lg);background:var(--surface-bg);width:28px;height:28px;color:var(--color-ink);cursor:pointer;transition:background var(--duration-snap) ease, transform var(--duration-snap) ease, box-shadow var(--duration-snap) ease;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.credits-menu__link:hover{background:var(--color-peach);box-shadow:2px 2px 0 var(--color-brown);transform:scale(1.12)}.credits-menu__link:active{background:var(--color-amber);box-shadow:none;transform:scale(.92)}@keyframes deliveryPopupAnim{0%{opacity:0;transform:translateY(20px)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.3)}40%{opacity:1;transform:translateY(-12px)scale(1.05)}to{opacity:0;transform:translateY(-70px)scale(.85)}}@keyframes scoreBump{0%{opacity:.7;transform:scale(1.6)}45%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderUnderline{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loaderHexScroll{0%{background-position:0 0}to{background-position:123px 71.01px}}@property --hole-r{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes menuRevealOut{0%{--hole-r:0%}55%{--hole-r:160%}70%{--hole-r:140%}to{--hole-r:160%}}@keyframes wobble{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}to{transform:rotate(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-ink);background:var(--color-cream);overflow:hidden}.small-screen-gate{z-index:99999;justify-content:center;align-items:center;gap:var(--space-7);background:var(--color-cream);font-family:var(--font-family);color:var(--color-ink);text-align:center;padding:var(--space-9);flex-direction:column;display:none;position:fixed;inset:0}.small-screen-gate__card{background:var(--surface-bg);border:var(--border-base) solid var(--color-brown);border-radius:var(--radius-4xl);box-shadow:var(--surface-shadow);width:90%;max-width:420px;overflow:hidden}.small-screen-gate__title{font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);background:var(--color-peach);border-bottom:3px solid var(--color-brown);-webkit-text-stroke:.3px var(--color-brown);padding:13px 18px 10px;font-weight:900}.small-screen-gate__text{font-size:var(--font-size-md);color:var(--color-ink);padding:20px 24px 28px;font-weight:600;line-height:1.6}@media (pointer:coarse) and (width<=767px){.small-screen-gate{display:flex}#root{display:none!important}}