.canvas-wrapper[data-v-99131e9a]{position:absolute;top:0;left:0;width:100vw;height:100vh}.tool-palette[data-v-b31f350d]{display:flex;gap:20px}.drawer-content-section[data-v-b31f350d]{padding:10px}.tool-grid[data-v-b31f350d]{display:grid;grid-template-columns:1fr 1fr;gap:15px;justify-items:center}.tool-item[data-v-b31f350d]{width:80px;height:80px;background:#ff80ab;border:3px solid white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #c51162;transition:transform .1s;touch-action:none;color:#fff}.tool-item[data-v-b31f350d]:nth-child(2n){background:#448aff;box-shadow:0 4px #2962ff}.tool-item[data-v-b31f350d]:active{transform:translateY(4px);box-shadow:0 0 #0003}.tool-icon[data-v-b31f350d]{display:flex;align-items:center;justify-content:center}.tool-icon .material-icons[data-v-b31f350d]{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.controls[data-v-3aee15b8]{display:flex;align-items:center;gap:20px}.controls-section[data-v-3aee15b8]{display:flex;align-items:center;gap:15px}.trash-can[data-v-3aee15b8]{width:80px;height:80px;background:#ffebee;border:3px dashed #ff1744;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d50000;transition:all .2s;cursor:pointer}.trash-can.is-over[data-v-3aee15b8]{background:#ffcdd2;transform:scale(1.1);border-style:solid}.trash-icon span[data-v-3aee15b8]{font-size:3rem}.clear-btn[data-v-3aee15b8]{width:80px;height:80px;background:#d50000;border:3px solid #ff8a80;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px #b71c1c}.clear-btn[data-v-3aee15b8]:active{transform:translateY(4px);box-shadow:0 0 #b71c1c}.clear-icon span[data-v-3aee15b8]{font-size:3rem}.action-group[data-v-3aee15b8]{display:flex;gap:15px}.action-btn[data-v-3aee15b8]{width:80px;height:80px;background:#00e5ff;border:3px solid white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#006064;cursor:pointer;transition:all .2s;box-shadow:0 4px #0097a7}.action-btn[data-v-3aee15b8]:nth-child(2){background:#76ff03;color:#1b5e20;box-shadow:0 4px #33691e}.action-btn[data-v-3aee15b8]:nth-child(3){background:#d500f9;color:#fff;box-shadow:0 4px #7b1fa2}.action-btn[data-v-3aee15b8]:active{transform:translateY(4px);box-shadow:0 0 #0003}.action-icon[data-v-3aee15b8]{font-size:2rem;display:flex;align-items:center;justify-content:center}.action-icon .material-icons[data-v-3aee15b8]{font-size:3rem}.controls[data-v-353da5f2]{display:flex;align-items:center;gap:20px}.controls-section[data-v-353da5f2]{display:flex;align-items:center;gap:15px}.switch-group[data-v-353da5f2]{display:flex;flex-direction:column;align-items:center;gap:5px}.direction-btn[data-v-353da5f2]{width:80px;height:80px;border-radius:50%;border:3px solid white;background:#ffea00;color:#3e2723;font-weight:700;font-size:1.5rem;cursor:pointer;box-shadow:0 4px #f57f17;transition:all .2s;display:flex;align-items:center;justify-content:center}.direction-btn.is-reverse[data-v-353da5f2]{background:#ff9100}.direction-btn[data-v-353da5f2]:active{transform:translateY(4px);box-shadow:0 0 #f57f17}.direction-btn .material-icons[data-v-353da5f2]{font-size:3rem}.play-btn[data-v-353da5f2]{width:80px;height:80px;border-radius:50%;border:4px solid white;background:#00e676;color:#1b5e20;font-weight:700;font-size:1.2rem;cursor:pointer;box-shadow:0 4px #33691e;transition:all .2s;display:flex;align-items:center;justify-content:center}.play-btn.is-running[data-v-353da5f2]{background:#ff1744;color:#fff;box-shadow:0 4px #b71c1c}.play-btn[data-v-353da5f2]:active{transform:translateY(4px);box-shadow:0 0 #0003}.play-btn .material-icons[data-v-353da5f2]{font-size:3.5rem;color:#fff}.tracks-container[data-v-e80634aa]{padding:20px;height:100%;overflow-y:auto}.section[data-v-e80634aa]{margin-bottom:40px}.section-title[data-v-e80634aa]{color:#5d4037;border-bottom:2px solid rgba(93,64,55,.2);padding-bottom:10px;margin-bottom:20px;font-size:1.5rem;font-weight:700}.track-list[data-v-e80634aa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.track-card[data-v-e80634aa]{background:#fff;border:4px solid #8d6e63;border-radius:20px;padding:20px;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 4px #8d6e6366}.track-card.custom-track[data-v-e80634aa]{background:#fff9c4;border-color:#fbc02d;box-shadow:0 4px #fbc02d66}.track-card[data-v-e80634aa]:hover{transform:translateY(-4px);box-shadow:0 8px #8d6e6366}.track-card.custom-track[data-v-e80634aa]:hover{box-shadow:0 8px #fbc02d66}.track-card[data-v-e80634aa]:active{transform:translateY(0);box-shadow:0 0 #0000}.track-header[data-v-e80634aa]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.track-info h3[data-v-e80634aa]{margin:0;color:#5d4037;font-size:1.2rem;font-weight:700}.track-info p[data-v-e80634aa]{margin:5px 0 15px;color:#795548;font-size:.95rem}.delete-btn[data-v-e80634aa]{background:#ffcdd2;border:2px solid #e53935;color:#e53935;font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.delete-btn[data-v-e80634aa]:hover{background:#ef5350;color:#fff;transform:scale(1.1)}.delete-btn .material-icons[data-v-e80634aa]{font-size:1.2rem}.piece-count[data-v-e80634aa]{font-size:.8rem;color:#8d6e63;font-weight:700;background:#5d40371a;display:inline-block;padding:4px 10px;border-radius:12px}.train-designer-container[data-v-858ff0f0]{padding:20px;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.instruction-text[data-v-858ff0f0]{margin-bottom:20px;color:#5d4037;font-size:1.1rem;font-weight:700;text-align:center}.train-preview-container[data-v-858ff0f0]{width:100%;max-width:800px;margin-bottom:40px}.train-preview[data-v-858ff0f0]{margin-bottom:20px;overflow-x:auto;padding:40px 20px;position:relative;min-height:120px;display:flex;align-items:center;background:#fffde7;border-radius:20px;border:4px dashed #fbc02d;justify-content:center}.track-line[data-v-858ff0f0]{position:absolute;top:50%;left:20px;right:20px;height:4px;background:#5d4037;z-index:0}.train-cars[data-v-858ff0f0]{display:flex;gap:15px;z-index:1;padding:0 10px}.car-preview[data-v-858ff0f0]{width:100px;height:75px;display:flex;align-items:flex-end;justify-content:center;position:relative;margin:0;transition:transform .2s}.car-preview[data-v-858ff0f0]:hover{transform:scale(1.05)}.side-car-body[data-v-858ff0f0]{width:100%;height:50px;border:3px solid #3e2723;border-radius:8px;position:relative;box-shadow:2px 2px #0003}.side-car-body.engine[data-v-858ff0f0]{border-radius:8px 15px 0 8px;transform:scaleX(-1);box-shadow:-2px 2px #0003}.side-car-body.engine .cabin[data-v-858ff0f0]{position:absolute;left:0;top:-20px;width:35px;height:20px;background-color:inherit;border:3px solid #3e2723;border-bottom:none}.side-car-body.engine .chimney[data-v-858ff0f0]{position:absolute;right:12px;top:-12px;width:14px;height:12px;background:#3e2723;border-radius:4px}.side-car-body.engine .wheel.large[data-v-858ff0f0]{position:absolute;bottom:-12px;right:15px;width:28px;height:28px;background:#5d4037;border-radius:50%;border:3px solid #3e2723}.side-car-body.engine .wheel.small[data-v-858ff0f0]{position:absolute;bottom:-10px;left:10px;width:20px;height:20px;background:#5d4037;border-radius:50%;border:3px solid #3e2723}.side-car-body.passenger .window[data-v-858ff0f0]{display:inline-block;width:18px;height:18px;background:#b3e5fc;margin:8px 4px;border:2px solid #3e2723;border-radius:4px}.side-car-body .wheel[data-v-858ff0f0]{position:absolute;bottom:-10px;width:20px;height:20px;background:#5d4037;border-radius:50%;border:3px solid #3e2723}.side-car-body .wheel.left[data-v-858ff0f0]{left:12px}.side-car-body .wheel.right[data-v-858ff0f0]{right:12px}.side-car-body.freight .slat[data-v-858ff0f0]{width:100%;height:20%;border-bottom:2px solid rgba(62,39,35,.3)}.side-car-body.caboose .cupola[data-v-858ff0f0]{position:absolute;top:-12px;left:30px;width:35px;height:12px;background-color:inherit;border:3px solid #3e2723;border-bottom:none}.car-label[data-v-858ff0f0]{font-weight:700;color:#00000080;font-size:.8rem}.remove-car-btn[data-v-858ff0f0]{position:absolute;top:-15px;right:-15px;width:28px;height:28px;background:#ff1744;color:#fff;border:2px solid white;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;z-index:10;transition:transform .2s}.remove-car-btn[data-v-858ff0f0]:hover{background:#d50000;transform:scale(1.1)}.controls-section[data-v-858ff0f0]{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.controls-section h3[data-v-858ff0f0]{color:#5d4037;margin-bottom:20px;font-size:1.5rem;text-transform:uppercase}.add-buttons[data-v-858ff0f0]{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.add-btn[data-v-858ff0f0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:10px;border:4px solid #ffab00;border-radius:50%;background:#fff8e1;cursor:pointer;transition:all .2s;width:100px;height:100px;box-shadow:0 4px #ff6f00}.add-btn .side-car-body[data-v-858ff0f0]{transform:scale(.9);width:100%;margin:0}.add-btn .side-car-body .wheel[data-v-858ff0f0]{bottom:-10px;width:20px;height:20px;border-width:3px}.add-btn .side-car-body.passenger .window[data-v-858ff0f0]{width:18px;height:18px;margin:8px 4px}.add-btn[data-v-858ff0f0]:hover{transform:translateY(-4px);background:#ffecb3;box-shadow:0 8px #ff6f00}.add-btn[data-v-858ff0f0]:active{transform:translateY(0);box-shadow:0 0 #ff6f00}.game-container[data-v-0a904603]{position:relative;width:100vw;height:100vh;overflow:hidden;background:#ff52a0}.game-background[data-v-0a904603]{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#e3e3e3;z-index:1}.tray-background[data-v-0a904603]{position:absolute;bottom:0;left:0;width:100vw;height:80px;background:#e3c58d;border-top:4px solid #5d4037;z-index:5}.game-main[data-v-0a904603]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10}.material-icons[data-v-0a904603]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:2rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.side-navigation[data-v-0a904603]{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:100}.zoom-controls[data-v-0a904603]{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:10px;z-index:100}.zoom-btn[data-v-0a904603]{width:60px;height:60px;border-radius:50%;background:#2979ff;color:#fff;border:3px solid white;font-size:1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px #0003;display:flex;align-items:center;justify-content:center}.zoom-btn .material-icons[data-v-0a904603]{font-size:2.5rem}.zoom-btn[data-v-0a904603]:hover{background:#448aff;transform:scale(1.1)}.zoom-btn[data-v-0a904603]:active{transform:scale(.95) translateY(4px);box-shadow:0 0 #0003}.zoom-btn.reset-btn[data-v-0a904603]{background:#ff1744;border-color:#fff}.zoom-btn.reset-btn[data-v-0a904603]:hover{background:#ff5252}.nav-btn[data-v-0a904603]{width:70px;height:70px;padding:0;font-size:3rem;background:#ffea00;border-radius:50%;box-shadow:0 4px #0003;border:3px solid white;display:flex;align-items:center;justify-content:center;color:#3e2723}.nav-btn .material-icons[data-v-0a904603]{font-size:3rem}.nav-btn[data-v-0a904603]:hover{background:#ffd600;transform:scale(1.1)}.nav-btn.active[data-v-0a904603]{background:#00e676;border-color:#fff;transform:scale(1.1)}.drawer[data-v-0a904603]{position:absolute;left:0;top:0;width:280px;height:100vh;background:#fff9c4;border-right:5px solid #ffab00;z-index:200;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 15px #0003;overflow-y:auto}.saved-drawer[data-v-0a904603],.train-drawer[data-v-0a904603]{width:100vw}.drawer.open[data-v-0a904603]{transform:translate(0)}.drawer-header[data-v-0a904603]{padding:20px;background:#ff6d00;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #e65100}.drawer-header h3[data-v-0a904603]{margin:0;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.close-btn[data-v-0a904603]{background:#ff1744;width:36px;height:36px;border-radius:50%;border:2px solid white;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #0003}.close-btn[data-v-0a904603]:hover{background:#ff5252;transform:scale(1.1)}.drawer-content[data-v-0a904603]{padding:20px}.sounds-content[data-v-0a904603]{display:flex;flex-direction:column;gap:15px}.sound-btn[data-v-0a904603]{background:#00b0ff;border:3px solid white;color:#fff;width:60px;height:60px;border-radius:50%;font-weight:700;cursor:pointer;transition:all .2s;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #0003}.sound-btn .material-icons[data-v-0a904603]{font-size:2.5rem}.sound-btn[data-v-0a904603]:hover{background:#40c4ff;transform:translateY(-2px)}.sound-btn[data-v-0a904603]:active{transform:translateY(2px);box-shadow:0 0 #0003;background:#0091ea;color:#fff}.bottom-controls[data-v-0a904603]{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;z-index:30;pointer-events:none}.bottom-left[data-v-0a904603],.bottom-right[data-v-0a904603]{pointer-events:auto}.bottom-left[data-v-0a904603],.bottom-right[data-v-0a904603]{display:flex;gap:10px}.drawer-overlay[data-v-0a904603]{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}.drawer-overlay.active[data-v-0a904603]{opacity:1;pointer-events:auto}body{margin:0;padding:0;overflow:hidden;background-color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{width:100vw;height:100vh}