:root{--color-sky:#7ec8f2;--color-sky-deep:#2f7fc1;--color-ground:#6fb34a;--color-surface:#fffaf0e0;--color-surface-strong:#fffbf4f5;--color-text:#1d3557;--color-text-muted:#4a6080;--color-border:#a9c9e8;--color-accent:#ffc83d;--color-success:#2f9e55;--color-warning:#ff9f1c;--color-warning-text:#8a4300;--color-danger:#ff4d4d;--color-danger-text:#a8202a;--color-focus:#1f6fd1;--color-text-on-accent:#1d2b3a;--color-backdrop:#d6ecfc73;--color-title-outline:#1d4f8a;--shadow-soft:0 6px 18px #1d35572e;--font-display:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-s:.875rem;--text-m:1rem;--text-l:1.375rem;--text-xl:2rem;--text-xxl:3rem;--text-bernie:1.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-s:.5rem;--radius-m:1rem;--radius-round:999px;--touch-min:44px;--hud-safe-top:max(var(--space-4), env(safe-area-inset-top));--hud-safe-bottom:max(var(--space-4), env(safe-area-inset-bottom));--hud-safe-left:max(var(--space-4), env(safe-area-inset-left));--hud-safe-right:max(var(--space-4), env(safe-area-inset-right));--duration-fast:.15s;--duration-normal:.3s;--color-sand:#cdb983;--color-terrain-grass:#74ad42;--color-terrain-meadow:#5f9a37;--color-terrain-forest:#3d7330;--color-terrain-rock:#8b7f70;--color-snow:#f3f5f8;--color-field-1:#c9b545;--color-field-2:#8fbf4a;--color-field-3:#9a7650;--color-field-4:#5e9e3c;--color-field-5:#b5c255;--color-field-6:#d2a64a;--color-water:#3f86c9;--color-water-glow:#0d2a4a;--color-sky-top:#3d8be0;--color-sky-horizon:#cfe6f7;--color-sun-light:#fff3dd;--color-sun-halo:#fff2cc;--color-hemi-sky:#dbeeff;--color-hemi-ground:#5b7a3a;--color-cloud:#fff;--color-cloud-glow:#9aa7b4;--color-tree-conifer:#2f6b34;--color-tree-broadleaf:#4f8f35;--color-trunk:#6b4a2f;--color-house-wall-1:#f4efe4;--color-house-wall-2:#f2e2b8;--color-house-wall-3:#eed2c4;--color-house-wall-4:#dfe7ee;--color-house-wall-5:#f7f3d9;--color-house-roof-1:#a8432f;--color-house-roof-2:#8c3a2b;--color-house-roof-3:#5b5f66;--color-house-roof-4:#c4622d;--color-street:#9a9ea5;--color-ballast:#c9c2b4;--color-sleeper:#7a5a3c;--color-rail:#8f949b;--color-rail-tongue:#c3c8ce;--color-bridge:#e0574a;--color-stone:#b9ad9a;--color-tunnel:#2a2622;--color-buffer-red:#d8342c;--color-buffer-white:#f5f5f0;--color-platform:#d9d4c7;--color-station-wall:#f4efe4;--color-station-roof:#2f86c9;--color-sign-plate:#fdfcf8;--color-sign-text:#1d3557;--color-stop-mark:#ffc83d;--color-barn-wall:#9c4a32;--color-barn-roof:#b3332a;--color-skin:#f1c7a1;--color-person-1:#e63946;--color-person-2:#2a9d8f;--color-person-3:#f4a261;--color-person-4:#457b9d;--color-person-5:#8e5bd6;--color-person-6:#ffb703;--color-train-body:#f7f8f8;--color-train-nose:#ffc83d;--color-train-stripe:#2f6fd1;--color-train-window:#233041;--color-train-door:#8fb3d9;--color-train-lamp:#fff6d8;--color-sign-red:#d8342c;--color-sign-white:#fff;--color-arrow:#1f6fd1;--color-arrow-active:#4fb3ff;--color-brake:#d8342c;--color-brake-glow:#ff6b5e;--color-text-on-danger:#fff;--color-gauge-green:#2f9e55;--color-gauge-orange:#ff9f1c;--color-gauge-red:#ff4d4d;--color-bernie-cap:#1f4f8f;--color-bernie-overalls:#2f6fd1;--color-bernie-shirt:#e63946;--color-preview:#4fb3ff;--color-preview-blocked:#ff4d4d;--color-marker:#ff4d4d;--color-build-train:#ffc83d;--color-test-train:#2f86c9;--color-grid:#ffffff73;--color-grid-border:#ffc83d}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--color-sky);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-m);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;line-height:1.4}.app{place-items:center;height:100dvh;display:grid;position:fixed;inset:0}.app__placeholder{padding:var(--space-4) var(--space-8);border:2px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface-strong);box-shadow:var(--shadow-soft);color:var(--color-text);font:700 var(--text-xl) var(--font-display);margin:0}.app__debug{right:var(--hud-safe-right);bottom:var(--hud-safe-bottom);z-index:60;padding:var(--space-1) var(--space-2);border-radius:var(--radius-s);background:var(--color-surface-strong);color:var(--color-text);font:var(--text-s) var(--font-mono);pointer-events:none;position:fixed}.app__canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;min-width:var(--touch-min);min-height:var(--touch-min);touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.drive{pointer-events:none;font-family:var(--font-body);color:var(--color-text);position:absolute;inset:0}.drive button{pointer-events:auto;touch-action:manipulation;min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;color:var(--color-text);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);cursor:pointer;font-weight:600}.drive button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.drive button:disabled{opacity:.5;cursor:default}.drive__top{top:var(--hud-safe-top);left:var(--hud-safe-left);right:var(--hud-safe-right);height:calc(var(--drive-top) - var(--space-4));justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:absolute}.drive__top-left,.drive__top-right{align-items:center;gap:var(--space-2);display:flex}.drive__name{padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-l);background:var(--color-surface);border-radius:var(--radius-round);font-weight:800}.drive__station{padding:var(--space-2) var(--space-6);font-size:var(--text-l);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);white-space:nowrap;font-weight:700}.drive__btn{min-width:52px;height:52px;font-size:var(--text-l)}.drive__btn--on{background:var(--color-accent);border-color:var(--color-accent)}.drive__btn--highlight:not(:disabled){background:var(--color-accent);border-color:var(--color-warning);color:var(--color-text-on-accent)}.drive__sketch-box{left:var(--hud-safe-left);top:calc(var(--drive-top) + var(--space-8));width:calc(var(--drive-left) - 2 * var(--space-4));padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);position:absolute}.drive__sketch{width:100%;height:auto;display:block}.drive__sketch-line{fill:none;stroke:var(--color-text);stroke-width:4px;stroke-linecap:round}.drive__sketch-line--off{stroke:var(--color-text-muted);stroke-width:2px;stroke-dasharray:4 4}.drive__sketch-station{fill:var(--color-station-roof);stroke:var(--color-surface-strong);stroke-width:2px}.drive__sketch-train{fill:var(--color-danger);stroke:var(--color-surface-strong);stroke-width:1.5px}.drive__arrow{width:84px;height:84px;font-size:var(--text-xxl);color:var(--color-arrow);border-color:var(--color-arrow);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.drive__arrow--left{left:calc(var(--drive-left) + var(--space-4))}.drive__arrow--right{right:calc(var(--drive-right) + var(--space-4))}.drive .drive__arrow--set{background:var(--color-arrow-active);color:var(--color-text-on-accent)}.drive__lever-box{right:var(--hud-safe-right);top:calc(var(--drive-top) + var(--space-4));bottom:calc(var(--drive-bottom) + var(--space-4));width:calc(var(--drive-right) - var(--space-6));align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.drive__lever-title,.drive__lever-value{padding:2px var(--space-2);background:var(--color-surface);border-radius:var(--radius-s);font-weight:700}.drive__lever{pointer-events:auto;touch-action:none;background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-round);width:72px;min-height:300px;box-shadow:var(--shadow-soft);cursor:ns-resize;flex:1;position:relative}.drive__knob{background:var(--color-accent);border-radius:var(--radius-round);height:44px;position:absolute;bottom:0;left:6px;right:6px}.drive__bottom{left:var(--hud-safe-left);right:calc(var(--drive-right) + var(--space-4));bottom:var(--hud-safe-bottom);height:calc(var(--drive-bottom) - var(--space-4));align-items:center;gap:var(--space-6);display:flex;position:absolute}.drive__tacho{width:160px;height:120px;padding:var(--space-1);background:var(--color-surface);border-radius:var(--radius-m)}.drive__arc{fill:none;stroke-width:9px}.drive__arc--green{stroke:var(--color-gauge-green)}.drive__arc--orange{stroke:var(--color-gauge-orange)}.drive__arc--red{stroke:var(--color-gauge-red)}.drive__needle{stroke:var(--color-text);stroke-width:4px;stroke-linecap:round}.drive__limit{stroke:var(--color-sign-red);stroke-width:5px}.drive__speed{text-anchor:middle;fill:var(--color-text);font-size:18px;font-weight:800}.drive .drive__brake{width:96px;height:96px;color:var(--color-text-on-danger);background:var(--color-brake);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);touch-action:none;border:none;border-radius:0;margin-left:auto;font-weight:900}.drive .drive__brake--on{background:var(--color-brake-glow)}.drive__actions{gap:var(--space-2);margin-right:auto;display:flex}.drive__wide{padding:0 var(--space-4);font-size:var(--text-m)}.menu{z-index:30;pointer-events:none;font-family:var(--font-body);color:var(--color-text);place-items:center;display:grid;position:absolute;inset:0}.menu>*{pointer-events:auto}.menu--backdrop{background:var(--color-backdrop);pointer-events:auto}.menu__btn{min-width:var(--touch-min);min-height:52px;padding:0 var(--space-6);font:600 var(--text-m) var(--font-body);color:var(--color-text);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation}.menu__btn:focus-visible{outline:4px solid var(--color-focus);outline-offset:2px}.menu__btn--main{color:var(--color-text-on-accent);background:var(--color-accent);border-color:var(--color-accent);font-weight:800}.menu__btn--big{min-height:72px;padding:0 var(--space-8);font-family:var(--font-display);font-size:var(--text-xl)}.menu__btn--danger{color:var(--color-danger-text);border-color:var(--color-danger)}.menu__start{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.menu__title{font-family:var(--font-display);font-size:var(--text-xxl);color:var(--color-surface-strong);-webkit-text-stroke:2px var(--color-title-outline);paint-order:stroke fill;text-shadow:0 4px 0 var(--color-title-outline);margin:0}.menu__panel{gap:var(--space-3);max-width:min(92vw,1100px);max-height:92dvh;padding:var(--space-6);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:auto}.menu__head{align-items:center;gap:var(--space-4);display:flex}.menu__heading{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.menu__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));min-width:min(86vw,960px);display:grid}.menu__tile{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-m);flex-direction:column;display:flex}.menu__tile--new{min-height:200px;font-size:var(--text-l);border-style:dashed}.menu__tile-main{align-items:stretch;gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.menu__tile-name{font-weight:800}.menu__tile-state{font-size:var(--text-s);color:var(--color-text-muted)}.menu__tile-tools{gap:var(--space-2);display:flex}.menu__icon{padding:0 var(--space-3)}.preview{border-radius:var(--radius-s);width:100%;height:auto}.preview__land{fill:var(--color-terrain-grass)}.preview__river{fill:none;stroke:var(--color-water);stroke-width:50px}.preview__mountain{fill:var(--color-terrain-rock)}.preview__track{fill:none;stroke:var(--color-text);stroke-width:40px;stroke-linejoin:round}.menu__help-part{overflow-x:auto}.menu__help-table{border-collapse:collapse;width:100%;font-size:var(--text-s)}.menu__help-table th,.menu__help-table td{padding:var(--space-1) var(--space-2);text-align:left;border-bottom:1px solid var(--color-border)}.menu__pause{align-items:stretch;min-width:300px}.menu__dialog{min-width:320px;position:absolute}.menu__input{min-height:52px;padding:0 var(--space-3);font:inherit;font-size:var(--text-l);color:var(--color-text);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-s);-webkit-user-select:text;user-select:text}.menu__message{text-align:center;align-items:center;max-width:560px}.menu__icon-big{font-size:var(--text-xxl)}.menu__text{font-size:var(--text-l);margin:0}.menu__portrait{z-index:50;place-content:center;gap:var(--space-4);text-align:center;background:var(--color-surface-strong);display:grid;position:fixed;inset:0}.menu__rotate{font-size:4rem}.bernie{z-index:25;align-items:flex-end;gap:var(--space-2);pointer-events:none;max-width:420px;display:flex;position:absolute}.bernie--planner{left:var(--hud-safe-left);bottom:150px}.bernie--drive{top:96px;left:230px}.bernie--menu{left:var(--hud-safe-left);bottom:var(--hud-safe-bottom)}.bernie__figure{flex:none;width:72px;height:90px}.bernie__bubble{min-height:var(--touch-min);padding:var(--space-3) var(--space-4);font:600 var(--text-bernie) var(--font-body);text-align:left;color:var(--color-text);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);pointer-events:auto;cursor:pointer}.bernie__overalls{fill:var(--color-bernie-overalls)}.bernie__shirt{fill:var(--color-bernie-shirt)}.bernie__face{fill:var(--color-skin)}.bernie__eye{fill:var(--color-text)}.bernie__smile{fill:none;stroke:var(--color-text);stroke-width:2px}.bernie__cap{fill:var(--color-bernie-cap)}.bernie__badge{fill:var(--color-accent)}.planner{pointer-events:none;font-family:var(--font-body);color:var(--color-text);position:absolute;inset:0}.planner button{pointer-events:auto;touch-action:manipulation;min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;color:var(--color-text);background:var(--color-surface-strong);border:2px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);cursor:pointer}.planner button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.planner button:disabled{opacity:.55;cursor:default}.planner__top{top:var(--hud-safe-top);left:var(--hud-safe-left);right:var(--hud-safe-right);align-items:center;gap:var(--space-4);display:flex;position:absolute}.planner__back{padding:0 var(--space-4);font-weight:600}.planner__name{padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-l);background:var(--color-surface);border-radius:var(--radius-round);margin:0}.planner__zoom{gap:var(--space-2);margin-left:auto;display:flex}.planner__zoom-btn{width:52px;height:52px;font-size:var(--text-xl);line-height:1}.planner__bottom{left:var(--hud-safe-left);right:var(--hud-safe-right);bottom:var(--hud-safe-bottom);align-items:flex-end;gap:var(--space-4);display:flex;position:absolute}.planner__palette{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);pointer-events:auto;touch-action:none;flex-wrap:nowrap;display:flex}.planner__palette--locked{opacity:.55}.planner__piece{width:76px;min-height:92px;padding:var(--space-1);touch-action:none;flex-direction:column;align-items:center;gap:2px;display:flex}.planner__piece-label{text-align:center;font-size:.75rem;line-height:1.1}.piece-icon{width:64px;height:64px}.piece-icon__cell{fill:var(--color-terrain-grass);stroke:var(--color-surface-strong);stroke-width:3px}.piece-icon__bed{fill:none;stroke:var(--color-ballast);stroke-width:22px;stroke-linecap:butt}.piece-icon__bridge{fill:none;stroke:var(--color-bridge);stroke-width:26px}.piece-icon__tunnel{fill:none;stroke:var(--color-stone);stroke-width:30px}.piece-icon__rail{fill:none;stroke:var(--color-sleeper);stroke-width:7px}.piece-icon__buffer{fill:var(--color-buffer-red)}.piece-icon__platform{fill:var(--color-platform);stroke:var(--color-station-roof);stroke-width:4px}.planner__main{min-width:180px;min-height:72px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-l);margin-left:auto;font-weight:700}.planner .planner__main:not(:disabled){background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.planner__selection{gap:var(--space-2);display:flex;position:absolute;transform:translate(-50%,-150%)}.planner__sel-btn{padding:0 var(--space-3);font-weight:600}.planner__sel-btn--danger{color:var(--color-danger-text)}.planner__markers{position:absolute;inset:0}.planner__marker{width:32px;height:32px;font-weight:800;font-size:var(--text-l);color:var(--color-text-on-accent);background:var(--color-marker);border-radius:var(--radius-round);box-shadow:var(--shadow-soft);place-items:center;margin:-46px 0 0 -16px;animation:.9s ease-in-out infinite alternate planner-blink;display:grid;position:absolute}@keyframes planner-blink{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.planner__marker{animation:none}}