*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#scene{background:#dff1fb;width:100vw;height:100dvh;display:block}#ui{pointer-events:none;position:fixed;inset:0}:root{--tb-size:76px;--tb-new-size:64px;--tb-edge:18px;--tb-green:#2e9e4f;--tb-orange:#e8862e;--tb-violet:#7b5bd6;--tb-blue:#2f7fb8;--tb-teal:#2f9e8f;--tb-gold:#d9922e}@media (width>=768px){:root{--tb-size:88px;--tb-edge:28px}}.tb{pointer-events:auto;width:var(--tb-size);height:var(--tb-size);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:4px solid;border-radius:50%;place-items:center;padding:0;transition:transform .12s ease-out,background-color .12s ease-out;display:grid;position:absolute;box-shadow:0 6px 16px #122c4238}.tb:active{transform:scale(.9)}.tb:focus-visible{outline-offset:3px;outline:3px solid #1b3b57}.tb-ico{width:58%;height:58%;display:block}.tb-play{color:var(--tb-green);right:calc(var(--tb-edge) + env(safe-area-inset-right,0px));bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px))}.tb-play[data-playing=false] .tb-ico-pause,.tb-play[data-playing=true] .tb-ico-play{display:none}.tb-tool{color:var(--tb-orange);left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px))}.tb-tool[data-tool=brush] .tb-ico-eraser,.tb-tool[data-tool=brush] .tb-ico-move,.tb-tool[data-tool=eraser] .tb-ico-brush,.tb-tool[data-tool=eraser] .tb-ico-move,.tb-tool[data-tool=move] .tb-ico-brush,.tb-tool[data-tool=move] .tb-ico-eraser{display:none}.tb-tool[data-tool=eraser]{background:#fde3c6}.tb-tool[data-tool=move]{background:#d9edfb}.tb-net{color:#8a5a34;left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));bottom:calc(var(--tb-edge) + var(--tb-size) + 12px + env(safe-area-inset-bottom,0px))}.tb-net .tb-ico{width:62%;height:62%}.tb-net[data-net=road]{color:#55606e}.tb-net[data-net=rail] .tb-ico-net-road,.tb-net[data-net=road] .tb-ico-net-rail{display:none}.tb-menu{color:var(--tb-violet);width:var(--tb-new-size);height:var(--tb-new-size);right:calc(var(--tb-edge) + env(safe-area-inset-right,0px));top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));background:#ffffffd1;border-width:3px;box-shadow:0 4px 12px #122c422e}.tb-menu .tb-ico{width:62%;height:62%}.tb-menu[data-open=true]{background:#efe9ff}.tb-panel{pointer-events:none;visibility:hidden;right:calc(var(--tb-edge) + env(safe-area-inset-right,0px));top:calc(var(--tb-edge) + var(--tb-new-size) + 12px + env(safe-area-inset-top,0px));opacity:0;flex-direction:column;gap:12px;display:flex;position:absolute;transform:translateY(-8px)}.tb-panel[data-open=true]{pointer-events:auto;visibility:visible;opacity:1;transition:opacity .14s ease-out,transform .14s ease-out;transform:none}.tb-panel .tb{width:var(--tb-new-size);height:var(--tb-new-size);background:#ffffffd1;border-width:3px;position:relative;box-shadow:0 4px 12px #122c422e}.tb-new{color:var(--tb-violet)}.tb-new .tb-ico{width:60%;height:60%}.tb-follow{color:var(--tb-green);left:50%;bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px));transition:background-color .12s ease-out}.tb-follow-train{margin-left:calc(var(--tb-size) * -1 - 6px)}.tb-follow-car{margin-left:6px}.tb-follow .tb-ico{width:64%;height:64%}.tb-follow[data-on=true]{background:#d8f3de}.tb-car{color:var(--tb-teal);width:var(--tb-new-size);height:var(--tb-new-size);left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));background:#ffffffd1;border-width:3px;transition:transform .12s ease-out,opacity .14s ease-out;box-shadow:0 4px 12px #122c422e}.tb-car-add{top:calc(var(--tb-edge) + env(safe-area-inset-top,0px))}.tb-car-del{top:calc(var(--tb-edge) + var(--tb-new-size) + 12px + env(safe-area-inset-top,0px))}.tb-car .tb-ico{width:66%;height:66%}.tb-car[data-on=false]{opacity:.3;pointer-events:none}.tb-car[data-mode=train] .tb-ico-bus-add,.tb-car[data-mode=train] .tb-ico-bus-del,.tb-car[data-mode=bus] .tb-ico-car-add,.tb-car[data-mode=bus] .tb-ico-car-del{display:none}.tb-light{color:var(--tb-gold);width:var(--tb-new-size);height:var(--tb-new-size);left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));top:calc(var(--tb-edge) + 2 * (var(--tb-new-size) + 12px) + env(safe-area-inset-top,0px));background:#ffffffd1;border-width:3px;box-shadow:0 4px 12px #122c422e}.tb-light .tb-ico{width:64%;height:64%}.tb-light[data-mode=dia] .tb-ico-moon,.tb-light[data-mode=dia] .tb-ico-cycle,.tb-light[data-mode=noche] .tb-ico-sun,.tb-light[data-mode=noche] .tb-ico-cycle,.tb-light[data-mode=cambiante] .tb-ico-sun,.tb-light[data-mode=cambiante] .tb-ico-moon{display:none}.tb-light[data-mode=noche]{background:#dfdcf6}.tb-light[data-mode=cambiante]{background:#fdeec6}.tb-weather{color:var(--tb-blue);width:var(--tb-new-size);height:var(--tb-new-size);left:calc(var(--tb-edge) + env(safe-area-inset-left,0px));top:calc(var(--tb-edge) + 3 * (var(--tb-new-size) + 12px) + env(safe-area-inset-top,0px));background:#ffffffd1;border-width:3px;box-shadow:0 4px 12px #122c422e}.tb-weather .tb-ico{width:64%;height:64%}.tb-weather:not([data-mode=soleado]) .tb-ico-w-sun,.tb-weather:not([data-mode=lluvia]) .tb-ico-w-rain,.tb-weather:not([data-mode=tormenta]) .tb-ico-w-storm,.tb-weather:not([data-mode=nieve]) .tb-ico-w-snow,.tb-weather:not([data-mode=azar]) .tb-ico-w-auto{display:none}.tb-weather[data-mode=soleado]{color:var(--tb-gold)}.tb-weather[data-mode=lluvia]{background:#d9e9f6}.tb-weather[data-mode=tormenta]{color:#4f5a86;background:#dcdcec}.tb-weather[data-mode=nieve]{color:#5a9fd0;background:#f1f8fd}.tb-weather[data-mode=azar]{background:#e6f2fb}.tb-view{color:var(--tb-blue)}.tb-view .tb-ico{width:62%;height:62%}.tb-view[data-shown=false]{opacity:.35;pointer-events:none}.tb-site{color:#c9741a}.tb-site .tb-ico{width:64%;height:64%}.tb-site[data-shown=false]{opacity:.35;pointer-events:none}.tb-ring{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .12s ease-out;position:absolute;inset:0}.tb-new.is-holding{background:#efe9ff}.tb-new.is-holding .tb-ring{opacity:1}.tb-new.is-burst{animation:.6s ease-out tb-burst}@keyframes tb-burst{0%{transform:scale(.9)rotate(0)}35%{transform:scale(1.22)rotate(14deg)}70%{transform:scale(.98)rotate(-6deg)}to{transform:scale(1)rotate(0)}}@media (orientation:landscape) and (height<=500px) and (width>=568px){.tb-panel{top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));right:calc(var(--tb-edge) + var(--tb-new-size) + 12px + env(safe-area-inset-right,0px));flex-direction:row-reverse;transform:translate(8px)}.tb-car-del{top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));left:calc(var(--tb-edge) + var(--tb-new-size) + 12px + env(safe-area-inset-left,0px))}.tb-light{top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));left:calc(var(--tb-edge) + 2 * (var(--tb-new-size) + 12px) + env(safe-area-inset-left,0px))}.tb-weather{top:calc(var(--tb-edge) + env(safe-area-inset-top,0px));left:calc(var(--tb-edge) + 3 * (var(--tb-new-size) + 12px) + env(safe-area-inset-left,0px))}.tb-net{bottom:calc(var(--tb-edge) + env(safe-area-inset-bottom,0px));left:calc(var(--tb-edge) + var(--tb-size) + 12px + env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:reduce){.tb,.tb-view[data-shown=true]{transition:none}.tb-new.is-burst{animation:none}}