:root{--paper:#f7f8f2;--surface:#fffefa;--ink:#2e3d33;--muted:#7c8378;--line:#e5e8de;--primary:#617956;--primary-dark:#4a6341;--soft:#edf1e7;--accent:#c98e69;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none}
:root[data-theme=rail]{--paper:#f6f7f3;--ink:#293e45;--muted:#78858a;--primary:#3e6671;--primary-dark:#2d515c;--soft:#e9eff0;--accent:#bb835c;--line:#e1e6e3}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button svg{flex-shrink:0}svg{vertical-align:middle}a{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd945c;outline-offset:4px}button{transition:background .15s,transform .15s,box-shadow .15s}button:not(:disabled):active{transform:translateY(1px)}input{width:100%;border:1px solid var(--line);padding:14px;border-radius:10px;color:var(--ink);background:var(--surface);margin:9px 0 22px}label{font-weight:600;font-size:13px}::selection{background:#dbe5cd}strong{font-weight:600}.sidebar{width:214px;background:#f0f3e9;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:34px 18px 18px}[data-theme=rail] .sidebar{background:#eaf0ed}.brand{display:flex;align-items:flex-start;text-align:left;gap:12px;padding:0 9px;margin-bottom:46px}.brand>span:last-child{font:600 26px/.99 var(--serif);letter-spacing:-1px}.brand em{font-weight:normal;font-size:22px;color:var(--primary)}.brand small{display:block;font:9px var(--sans);letter-spacing:.15px;color:var(--muted);margin-top:10px}.brand-icon{color:var(--primary);padding-top:3px}.sidebar-label{font-size:9px;letter-spacing:1.65px;font-weight:650;color:#929a8d;padding:0 14px;margin-bottom:13px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;min-height:45px;padding:12px 13px;border-radius:9px;font-size:12px;color:#707d6c}.nav-item.active{color:var(--primary-dark);background:#dfe7d6;font-weight:650}[data-theme=rail] .nav-item.active{background:#d4e0dd}.nav-item:not(:disabled):hover{background:#e4eadd}.nav-item.active i{width:5px;height:5px;border-radius:50%;background:var(--primary);margin-left:auto}.nav-item small{font-size:9px;border:1px solid #dce1d5;border-radius:4px;padding:2px 4px;margin-left:auto;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding-top:36px}.vip-card{position:relative;padding:20px 14px 16px;border:1px solid #dadfcf;border-radius:12px;background:linear-gradient(130deg,#e7eddd,#f3f4eb);margin:0 4px 18px}.vip-symbol{color:#9c9672;display:block;margin-bottom:9px}.vip-card h3{font:19px/1.2 var(--serif);max-width:140px;margin-bottom:8px}.vip-card p{font-size:10px;line-height:1.6;color:var(--muted)}.vip-link{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--primary-dark);padding:13px 0 0;font-weight:600}.about-link{font-size:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--muted)}.sidebar-version{font-size:9px;color:#9aa092;padding:20px 14px 0;display:block}.workspace{margin-left:214px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;border-bottom:1px solid var(--line);background:#fcfcf8}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb>svg{color:var(--primary)}.breadcrumb strong{color:#52604f;font-weight:500}.breadcrumb i{font-style:normal;color:#c0c6b9}.top-controls{display:flex;align-items:center;gap:23px}.prototype-badge{font-size:10px;background:#f1f1e8;color:#8c917a;border:1px solid #e4e5d9;border-radius:5px;padding:5px 8px}.wallet{display:flex;align-items:center;gap:8px;font-size:14px}.wallet>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#ab8742;background:#f4e9c9}.wallet strong{min-width:22px}.language-toggle{display:flex;gap:6px;padding:10px 0;font-size:10px;letter-spacing:.5px;color:#a4aaa1}.language-toggle i{font-style:normal;color:#d2d5cc}.language-toggle .selected{font-weight:700;color:var(--ink)}.profile-button{display:flex;align-items:center;gap:9px;font-size:11px;padding:0}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8ddca;border:3px solid #fff;color:#83694e;font:17px var(--serif)}.profile-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:35px 38px 25px;max-width:1540px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#9a9e8a;margin-bottom:12px}h1{font:36px/1.15 var(--serif);letter-spacing:-1.1px;color:var(--ink)}.page-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px}.season-tag{white-space:nowrap;font-size:10px;display:flex;align-items:center;gap:7px;color:#9c9d81}.season-tag svg{color:#b6a170}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:24px;align-items:start}.main-column,.side-column{min-width:0}.side-column{display:flex;flex-direction:column;gap:18px}.scene{position:relative;overflow:hidden;border-radius:15px;border:1px solid #e1dfcd;background:#e8e6d1;isolation:isolate}.care-scene{height:420px}.room-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.care-scene:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#49331c38);z-index:-0;pointer-events:none}.care-scene.golden .room-image,.golden-image{filter:sepia(.2) saturate(.8) brightness(.85)}.scene-top{position:absolute;top:19px;left:20px;right:19px;display:flex;align-items:center;justify-content:space-between;z-index:4}.scene-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;background:#fffcf1db;backdrop-filter:blur(10px);padding:8px 12px;border-radius:20px;color:#6a715b;border:1px solid #fff8}.scene-icon{display:grid;place-items:center;background:#fffcf1d9;width:32px;height:32px;border-radius:50%;color:#5c6355}.pet-figure{position:relative;width:180px;height:270px;filter:drop-shadow(0 8px 5px #4d372d2c);transform-origin:bottom}.pet-figure img{height:100%;width:100%;object-fit:contain;display:block;user-select:none}.care-scene>.pet-figure{position:absolute;bottom:38px;left:56%;transform:translateX(-50%);height:276px;width:184px;z-index:2;animation:breathe 6s ease-in-out infinite}.cream img{filter:saturate(.32) brightness(1.15)}.smoke img{filter:grayscale(1) brightness(.67)}.bandana{position:absolute;left:45%;top:42%;width:35%;height:12%;background:#7d9575;clip-path:polygon(0 0,100% 0,55% 100%);transform:rotate(-4deg);filter:drop-shadow(0 2px 1px #0003)}.bandana.berry{background:#a96761}.pet-bubble{position:absolute;z-index:3;left:56%;top:83px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;background:#fffdf3ee;border:1px solid #fff6;border-radius:12px 12px 12px 2px;padding:10px 14px;color:#657053;font-size:11px;white-space:nowrap;box-shadow:0 4px 20px #453b2410}.pet-bubble svg{color:#b88f73}.scene-caption{position:absolute;bottom:17px;left:20px;color:#fff9e6;font:italic 13px var(--serif);z-index:2;text-shadow:0 1px 4px #0006}.action-dock{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.care-action{display:flex;gap:10px;align-items:center;padding:18px 13px;text-align:left;min-width:0}.care-action+button{border-left:1px solid var(--line)}.care-action:hover:not(:disabled){background:var(--soft)}.action-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f3ead9;color:#ac8c61;flex-shrink:0}.action-icon.play{background:#e8eddc;color:#85945f}.action-icon.brush{background:#efe6de;color:#b68c78}.care-action strong{display:block;font-size:12px;margin-bottom:5px}.care-action small{display:block;font-size:9px;color:var(--muted);white-space:nowrap}.action-arrow{margin-left:auto;color:#adb2a6}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 14px}.section-heading h2{font:23px var(--serif);letter-spacing:-.4px}.section-heading h3{font:18px var(--serif)}.text-button{font-size:10px;display:flex;align-items:center;gap:9px;color:var(--primary);padding:6px 0}.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.teaser{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 11px;border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:0}.teaser>span:nth-child(2){flex:1;min-width:0}.teaser>svg{width:13px;color:#b4baac}.teaser small{font-size:7px;letter-spacing:.85px;display:block;color:#a4a68c;margin-bottom:7px}.teaser strong{font:17px var(--serif);display:block;margin-bottom:7px}.teaser span>span{font-size:9px;color:var(--muted);display:block;line-height:1.5}.teaser b{display:inline-flex;align-items:center;gap:2px;font-weight:500}.teaser-art{display:grid;place-items:center;width:66px;height:72px;border-radius:8px;flex-shrink:0;overflow:hidden;background:#f0eee2}.little-scarf{width:38px;height:40px;background:#8d9b78;clip-path:polygon(0 0,100% 15%,45% 100%);transform:rotate(12deg);box-shadow:inset -13px 0 #748763}.mini-pet img{height:91px;margin-top:9px}.panel{border:1px solid var(--line);border-radius:13px;padding:21px;background:var(--surface)}.overline{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:1.2px;color:#8e9887;line-height:1.5}.status-dot{width:6px;height:6px;background:#8ca27b;border-radius:50%;box-shadow:0 0 0 4px #eff3e9}.entity-title{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.entity-title h2{font:31px var(--serif);letter-spacing:-.6px}.entity-title p{font-size:10px;color:var(--muted);margin-top:5px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#a3a890}.icon-button:hover{background:var(--soft)}.bond-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;background:#f0f3e7;border:1px solid #e8ecdd;border-radius:5px;color:#7e8d66;padding:6px 8px;margin:16px 0 19px}.meters{display:flex;flex-direction:column;gap:15px;margin-bottom:21px}.meter>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:10px;color:#7e8676}.meter strong{font-size:10px;font-weight:500;color:#98a18d}.meter small{font-size:8px;margin-left:2px}.meter-track{height:5px;border-radius:5px;background:#edf0e6;overflow:hidden}.meter-track>span{display:block;height:100%;background:#a6b989;border-radius:5px;transition:width .5s}.meter-track.food>span{background:#c8b287}.meter-track.joy>span{background:#9aac7d}.meter-track.comfort>span{background:#c4b4a4}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:550;min-height:40px}.button.primary{background:var(--primary);color:#fffdf4}.button.primary:not(:disabled):hover{background:var(--primary-dark);box-shadow:0 3px 12px #26392315}.button.secondary{border-color:var(--line);background:#fafbf6;color:#6f7d62}.button.secondary:not(:disabled):hover{background:var(--soft)}.button.full{width:100%}.goal-panel{background:#f0f3e8;border-color:#dfe6d3;padding:20px}.goal-panel>.overline{justify-content:flex-start;gap:6px;color:#7f906b}.goal-panel .overline>span{margin-left:auto;font-size:10px;letter-spacing:0}.goal-panel h3{font:21px/1.2 var(--serif);letter-spacing:-.25px;margin:14px 0 8px}.goal-panel p{font-size:10px;line-height:1.7;color:#8a927d}.goal-steps{display:flex;justify-content:space-between;gap:5px;margin:16px 0}.goal-steps>span{display:flex;flex-direction:column;gap:6px;align-items:center;flex:1;font-size:8px;color:#949c89}.goal-steps i{font-size:9px;font-style:normal;width:19px;height:19px;border:1px solid #cdd6c1;display:grid;place-items:center;border-radius:50%}.goal-steps .done{color:#688151}.goal-steps .done i{background:#879c71;color:#fff;border-color:#879c71}.goal-reward{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;border-top:1px solid #dce3d0;font-size:10px;width:100%;color:#8a947c}.goal-reward>span{display:flex;align-items:center;gap:9px}.goal-reward b{font-weight:500;display:flex;align-items:center;gap:4px;color:#958258}.goal-reward:disabled{opacity:.8}.goal-reward:not(:disabled){color:var(--primary-dark);font-weight:600}.goal-claimed{display:flex;align-items:center;gap:7px;border-top:1px solid #dce3d0;padding-top:12px;font-size:10px;color:var(--primary)}.quiet-note{display:flex;gap:11px;padding:0 8px;color:#a2ad8d}.quiet-note>svg{flex-shrink:0;margin-top:4px}.quiet-note strong{font:16px var(--serif);color:#7f8b6d}.quiet-note p{font-size:10px;line-height:1.75;color:#929989;margin-top:5px}.journal .section-heading{margin:0 0 14px}.journal .section-heading>svg{color:#aeb89e}.journal-list{list-style:none;margin:0;padding:0}.journal-list li{display:flex;gap:9px;position:relative;padding-bottom:15px}.journal-list li:last-child{padding-bottom:0}.journal-dot{display:block;width:5px;height:5px;border-radius:50%;background:#b2bea3;margin-top:5px;flex-shrink:0}.journal-list li p{font-size:10px;line-height:1.55;color:#7f8876}.journal-list li time{font-size:8px;color:#adb4a2;display:block;margin-top:4px}.empty-journal{font:italic 13px/1.6 var(--serif);color:#a2a88e;padding:6px 0}.page-footer{max-width:1540px;margin:0 auto;padding:12px 38px 24px;display:flex;justify-content:space-between;gap:20px;color:#a7ad9f;font-size:9px}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.save-dot{width:4px;height:4px;background:#9bac84;border-radius:50%}.save-dot.error{background:#b35b4b}.mobile-nav{display:none}.count-badge{font-size:11px;color:var(--primary);background:var(--soft);border-radius:30px;padding:10px 16px;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.catalog-art{height:270px;background:radial-gradient(ellipse at 50% 75%,#d9ddc7,#eff0e3 65%);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.catalog-art>img{height:250px;position:relative;bottom:-8px}.owned-tag{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:5px;background:#ffffffb8;border:1px solid #fff9;border-radius:20px;padding:7px 9px;font-size:9px;color:#6b7d5c}.catalog-body{padding:24px}.catalog-body .overline{font-size:8px}.catalog-body h2{font:28px var(--serif);margin:10px 0}.catalog-body p{font-size:12px;line-height:1.6;color:var(--muted)}.catalog-body>.button{width:100%;margin-top:23px;justify-content:space-between}.catalog-body>.button.secondary{justify-content:center}.catalog-body>.button>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.collection-footer{display:flex;align-items:center;gap:14px;color:#9caa8c;margin-top:30px;padding:20px 0}.collection-footer p{max-width:700px;font-size:12px;line-height:1.8;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px}.stat-card{padding:27px}.stat-icon{color:var(--primary);background:var(--soft);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;margin-bottom:22px}.stat-card h3{font-size:12px;color:var(--muted);font-weight:500}.stat-card>strong{font:48px var(--serif);display:block;margin:10px 0}.stat-card p{font-size:11px;color:var(--muted)}.records-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}.big-journal .section-heading{margin:0 0 25px}.big-journal .journal-list li{padding-bottom:22px}.big-journal .journal-list p{font-size:12px}.big-journal .journal-list time{font-size:10px}.records-layout .quiet-note{margin-top:24px}
/* Railway world */
.rail-scene{height:420px;background:#e5e8cf;border-color:#d8dfce}.map-inner{position:absolute;inset:0}.terrain,.track-layer{position:absolute;inset:0;width:100%;height:100%}.map-scale{color:#8f9a84;font-size:8px;letter-spacing:1.6px}.station{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-14px);z-index:3;white-space:nowrap;padding:0}.station:active{transform:translate(-50%,-14px)!important}.station-point{width:29px;height:29px;border:3px solid #fffdf0;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px #26392319;background:#7c927c;color:#fffdf0}.station strong{font:16px var(--serif);margin-top:5px;color:#4a6053;text-shadow:0 1px 5px #f5f5e0,0 -1px 5px #f5f5e0}.station small{font-size:8px;color:#8d9a7e;margin-top:3px;text-shadow:0 1px 4px #f5f5e0}.station.selected .station-point{background:#3b6671;box-shadow:0 0 0 5px #446b7324,0 2px 8px #26392319}.station.selected strong{color:#305862}.station.locked .station-point{background:#b3bda1}.station.locked strong{color:#8d987e}.home-station .station-point{width:34px;height:34px;background:#bb8b63}.home-station strong{font-size:18px}.map-legend{position:absolute;left:20px;bottom:16px;display:flex;gap:17px;font-size:8px;color:#88947c;z-index:4}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend i{width:15px;height:2px;background:#7e9682}.map-north{position:absolute;right:20px;bottom:17px;font-size:8px;color:#8d9b81;text-align:center;z-index:4}.map-north span{display:block;font-size:26px;line-height:1;margin-top:2px}.fleet-strip{margin-top:13px;display:flex;align-items:center;gap:13px;padding:13px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:86px}.train-thumb{width:98px;flex-shrink:0}.train-thumb svg{width:100%;height:auto}.fleet-description{min-width:100px}.fleet-description .overline{font-size:7px;letter-spacing:.8px}.fleet-description h3{font:19px var(--serif);margin:5px 0}.fleet-description p{font-size:9px;color:var(--muted);white-space:nowrap}.fleet-description p span{margin:0 5px}.condition-summary{width:85px;margin-left:auto}.condition-summary .meter-track>span{background:#90a187}.fleet-strip>.button{font-size:9px;padding:8px 10px;min-height:34px;margin-left:4px}.coast-art{background:linear-gradient(150deg,#c9d7d0,#e5e7cd);color:#6b8a7c}.train-art{background:#e8ede2;width:72px}.train-art svg{width:100px}.route-panel{padding:21px}.route-stations{position:relative;display:flex;flex-direction:column;gap:21px;margin:22px 0 21px;padding-left:20px}.route-stations:before{content:'';position:absolute;left:3px;top:9px;bottom:22px;width:1px;background:#c1cec6}.route-stations>span{font:21px var(--serif);position:relative}.route-stations>span:before{content:'';position:absolute;left:-20px;top:5px;width:7px;height:7px;background:#fdfef6;border:1.5px solid #849d8a;border-radius:50%}.route-stations>span:last-child:before{background:var(--primary);border-color:var(--primary)}.route-stations small{display:block;font:8px var(--sans);color:#99a296;margin-top:6px}.route-stations>i{display:none}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;background:#f5f7f2;padding:3px;gap:3px}.segmented>button{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;padding:8px 4px;color:#919d92;border-radius:5px}.segmented .selected{background:var(--surface);box-shadow:0 1px 5px #2a442113;color:var(--primary)}.route-facts{display:flex;flex-direction:column;gap:12px;margin:20px 0}.route-facts>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.route-facts span{color:#929b8e;display:flex;gap:6px;align-items:center}.route-facts strong{font-weight:500;color:#697b6d;display:flex;align-items:center;gap:3px}.route-facts .profit-line{border-top:1px solid var(--line);padding-top:13px;margin-top:0}.profit-line span{color:var(--primary);font-weight:600}.profit-line strong{font-size:14px;color:var(--primary)}.route-footnote{font-size:8px;text-align:center;color:#9da69a;line-height:1.6;margin-top:11px}.route-panel>.button{font-size:10px}.route-panel>.button svg{width:16px}.journey-status{background:#eef3ed;border:1px solid #e0e8dc;border-radius:10px;padding:17px 12px;margin-bottom:18px}.journey-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--primary)}.journey-label>span{margin-left:auto;font-variant-numeric:tabular-nums}.progress-track{height:5px;background:#d5e1d1;border-radius:3px;margin-top:14px;overflow:hidden}.progress-track>span{height:100%;display:block;background:var(--primary);transition:width .2s linear}.journey-status p{font-size:9px;color:#91a08a;margin-top:12px;line-height:1.6}.locked-route{text-align:center;padding:16px 0 4px;color:#a5b09b}.locked-route h3{font:21px var(--serif);color:var(--ink);margin:13px 0 9px}.locked-route p{font-size:11px;line-height:1.7;margin-bottom:18px}.vehicle-art{align-items:center;background:linear-gradient(140deg,#eef2e7,#dde6df);height:250px}.vehicle-art>svg{width:90%;height:auto}.fleet-meta{font-size:10px!important;margin-top:13px}
/* Dialogs and short games */
dialog{border:1px solid #e1e5d7;border-radius:18px;width:500px;max-width:calc(100% - 32px);max-height:90dvh;padding:0;color:var(--ink);background:var(--surface);box-shadow:0 24px 100px #20342330}dialog::backdrop{background:#283b385c;backdrop-filter:blur(4px)}dialog.wide-modal{width:760px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 26px;border-bottom:1px solid var(--line)}.modal-heading h2{font:26px/1.15 var(--serif);letter-spacing:-.4px}.modal-body{padding:25px 26px}.modal-intro{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:23px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.danger{color:#fff;background:#a86859}.danger-link{color:#a26b5d;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:24px;padding:10px 0}.modal-pill{display:inline-block;font-size:8px;letter-spacing:1px;color:var(--primary);padding:7px 9px;background:var(--soft);border-radius:5px;margin-bottom:18px}.info-block{margin:24px 0}.info-block h3{font:21px var(--serif);margin-bottom:9px}.info-block p{font-size:12px;line-height:1.8;color:var(--muted)}.notice{display:flex;gap:12px;background:var(--soft);padding:15px;border-radius:9px;color:var(--primary)}.notice>svg{flex-shrink:0}.notice p{font-size:10px;line-height:1.8}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:20px}.settings-row strong{font-size:12px}.settings-row p{font-size:10px;color:var(--muted);margin-top:6px}.switch{width:42px;height:24px;background:#dadfd3;border-radius:20px;padding:3px;flex-shrink:0}.switch i{height:18px;width:18px;display:block;border-radius:50%;background:white;box-shadow:0 1px 4px #0002}.switch.on{background:var(--primary)}.switch.on i{transform:translateX(18px)}.settings-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-links button{font-size:10px;text-align:left;justify-content:flex-start}.empty-state{text-align:center;padding:12px 8px}.empty-state>span{color:var(--primary);display:inline-grid;place-items:center;background:var(--soft);width:80px;height:80px;border-radius:50%;margin-bottom:24px}.empty-state h3{font:25px var(--serif);margin-bottom:15px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:24px}.vip-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vip-tiers article{border:1px solid var(--line);background:#f4f6ee;border-radius:11px;padding:18px 15px}.vip-tiers article>span{display:flex;align-items:center;gap:7px;color:#999260;font-size:11px;font-weight:600}.vip-tiers h3{font:21px/1.3 var(--serif);margin:18px 0 10px}.vip-tiers p{font-size:11px;line-height:1.8;color:var(--muted)}.subtle{font-size:10px;color:var(--muted);line-height:1.8;margin-top:18px}.outfit-preview{height:235px;display:flex;justify-content:center;background:radial-gradient(ellipse at center bottom,#e4e9d7,transparent 65%);margin-top:-8px;margin-bottom:25px}.outfit-preview .pet-figure{height:235px;width:157px}.outfit-options{display:flex;gap:10px}.outfit-options>button{flex:1;display:flex;align-items:center;flex-direction:column;padding:15px 6px;border:1px solid var(--line);border-radius:9px;gap:9px}.outfit-options>.selected{background:var(--soft);border-color:var(--primary)}.outfit-options strong{font-size:10px}.outfit-options small{font-size:9px;color:var(--muted)}.swatch{display:block;height:28px;width:28px;border-radius:50%;background:#d1c4ac}.swatch.sage{background:#7d9575}.swatch.berry{background:#a96761}.swatch.none{background:linear-gradient(45deg,#e3dac5 48%,#fff 48%,#fff 53%,#e3dac5 53%)}.room-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.room-option{border:1px solid var(--line);border-radius:10px;padding:0 0 15px;overflow:hidden;text-align:left}.room-option img{width:100%;height:120px;object-fit:cover;display:block;margin-bottom:13px}.room-option strong{font:18px var(--serif);display:block;margin:0 12px 7px}.room-option span{font-size:10px;color:var(--muted);display:block;margin:0 12px}.room-option.selected{border:2px solid var(--primary);background:var(--soft)}.game-intro{text-align:center;padding:4px 10px 8px}.game-yarn{display:inline-grid;place-items:center;color:#9da97d;background:#eff1e2;width:112px;height:112px;border-radius:50%;margin-bottom:22px}.game-intro h3{font:26px var(--serif);margin-bottom:13px}.game-intro p{font-size:12px;color:var(--muted);line-height:1.8}.game-intro .subtle{font-size:10px;margin-bottom:23px}.game-topline{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:14px}.game-topline strong{color:var(--primary)}.game-progress{height:4px;background:#e7ebde;border-radius:3px;overflow:hidden}.game-progress span{height:100%;display:block;background:#9dae82}.game-field{height:220px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:radial-gradient(ellipse at bottom,#eaf0df,transparent);margin-top:15px}.yarn-slot{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:130px;border-radius:50%;background:#ebeee431;border:1px dashed #dae1d0}.yarn-slot kbd{position:absolute;bottom:0;font:11px var(--sans);color:#b2bca3;background:#f2f4e8;border:1px solid #e5e9dc;padding:4px 7px;border-radius:4px}.yarn-target{opacity:0;transform:scale(.7);color:#9da775;pointer-events:none}.yarn-slot.target{background:#e4ead5;box-shadow:0 10px 25px #6b7a4414;border:1px solid #cbd7b2}.yarn-slot.target .yarn-target{opacity:1;transform:scale(1);transition:transform .15s}.game-message{text-align:center;min-height:36px;font-size:12px;color:var(--primary);margin:15px 0 0}.game-result{text-align:center}.result-trophy{display:inline-grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#b79c63;background:#f4edd9;margin:10px auto 20px}.result-number{font:58px var(--serif)}.result-number small{font:18px var(--serif);color:#aeb49f;margin-left:8px}.game-result h3{font:20px var(--serif);margin:6px 0 22px;color:#919c7f}.reward-pill{display:inline-flex;align-items:center;gap:9px;background:#f4edda;color:#a08a57;padding:10px 18px;border-radius:25px;font-size:14px}.game-result p{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0}.toast{position:fixed;bottom:28px;left:calc(50% + 107px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#354b3e;color:#fffdf3;box-shadow:0 10px 40px #243e3226;border:1px solid #fff2;border-radius:12px;padding:15px 21px;display:flex;align-items:center;gap:10px;z-index:100;font-size:12px;max-width:calc(100% - 30px);transition:.25s;white-space:nowrap}.toast.visible{transform:translate(-50%,0);opacity:1}.toast>svg{color:#bdd09d;flex-shrink:0}#scene-fx{position:absolute;left:56%;top:37%;z-index:5;color:#f6ede0;pointer-events:none}.floating-effect{display:block;animation:float-away 1.6s forwards;filter:drop-shadow(0 3px 3px #71472250)}.care-scene>.pet-figure.happy{animation:pet-happy .4s 3}.skip-link{position:fixed;left:240px;top:-100px;z-index:200;background:white;padding:12px}.skip-link:focus{top:10px}
@keyframes breathe{50%{transform:translateX(-50%) scale(1.009)}}@keyframes pet-happy{50%{transform:translateX(-50%) rotate(2deg) translateY(-3px)}}@keyframes float-away{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1.2)}}
@media(min-width:1600px){.care-scene,.rail-scene{height:480px}.care-scene>.pet-figure{height:310px;width:207px;bottom:45px}.pet-bubble{top:110px}.action-dock .care-action{padding:22px}.teaser{padding:18px}.teaser-art{width:83px;height:80px}}
@media(max-width:1250px){.sidebar{width:185px;padding:30px 13px 18px}.workspace{margin-left:185px}.topbar{padding:0 26px}.top-controls{gap:15px}.breadcrumb>span,.breadcrumb>i{display:none}main{padding:30px 26px 20px}.play-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.page-heading h1{font-size:32px}.season-tag{display:none}.care-scene,.rail-scene{height:380px}.care-scene>.pet-figure{height:250px;width:167px;bottom:30px}.pet-bubble{top:75px;font-size:10px}.care-action{padding:16px 9px;gap:7px}.care-action small{font-size:8px}.action-icon{width:32px;height:32px}.action-icon svg{width:21px}.action-arrow{display:none}.teaser-art{width:48px;height:65px}.teaser{padding:12px 8px;gap:9px}.teaser strong{font-size:15px}.teaser small{font-size:6px}.teaser span>span{font-size:8px}.teaser>svg{display:none}.panel{padding:18px}.condition-summary{display:none}.fleet-strip{padding:12px}.fleet-strip>.button{margin-left:auto}.train-thumb{width:76px}.fleet-description h3{font-size:17px}.page-footer{padding:12px 26px 23px}.toast{left:calc(50% + 92px)}.catalog-grid{gap:15px}.catalog-body{padding:18px}.catalog-art{height:240px}.catalog-art>img{height:225px}.catalog-body>.button{font-size:10px;padding:11px}.vip-card{padding:17px 12px}.vip-card h3{font-size:18px}}
@media(max-width:1020px){.sidebar{width:164px;padding:25px 11px 14px}.brand{gap:8px;padding:0 3px;margin-bottom:35px}.brand>span:last-child{font-size:24px}.brand-icon svg{width:23px}.brand small{font-size:8px}.nav-item{font-size:11px;gap:9px;padding:12px 9px}.nav-item svg{width:18px}.workspace{margin-left:164px}.topbar{height:68px;padding:0 23px}.play-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-column .quiet-note{grid-column:1}.side-column .journal{grid-column:2;grid-row:2}.care-scene,.rail-scene{height:420px}.care-scene>.pet-figure{height:280px;width:187px;bottom:33px}.pet-bubble{top:80px}.teaser-art{width:66px;height:72px}.teaser strong{font-size:17px}.teaser small{font-size:7px}.teaser span>span{font-size:9px}.care-action{padding:19px 14px}.care-action small{font-size:9px}.action-icon{width:38px;height:38px}.panel{padding:21px}.journal{display:none}.side-column .quiet-note{grid-column:1/-1}.page-heading{margin-bottom:24px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-art{height:250px}.catalog-art>img{height:240px}.records-layout{grid-template-columns:1fr}.records-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-grid{gap:12px}.stat-card{padding:19px}.stat-card>strong{font-size:40px}.stat-card p{font-size:9px}.stat-card h3{font-size:11px}.toast{left:calc(50% + 82px)}.fleet-strip{padding:16px}.train-thumb{width:100px}.condition-summary{display:block}.fleet-description h3{font-size:19px}.side-column .route-panel{grid-row:span 2}.rail-scene .station strong{font-size:18px}.sidebar-version{padding:20px 4px 0;font-size:8px}.about-link{font-size:9px;padding:10px 7px}.vip-card h3{font-size:17px}.vip-card p{font-size:9px}}
@media(max-width:720px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:65px;padding:0 20px}.breadcrumb{font:18px var(--serif);gap:8px;color:var(--ink)}.breadcrumb>span{display:inline}.breadcrumb>strong{display:none}.breadcrumb>svg{display:none}.top-controls{gap:14px}.prototype-badge{display:none}.profile-label{display:none}.profile-button{display:none}.wallet{font-size:13px;gap:5px}.wallet>span{width:24px;height:24px}.wallet svg{width:18px}.language-toggle{font-size:9px;gap:4px}main{padding:28px 20px 20px}.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:12px}.page-heading h1{font-size:31px;letter-spacing:-.8px}.page-heading p{font-size:11px;line-height:1.7;max-width:330px;margin-top:10px}.page-heading{margin-bottom:22px}.play-layout{gap:20px}.care-scene{height:370px;border-radius:13px}.room-image{object-position:center}.care-scene>.pet-figure{height:245px;width:163px;bottom:28px;left:54%}.pet-bubble{left:54%;top:69px;font-size:9px;padding:8px 10px}.scene-top{left:14px;right:14px;top:14px}.scene-label{font-size:8px;padding:7px 9px}.scene-caption{font-size:11px;left:14px;bottom:13px}.care-action{flex-direction:column;text-align:center;gap:8px;padding:15px 8px}.care-action strong{font-size:12px;margin-bottom:4px}.care-action small{font-size:8px}.action-icon{height:37px;width:37px}.action-dock{margin-top:11px;border-radius:11px}.teaser-grid{gap:10px}.teaser{padding:12px 10px;flex-direction:column;align-items:flex-start;gap:13px}.teaser>span:nth-child(2){width:100%}.teaser-art{width:100%;height:90px}.teaser .mini-pet img{height:115px;margin-top:10px}.teaser .little-scarf{width:39px;height:46px}.teaser small{font-size:6px}.teaser strong{font-size:18px}.teaser span>span{font-size:9px}.teaser .train-art svg{width:150px}.section-heading h2{font-size:23px}.text-button{font-size:9px}.side-column{display:flex;flex-direction:column;gap:16px}.side-column .journal{display:block}.panel{padding:22px}.companion-panel .entity-title h2{font-size:32px}.companion-panel .meters{flex-direction:row;gap:18px}.companion-panel .meter{flex:1}.companion-panel .meter>div:first-child{font-size:9px}.companion-panel .bond-badge{margin-top:12px}.goal-steps{margin:20px 0}.goal-steps>span{flex-direction:row;justify-content:center;font-size:9px}.goal-panel h3{font-size:23px}.goal-panel p{font-size:11px}.goal-reward{font-size:11px}.quiet-note{padding:5px 8px}.quiet-note p{font-size:11px}.quiet-note strong{font-size:18px}.overline{font-size:9px}.journal-list li p{font-size:11px}.journal-list li time{font-size:9px}.page-footer{padding:8px 20px 99px;flex-direction:column;gap:10px;font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;padding:7px 12px max(7px,env(safe-area-inset-bottom));background:#fcfdf7f5;backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:30;justify-content:space-around}.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;flex:1;border-radius:9px;font-size:9px;color:#9ba48f;max-width:100px}.mobile-nav>button.active{color:var(--primary);background:var(--soft)}.toast{left:50%;bottom:84px;white-space:normal;width:max-content;font-size:11px;padding:13px 16px;max-width:calc(100% - 32px)}.catalog-grid{grid-template-columns:1fr 1fr;gap:13px}.catalog-art{height:190px}.catalog-art>img{height:180px}.catalog-body{padding:16px 13px}.catalog-body h2{font-size:25px}.catalog-body p{font-size:10px;min-height:32px}.catalog-body .overline{font-size:6px}.catalog-body>.button{font-size:9px;display:flex;flex-direction:column;gap:7px;min-height:55px;padding:9px;margin-top:15px}.owned-tag{font-size:8px;top:10px;left:10px;padding:5px 7px}.count-badge{font-size:9px;padding:8px 10px}.collection-footer{align-items:flex-start;padding:0 0 16px;margin-top:24px}.collection-footer>svg{flex-shrink:0;margin-top:4px}.collection-footer p{font-size:11px}.stat-grid{gap:10px}.stat-card{padding:16px 12px}.stat-card .stat-icon{width:35px;height:35px;border-radius:8px;margin-bottom:17px}.stat-icon svg{width:20px}.stat-card h3{font-size:10px;line-height:1.5;min-height:30px}.stat-card>strong{font-size:35px}.stat-card p{font-size:8px;line-height:1.6}.records-layout>div{display:block}.records-layout .quiet-note{margin-top:20px}.big-journal .section-heading h2{font-size:23px}.big-journal .journal-list p{font-size:11px}.rail-scene{height:340px}.station strong,.rail-scene .station strong{font-size:14px}.station small{font-size:6px}.station-point{width:25px;height:25px;border-width:2px}.station-point svg{width:13px}.home-station .station-point{height:28px;width:28px}.home-station strong{font-size:16px}.map-legend{left:14px;bottom:13px;gap:10px;font-size:6px}.map-scale{font-size:6px;letter-spacing:1px}.map-north{right:14px;bottom:12px}.fleet-strip{padding:14px 12px;gap:9px;flex-wrap:wrap}.train-thumb{width:82px}.fleet-description{min-width:120px;flex:1}.fleet-description h3{font-size:20px}.condition-summary{width:65px;display:block}.fleet-strip>.button{width:100%;margin:4px 0 0}.route-panel{padding:24px}.route-stations{margin:22px 0 24px}.route-stations>span{font-size:24px}.route-stations small{font-size:9px}.segmented>button{font-size:11px;padding:10px}.route-facts{gap:15px}.route-facts>div{font-size:12px}.route-panel>.button{font-size:12px;padding:14px}.route-footnote{font-size:9px}.journey-label{font-size:12px}.journey-status p{font-size:10px}.vehicle-art{height:190px}.fleet-meta{font-size:8px!important;min-height:25px!important}dialog{max-height:85dvh}.modal-heading{padding:20px}.modal-heading h2{font-size:24px}.modal-body{padding:22px 20px}.vip-tiers{grid-template-columns:1fr}.vip-tiers h3{margin:12px 0 6px;font-size:22px}.vip-tiers article{padding:18px}.outfit-options{gap:7px}.outfit-options strong{font-size:9px}.room-option strong{font-size:16px}.room-option img{height:100px}.settings-links{grid-template-columns:1fr}.settings-links button{font-size:11px}.game-field{height:200px;gap:6px}.yarn-slot{height:100px}.yarn-target svg{width:52px}.game-intro h3{font-size:23px}.modal-actions{flex-direction:column-reverse}.skip-link{left:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(max-width:720px){.play-layout{display:flex;flex-direction:column}.play-layout>.main-column,.play-layout>.side-column{display:contents}.play-layout .scene{order:0;width:100%}.play-layout .action-dock,.play-layout .fleet-strip{order:1;width:100%;margin-top:-7px}.play-layout .companion-panel,.play-layout .route-panel{order:2;width:100%}.play-layout .goal-panel{order:3;width:100%}.play-layout .main-column>.section-heading{order:4;width:100%;margin:5px 0 -6px}.play-layout .teaser-grid{order:5;width:100%}.play-layout .quiet-note{order:6}.play-layout .journal{order:7;width:100%}}
/* Train lobby · floating controls, variant C */
:root[data-theme=rail]{--paper:#fff;--surface:#fff;--ink:#17272d;--muted:#758087;--primary:#527b6b;--primary-dark:#305b4b;--soft:#edf3ee;--line:#e5e9e7;--serif:var(--sans)}
.rail-workspace{max-width:1280px;margin:auto;padding:0 48px}.rail-header{height:102px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.rail-brand{display:flex;align-items:center;gap:13px;padding:0;white-space:nowrap;letter-spacing:-.8px;font-size:24px}.rail-brand>svg{color:var(--primary-dark)}.rail-tabs{display:flex;align-self:stretch;align-items:center;gap:8px;margin-left:auto}.rail-tabs>button{position:relative;border-radius:12px;padding:13px 19px;font-size:14px;color:var(--muted);white-space:nowrap}.rail-tabs>button.active{background:var(--soft);color:var(--primary-dark);font-weight:650}.rail-tabs>button.active:after{content:'';position:absolute;bottom:-21px;left:0;right:0;height:3px;background:var(--primary);border-radius:4px}.rail-utilities{display:flex;align-items:center;gap:15px}.rail-wallet{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--primary)}.rail-workspace main{padding:36px 0 20px;max-width:none}.rail-workspace .page-heading h1{font-size:32px;font-weight:650}.rail-workspace .toast,.toast{left:50%}.rail-footer{display:flex;align-items:center;justify-content:space-between;color:#909996;font-size:10px;padding:22px 0}.rail-footer>div{display:flex;gap:22px}.rail-footer .text-button{font-size:10px;color:#909996}.studio-heading{text-align:center;padding-top:22px}.studio-eyebrow{font-size:10px;letter-spacing:2px;color:#8e9b94}.studio-heading h1{font-size:40px;font-weight:650;letter-spacing:-1.4px;margin:15px 0 10px}.train-nickname{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:10px;padding:5px}.carriage-stage{height:280px;position:relative;margin:28px -48px 0;overflow:hidden}.carriage-window{position:absolute;inset:25px 0 12px}.carriage-focus,.carriage-neighbour{position:absolute;width:61%;height:100%;top:0;display:flex;align-items:flex-end;justify-content:center}.carriage-focus{left:19.5%;z-index:2}.carriage-neighbour{opacity:.14;pointer-events:none}.carriage-neighbour.previous{right:81%}.carriage-neighbour.next{left:81%}.carriage-art{display:block;width:100%;height:auto;object-fit:contain;user-select:none}.carriage-art.rear{transform:scaleX(-1)}.carriage-art.comfort-car{filter:saturate(.82) brightness(1.04)}.carriage-focus .carriage-art,.carriage-neighbour .carriage-art{max-height:100%}.meadow-ribbon{position:absolute;bottom:0;left:0;right:0;height:110px;opacity:.45;background:radial-gradient(ellipse at 15% 100%,#d4dfbc 0,transparent 65%),radial-gradient(ellipse at 90% 95%,#e2e8cc 0,transparent 65%),linear-gradient(0deg,#e4e8d7,transparent 80%);mask-image:linear-gradient(transparent,#000 45%,#000 65%,transparent)}.rail-line{position:absolute;left:0;right:0;bottom:29px;height:5px;background:linear-gradient(#a3ada8 1px,#e2e4dd 1px,#e2e4dd 3px,#a3ada8 3px);opacity:.28}.browse-carriage{position:absolute;z-index:3;top:59%;width:48px;height:48px;background:#fff;border:1px solid #e5e9e7;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 15px #19352a08;color:var(--primary-dark)}.browse-carriage.previous{left:8%}.browse-carriage.previous svg{transform:rotate(180deg)}.browse-carriage.next{right:8%}.browse-carriage:disabled{opacity:.2}.carriage-description{text-align:center;margin-top:20px}.carriage-description h2{font:650 23px var(--sans);letter-spacing:-.5px}.carriage-description>p{font-size:12px;color:var(--muted);margin-top:9px}.carriage-description>p span{padding:0 7px}.carriage-facts{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:28px;font-size:13px;color:#62716e}.carriage-facts>span{display:flex;align-items:center;gap:8px}.carriage-facts svg{color:var(--primary-dark)}.carriage-facts>i{height:20px;width:1px;background:var(--line)}.carriage-facts strong{font-weight:500;color:var(--ink)}.floating-actions{display:flex;justify-content:center;gap:27px;margin:37px auto 34px}.floating-action{display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid #e7ece9;background:#fff;box-shadow:0 8px 22px #254c3b0a;border-radius:60px;padding:21px 28px;min-width:195px;font-size:15px;font-weight:550}.floating-action svg{color:var(--primary-dark)}.floating-action:hover{background:#f8fbf8;box-shadow:0 10px 25px #254c3b13;transform:translateY(-2px)}.carriage-picker{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e7ece9;box-shadow:0 8px 22px #254c3b06;background:#fff;border-radius:65px;padding:12px 23px;max-width:880px;margin:0 auto}.carriage-choice{flex:1;min-width:0;padding:8px 6px 7px;border:1px solid transparent;border-radius:13px;opacity:.65;max-width:135px}.carriage-choice img{height:39px;object-fit:contain;filter:saturate(.65)}.carriage-choice>span{font-size:11px;color:var(--muted);display:block;padding-top:5px}.carriage-choice.selected{border:2px solid var(--primary);background:#fbfcfb;opacity:1}.carriage-choice.selected>span{color:var(--primary-dark);font-weight:650}.carriage-choice:hover{background:var(--soft);opacity:1}.add-carriage{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;flex-shrink:0;background:var(--soft);color:var(--primary-dark);margin-left:10px}.studio-trip-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--primary-dark);margin:20px auto -10px;padding:9px 15px;background:var(--soft);border-radius:30px}.studio-sheet{width:min(540px,calc(100% - 28px));border-radius:24px}.studio-sheet .modal-heading h2{font:650 23px var(--sans)}.sheet-car{max-width:340px;margin:0 auto 16px}.sheet-car img{height:110px}.sheet-caption{text-align:center;font-size:12px;color:var(--muted);margin-bottom:25px}.sheet-stat{margin:20px 0}.studio-sheet .modal-intro{font-size:13px;line-height:1.8}.upgrade-preview{display:flex;gap:20px;margin-bottom:22px}.upgrade-preview>span{flex:1;background:var(--soft);padding:18px;border-radius:12px;font-size:12px}.upgrade-preview b{display:block;font-size:23px;margin-top:9px}.sheet-controls{display:flex;gap:12px;margin:12px 0}.sheet-controls>button{flex:1;font-size:12px;padding:13px 8px}.studio-sheet .subtle{font-size:11px;line-height:1.7;margin:15px 0}.studio-sheet .button.full{margin-top:18px}.studio-sheet .in-sheet{border:0;box-shadow:none;padding:0;gap:4px;margin-bottom:22px}.in-sheet .add-carriage{display:none}.in-sheet .carriage-choice{padding:6px 2px}.in-sheet .carriage-choice img{height:27px}.studio-sheet .notice{font-size:12px}.rail-workspace .play-layout{margin-top:25px}.rail-workspace .catalog-body h2{font-size:25px}
@media(min-width:1450px){.train-studio{padding-bottom:25px}.carriage-stage{height:320px;margin-top:40px}.floating-actions{margin-top:40px}}
@media(max-width:1000px){.rail-workspace{padding:0 28px}.rail-header{gap:15px}.rail-brand{font-size:20px;gap:8px}.rail-tabs{gap:2px}.rail-tabs>button{padding:12px;font-size:12px}.rail-utilities{gap:5px}.carriage-stage{margin-left:-28px;margin-right:-28px;height:245px}.floating-action{min-width:0;flex:1;max-width:220px;padding:19px 15px;font-size:14px}.floating-actions{gap:16px}.carriage-picker{padding:10px 15px}}
@media(max-width:650px){.rail-workspace{padding:0 20px}.rail-header{height:auto;padding-top:22px;flex-wrap:wrap;gap:15px}.rail-brand{font-size:21px;flex:1}.rail-brand svg{width:25px}.rail-utilities{gap:12px}.rail-tabs{width:100%;order:3;justify-content:center;margin:0;padding-bottom:10px;gap:8px}.rail-tabs>button{flex:1;font-size:12px;padding:12px 8px}.rail-tabs>button.active:after{bottom:-10px;height:2px}.rail-workspace main{padding-top:26px}.studio-heading{padding-top:10px}.studio-eyebrow{font-size:8px;letter-spacing:1.4px}.studio-heading h1{font-size:30px;margin-top:12px;letter-spacing:-1px}.train-nickname{font-size:11px}.carriage-stage{height:185px;margin:20px -20px 0}.carriage-window{inset:20px 0 16px}.carriage-focus,.carriage-neighbour{width:78%}.carriage-focus{left:11%}.carriage-neighbour.previous{right:89%}.carriage-neighbour.next{left:89%}.browse-carriage{width:36px;height:36px;top:59%}.browse-carriage.previous{left:3%}.browse-carriage.next{right:3%}.browse-carriage svg{width:19px}.meadow-ribbon{height:70px}.rail-line{bottom:24px}.carriage-description{margin-top:12px}.carriage-description h2{font-size:21px}.carriage-description>p{font-size:11px}.carriage-facts{gap:15px;font-size:11px;margin-top:22px}.carriage-facts>span{gap:6px}.carriage-facts svg{width:18px}.floating-actions{gap:8px;margin:29px 0 24px}.floating-action{flex-direction:column;gap:10px;padding:16px 6px;border-radius:22px;font-size:11px}.floating-action svg{width:23px}.carriage-picker{gap:3px;padding:10px 8px;border-radius:24px}.carriage-choice{padding:6px 2px}.carriage-choice img{height:24px}.carriage-choice>span{font-size:10px}.add-carriage{width:30px;height:30px;margin-left:3px}.add-carriage svg{width:18px}.rail-footer{padding:24px 0;font-size:8px;gap:15px;align-items:flex-start}.rail-footer>div{gap:12px}.rail-footer .text-button{font-size:8px}.toast{bottom:20px}.studio-sheet .sheet-controls{gap:7px}.rail-workspace .page-heading h1{font-size:28px}.studio-trip-note{font-size:10px}.rail-wallet{font-size:12px}}
.meadow-ribbon{height:100%;bottom:-10px;background:url('assets/meadow.webp') center/100% 100% no-repeat;opacity:.68;mask-image:none}.rail-line{display:none}
/* Compact studio reserves space for the future left navigation. */
.rail-workspace{--future-sidebar:200px}.rail-workspace .studio-main{padding-left:var(--future-sidebar)}.train-studio{max-width:920px;margin:0 auto;padding-bottom:0}.rail-header{height:88px}.rail-tabs>button.active:after{bottom:-14px}.studio-heading{padding-top:10px}.studio-heading h1{font-size:32px;margin:12px 0 7px}.studio-eyebrow{font-size:9px}.carriage-stage{height:235px;margin:18px 0 0}.carriage-window{--carriage-width:61%;--carriage-step:62%;touch-action:pan-y;cursor:grab}.carriage-window:active{cursor:grabbing}.carriage-track{position:absolute;inset:0;will-change:transform}.carriage-slot{position:absolute;left:calc(50% + var(--offset)*var(--carriage-step));width:var(--carriage-width);height:100%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;opacity:.14;pointer-events:none}.carriage-slot.is-selected{opacity:1}.carriage-slot img{max-height:100%;object-fit:contain}.carriage-description{margin-top:14px}.carriage-description h2{font-size:21px}.carriage-description>p{font-size:11px}.carriage-facts{margin-top:20px;font-size:12px;gap:24px}.floating-actions{gap:18px;margin:28px auto}.floating-action{min-width:160px;padding:17px 22px;font-size:13px;gap:13px}.floating-action svg{width:22px}.carriage-picker{max-width:730px;padding:9px 17px;gap:7px}.carriage-choice img{height:32px}.browse-carriage{width:42px;height:42px}.rail-footer{padding:20px 0}
@media(max-width:1100px) and (min-width:851px){.rail-workspace{--future-sidebar:165px}.floating-action{min-width:0;padding:15px}.carriage-stage{height:210px}.studio-heading h1{font-size:29px}.carriage-picker{gap:3px;padding:9px 10px}}
@media(max-width:850px){.rail-workspace{--future-sidebar:0px}.rail-workspace .studio-main{padding-left:0}.carriage-stage{height:220px}}
@media(max-width:650px){.rail-header{height:auto}.rail-tabs>button.active:after{bottom:-10px}.studio-heading h1{font-size:28px}.carriage-stage{height:170px;margin:18px -20px 0}.carriage-window{--carriage-width:78%;--carriage-step:79%}.carriage-description h2{font-size:20px}.carriage-facts{font-size:11px;gap:15px}.floating-actions{gap:8px;margin:25px 0 22px}.floating-action{min-width:0;padding:14px 6px;font-size:11px;gap:9px}.carriage-picker{padding:9px 8px;gap:3px}.carriage-choice img{height:24px}.browse-carriage{width:36px;height:36px}.rail-footer{padding:24px 0}.carriage-description{margin-top:12px}}
/* Sidebar, garage and itinerary modules */
.rail-app{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1600px;margin:0 auto;min-height:100dvh}.rail-sidebar{position:sticky;top:0;height:100dvh;padding:42px 20px 24px;background:#f6f8f5;border-right:1px solid #e9ede7;display:flex;flex-direction:column;z-index:25}.side-brand{display:flex;align-items:center;text-align:left;gap:13px;margin:0 9px 48px;color:var(--primary-dark)}.side-brand strong{font-size:26px;line-height:1.04;letter-spacing:-.8px}.side-brand em{font-style:normal;font-weight:400;color:#92a593}.side-kicker{font-size:8px;letter-spacing:1.9px;color:#98a397;margin:0 13px 14px}.rail-side-nav{display:flex;flex-direction:column;gap:7px}.rail-side-nav>button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;font-size:13px;border-radius:11px;color:#748175;min-height:46px}.rail-side-nav>button.active{background:#e5ece3;color:#365a43;font-weight:650}.rail-side-nav>button:hover{background:#ecf0e9}.rail-side-nav small{margin-left:auto;background:#fff9;border-radius:20px;padding:3px 7px;font-size:10px}.active-train-select{margin:36px 10px 24px}.active-train-select label{display:block;font-size:8px;letter-spacing:1.4px;color:#8e9b8d;margin-bottom:10px}.active-train-select select{width:100%;font:12px var(--sans);padding:10px 4px;border:0;border-bottom:1px solid #dce3d9;color:var(--ink);background:transparent}.secondary-nav>button{font-size:11px;padding:11px 15px;min-height:38px}.side-bottom{margin-top:auto;padding:30px 10px 0}.side-wallet{display:flex;gap:8px;align-items:center;font-size:15px;padding:0 0 22px;color:var(--primary-dark)}.side-wallet span{font-size:10px;color:var(--muted);margin-left:auto}.side-settings{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);padding:10px 0}.side-about{font-size:9px;color:#97a195;padding:13px 0}.rail-app .rail-workspace{margin:0;max-width:none;width:100%;min-width:0;padding:0 45px}.rail-app .rail-workspace main{padding:52px 0 20px;min-height:calc(100dvh - 65px)}.rail-app .rail-workspace .studio-main{padding-left:0}.rail-app .train-studio{max-width:920px}.rail-footer{max-width:100%;font-size:9px}.mobile-menu-toggle,.sidebar-backdrop{display:none}.scene-vignette{position:absolute;inset:0;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.carriage-tile{position:relative;flex:1;min-width:0;max-width:135px}.carriage-tile .carriage-choice{width:100%;max-width:none;padding-top:13px}.detach-carriage{position:absolute;right:0;top:-3px;border:1px solid #e3e8e2;background:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#8b988d;z-index:2;opacity:.8}.detach-carriage:hover{background:#f3e8e1;color:#8c5947;opacity:1}.detach-carriage:disabled{opacity:.2}.garage-helper{text-align:center;color:#9aa49f;font-size:10px;margin:17px 0 0}.assembly-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#97764d;margin:20px auto 0;max-width:480px;text-align:center;line-height:1.6}.empty-consist{min-height:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--primary);text-align:center}.empty-consist h2{font-size:22px;font-weight:550;color:var(--ink)}.empty-consist p{font-size:12px;line-height:1.8;max-width:340px;color:var(--muted)}.module-heading{margin:10px 0 35px}.module-heading h1{font:650 32px/1.2 var(--sans);letter-spacing:-1px;margin:13px 0}.module-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.module-heading p>span{padding:0 6px}.garage-page{max-width:910px;margin:auto}.garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.part-card{border:1px solid #e4e9e3;border-radius:19px;padding:18px;background:#fff;min-height:230px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 5px 14px #2c533b03}.part-preview{height:90px;display:flex;align-items:center;width:100%;padding:5px 0}.part-preview .carriage-art{filter:saturate(.8);max-height:90px}.part-card h3{font-size:14px;font-weight:600;margin:10px 0 8px}.part-card>p{font-size:11px;color:var(--muted);margin-bottom:18px}.part-card>p span{padding:0 7px}.part-card .button{margin-top:auto}.part-card>small{font-size:9px;color:#9b8970;text-align:center;margin-top:9px}.button.compact{padding:10px 11px;font-size:11px;border-radius:9px;gap:6px;min-height:36px}.garage-empty{border:1px dashed #dce3d9;border-radius:22px;min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;padding:40px 25px;color:#889d88}.garage-empty h3{font:550 21px var(--sans);color:var(--ink)}.garage-empty p{font-size:12px;line-height:1.9;max-width:370px;color:var(--muted)}.parts-shop{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.parts-shop summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;padding:10px 0;font-size:12px;color:var(--primary-dark)}.parts-shop summary>span{margin-left:auto}.parts-shop[open] summary>span{transform:rotate(90deg)}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.shop-grid>article{display:flex;flex-direction:column;gap:10px;border-radius:12px;background:#f6f8f4;padding:14px}.shop-grid img{height:53px;object-fit:contain}.shop-grid strong{font-size:11px}.shop-grid small{font-size:10px;color:var(--muted)}.parts-shop>p{font-size:10px;color:var(--muted)}.garage-sheet{width:min(730px,calc(100% - 28px))}.garage-sheet .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.garage-sheet .part-card{padding:13px;min-height:210px}.garage-sheet .part-card h3{font-size:12px}.garage-sheet .part-preview{height:65px}.garage-sheet .part-card .button{font-size:10px}.in-sheet .add-carriage{display:grid}.studio-sheet .in-sheet{padding-top:6px}.route-builder{max-width:650px;margin:auto}.route-editor-card{border:1px solid #e2e8e2;border-radius:22px;padding:29px 32px;box-shadow:0 6px 24px #2d4c3804}.route-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.route-card-heading h2{font:600 18px var(--sans);letter-spacing:-.3px}.route-card-heading>span{font-size:10px;color:var(--muted)}.stop-list{list-style:none;padding:0;margin:0}.stop-row{display:flex;align-items:center;gap:12px;position:relative;padding:11px 0;border-radius:9px;background:#fff;isolation:isolate}.stop-row:not(:last-child):after{content:'';position:absolute;left:42px;top:48px;bottom:-22px;border-left:2px dotted #cedbd1;z-index:-1}.stop-handle{cursor:grab;color:#b1bdb1;padding:5px 0;width:15px;font-size:22px;flex-shrink:0}.stop-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef3ed;color:#637b66;font-size:10px;flex-shrink:0}.stop-dot.destination{background:#527b6b;color:#fff}.stop-input{flex:1;min-width:0}.stop-input label{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-bottom:4px}.stop-input select{width:100%;font:500 14px var(--sans);color:var(--ink);background:#f7f9f5;border:1px solid #e5ebe3;border-radius:9px;padding:12px 8px;cursor:pointer}.stop-order{display:flex;flex-direction:column;gap:1px}.stop-small{border:1px solid #edf0ea;border-radius:5px;color:#758a77;font-size:13px;min-width:25px;height:23px}.stop-small:disabled,.stop-remove:disabled{opacity:.2}.stop-remove{width:24px;height:30px;display:grid;place-items:center;color:#97a195}.stop-row.dragging{opacity:.4}.stop-row.drop-target{box-shadow:0 -3px #527b6b;background:#f0f5ee}.add-stop{display:flex;align-items:center;gap:8px;margin:17px 0 27px 38px;color:var(--primary-dark);font-size:12px;padding:8px 0}.route-load{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.route-load>span{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.route-load .segmented{margin:0;background:#f2f5ef;min-width:0}.route-load .segmented button{font-size:10px;padding:8px 12px}.route-summary{display:flex;justify-content:space-between;gap:15px;margin:28px 0}.route-summary small{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}.route-summary strong{font-size:20px;font-weight:550}.route-summary strong svg{color:#9cae97}.route-validation{display:flex;align-items:flex-start;gap:8px;color:#97764d;font-size:11px;line-height:1.7;margin-bottom:16px}.route-validation svg{flex-shrink:0;margin-top:2px}.route-offline{font-size:10px;color:#8c998e;text-align:center;margin-top:16px}.station-unlocks{margin-top:23px;font-size:11px;color:var(--muted)}.station-unlocks summary{cursor:pointer;padding:10px 0}.station-unlocks>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;gap:15px}.station-unlocks small{display:block;font-size:10px;margin-top:5px}.journey-follow{max-width:940px;margin:auto}.journey-follow>.module-heading{text-align:center;margin-top:20px;margin-bottom:20px}.travel-status{text-align:center;font-size:11px;color:var(--primary);min-height:24px;margin-top:20px}.travel-scene{position:relative;height:290px;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);margin:5px -20px 5px}.travel-scenery{position:absolute;inset:0;overflow:hidden;opacity:.75}.scenery-track{display:flex;width:400%;height:100%;position:absolute;left:0;bottom:0;will-change:transform}.scenery-tile{width:25%;height:100%;flex-shrink:0;background:url('assets/meadow.webp') center/100% 100% no-repeat}.scenery-tile.mirrored{transform:scaleX(-1)}.passing-track{position:absolute;left:0;right:0;top:79%;height:7px;opacity:.35;background:repeating-linear-gradient(90deg,#70786c 0 3px,transparent 3px 17px);border-top:1px solid #838c7e;border-bottom:1px solid #838c7e;will-change:background-position}.travelling-consist{position:absolute;left:6%;width:88%;bottom:20%;display:flex;align-items:flex-end;will-change:transform}.travelling-car{position:relative;flex:1;min-width:0;margin-right:-.8%;}.travelling-car:last-child{margin-right:0}.travelling-car .carriage-art{width:100%;max-width:none;display:block;margin-bottom:-4.4%;}.wheel-effects{position:absolute;inset:0;pointer-events:none}.rolling-wheel{position:absolute;top:78.2%;width:2.2%;aspect-ratio:1;border-radius:50%;opacity:.5;background:conic-gradient(from 0deg,#bac0b7 0deg 18deg,#30372d 18deg 90deg,#bac0b7 90deg 108deg,#30372d 108deg 180deg,#bac0b7 180deg 198deg,#30372d 198deg 270deg,#bac0b7 270deg 288deg,#30372d 288deg);box-shadow:0 0 1px #324134}.wheel-0{left:6.9%}.wheel-1{left:13.8%}.wheel-2{left:85.5%}.wheel-3{left:92.5%}.travel-readouts{display:flex;justify-content:center;gap:0;margin:8px auto 35px;max-width:650px;text-align:center}.travel-readouts>div{flex:1;padding:5px 15px;border-right:1px solid var(--line)}.travel-readouts>div:last-child{border:0}.travel-readouts small{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.travel-readouts strong{font:600 23px var(--sans);letter-spacing:-.4px}.travel-readouts em{font-size:12px;font-style:normal;font-weight:400;color:var(--muted)}.travel-route{border:1px solid #e3e9e2;border-radius:18px;padding:24px 27px;max-width:730px;margin:auto}.travel-route .route-card-heading{margin-bottom:23px}.travel-route ol{display:flex;list-style:none;margin:0;padding:0;gap:0}.travel-route li{flex:1;position:relative;font-size:10px;color:var(--muted);line-height:1.4;text-align:center;min-width:0}.travel-route li:before{content:'';height:2px;background:#e4e9e2;position:absolute;top:7px;left:-50%;right:50%;z-index:0}.travel-route li:first-child:before{display:none}.travel-route li>i{display:block;position:relative;width:16px;height:16px;background:#e4e9e2;border:4px solid #fff;box-shadow:0 0 0 1px #e4e9e2;border-radius:50%;margin:0 auto 10px;z-index:1}.travel-route li.passed>i{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.travel-route li.passed:before{background:var(--primary)}.travel-route li.current{color:var(--primary-dark);font-weight:600}.travel-route li>span{display:block;overflow-wrap:anywhere;padding:0 2px}.trip-progress{height:3px;background:#f1f4ef;margin:23px 0 0;border-radius:4px;overflow:hidden}.trip-progress>span{height:100%;display:block;background:#86a68b;transition:width .2s linear}.arrival-actions{text-align:center;margin-top:25px}.arrival-actions>p{font-size:10px;color:var(--muted);margin-top:14px}.arrival-actions>button:disabled{background:#eff3ed;color:#8b9c8d;opacity:1}.rail-app .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-app .catalog-art.vehicle-art{height:170px}.rail-app .catalog-body h2{font-size:21px}
@media(max-width:1150px){.rail-app{grid-template-columns:185px minmax(0,1fr)}.rail-sidebar{padding:32px 15px 20px}.side-brand{font-size:23px;gap:10px;margin-bottom:40px}.rail-app .rail-workspace{padding:0 30px}.garage-grid{gap:12px}.part-card{padding:14px}.part-card .button{font-size:10px;padding:10px 6px}.travel-scene{height:250px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-app .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-app{grid-template-columns:165px minmax(0,1fr)}.rail-sidebar{padding:30px 10px 20px}.side-brand strong{font-size:23px}.side-brand{gap:8px}.side-brand svg{width:25px}.rail-side-nav>button{font-size:12px;padding:12px}.rail-app .rail-workspace{padding:0 23px}.floating-actions{gap:10px}.floating-action{min-width:0;padding:16px 12px}.route-editor-card{padding:23px 20px}.route-load{flex-direction:column;align-items:stretch}.route-load .segmented{align-self:flex-start}.stop-row{gap:8px}.stop-row:not(:last-child):after{left:36px}.travel-readouts strong{font-size:19px}.travel-readouts>div{padding:5px 8px}.garage-sheet .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.rail-app{display:block}.rail-sidebar{position:fixed;inset:0 auto 0 0;width:220px;height:100dvh;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;z-index:50;padding:32px 20px}.menu-open .rail-sidebar{transform:translateX(0);visibility:visible}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#203b2b33;z-index:45}.mobile-menu-toggle{display:flex;align-items:center;gap:7px;position:absolute;top:18px;left:18px;background:#f4f7f1;border:1px solid #e7ece3;border-radius:10px;padding:9px 12px;font-size:11px;color:var(--primary-dark);z-index:10}.rail-app .rail-workspace{padding:0 20px}.rail-app .rail-workspace main{padding-top:72px;min-height:calc(100dvh - 60px)}.rail-app .train-studio .studio-heading{padding-top:8px}.rail-app .carriage-stage{margin-top:10px;height:160px}.rail-app .floating-actions{gap:8px}.rail-app .floating-action{padding:14px 6px}.carriage-tile .carriage-choice{padding-top:15px}.detach-carriage{height:23px;width:23px;top:-4px;right:-2px}.garage-helper{font-size:9px}.rail-app .carriage-picker{padding-top:13px;padding-bottom:8px}.module-heading{margin-top:8px;margin-bottom:25px}.module-heading h1{font-size:28px}.module-heading p{font-size:11px}.garage-grid{gap:11px}.part-card{min-height:205px;padding:12px}.part-preview{height:65px}.part-card h3{font-size:12px}.part-card>p{font-size:10px;margin-bottom:14px}.part-card .button{font-size:9px;gap:4px;padding:10px 5px}.part-card>small{font-size:8px}.garage-empty{min-height:240px;padding:30px 20px}.garage-empty h3{font-size:20px}.garage-empty p{font-size:11px}.empty-consist{min-height:250px}.route-editor-card{padding:22px 14px;border-radius:18px}.route-card-heading h2{font-size:17px}.stop-row{gap:6px}.stop-row:not(:last-child):after{left:34px}.stop-input select{font-size:12px;padding:12px 5px}.stop-input label{font-size:8px}.stop-dot{width:25px;height:25px}.stop-order{gap:2px}.stop-small{width:25px;height:25px}.stop-remove{width:22px}.route-load{gap:15px}.route-summary{margin:24px 0}.route-summary strong{font-size:18px}.route-summary small{font-size:9px}.route-offline{font-size:9px;line-height:1.6}.add-stop{margin-left:34px}.journey-follow>.module-heading{margin-top:8px}.travel-scene{height:210px;margin-left:-20px;margin-right:-20px}.travelling-consist{left:4%;width:92%}.travel-readouts{margin-bottom:26px}.travel-readouts>div{padding:4px 7px}.travel-readouts strong{font-size:18px}.travel-readouts em{font-size:9px}.travel-readouts small{font-size:8px}.travel-route{padding:20px 14px}.travel-route li{font-size:8px}.travel-route .route-card-heading>span{font-size:9px}.travel-status{font-size:10px}.arrival-actions>p{font-size:9px;line-height:1.8}.garage-sheet .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-sheet .part-card .button{font-size:9px}.rail-app .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-app .catalog-art.vehicle-art{height:130px}.assembly-hint{font-size:10px}.scene-vignette{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}}

.recovery-ride{border:1px solid #dce7d9;background:#f5f8f2;border-radius:18px;padding:24px;margin-bottom:22px}.recovery-ride h2{font-size:20px;margin:0 0 10px}.recovery-ride p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 12px}.recovery-ride small{display:block;font-size:11px;color:var(--primary-dark);margin-bottom:18px}
/* Saved compositions, cargo and daily offers */
.train-slots{display:flex;align-items:stretch;justify-content:center;gap:10px;max-width:630px;margin:18px auto 0;padding:3px 2px 7px;overflow-x:auto;scrollbar-width:thin}.train-slot{flex:0 0 155px;min-width:0;border:1px solid #e7ece5;border-radius:13px;padding:10px 12px 9px;text-align:left;background:#fff;transition:background .2s,border-color .2s}.train-slot.active{border-color:#6e9580;background:#f3f7f0;box-shadow:0 2px 7px #29452e05}.slot-mini{height:27px;display:flex;align-items:flex-end;justify-content:center;color:#9bad9c;margin-bottom:5px}.slot-mini img{width:0;flex:1;min-width:0;max-width:65px;height:auto;filter:saturate(.7)}.slot-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#4e6457}.train-slot small{display:block;font-size:8px;color:#89988a;margin-top:4px}.extra-slot{min-width:29px;align-self:center;color:#8ba18e;padding:7px 3px}.train-studio .studio-heading{padding-top:8px}.train-studio .carriage-stage{margin-top:9px}.load-control{display:flex;justify-content:center;margin:-12px auto 19px}.load-control .button{font-size:11px;border-radius:30px;padding:9px 15px}.transport-kind{font-size:11px;display:flex;gap:7px;color:var(--primary-dark)}.container-art{translate:0 5%}.daily-shop{max-width:940px;margin:auto}.daily-shop .module-heading small{display:inline-block;margin-top:12px;border-radius:20px;padding:8px 12px;background:#f1f5ed;font-size:10px;color:#6b806b}.daily-card .part-preview{display:flex;align-items:center;justify-content:center}.daily-card .part-type{font-size:8px;letter-spacing:1.5px;color:#8b9e8e;margin:4px 0 10px}.daily-card.sold{background:#f7f9f4}.daily-card.sold .part-preview{opacity:.6}.shop-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px}.admin-coins{display:flex;gap:10px}.admin-coins>*{flex:1}.admin-form{margin:20px 0}.admin-form label{font-size:11px;color:var(--muted)}.admin-form>div{display:flex;gap:9px;margin-top:7px}.admin-form input,.admin-form select{min-width:0;width:100%;flex:1;padding:12px;border:1px solid #dce4d9;border-radius:10px;background:#f8faf5;font:13px var(--sans)}.admin-form button{font-size:11px;padding:12px}.admin-actions{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:18px}.admin-actions .button{font-size:12px}.prototype-admin{opacity:.8}.rail-sidebar{overflow-y:auto}.side-brand{margin-bottom:28px}.active-train-select{margin-top:22px;margin-bottom:17px}.side-bottom{padding-top:20px}.side-wallet{padding-bottom:12px}.side-settings{padding:8px 0}.side-about{padding:8px 0}
/* Scene dimensions remain fixed while decoded art is prepared. */
.scene-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;z-index:5;color:#829587;font-size:11px}.loading-dots{display:flex;gap:6px}.loading-dots i{width:5px;height:5px;border-radius:50%;background:#7f9b83;animation:loading-dot 1.2s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.16s}.loading-dots i:nth-child(3){animation-delay:.32s}.loading-label{font-size:10px;color:#99a69a}.scene-loading>:not(.scene-loader){visibility:hidden;opacity:0}.scene-ready>.scene-loader{display:none}.scene-ready>.scene-vignette,.scene-ready>.travel-scenery,.scene-ready>.travelling-consist{animation:scene-reveal .22s ease-out}.scene-error .scene-loader{gap:16px}.travel-scene.scene-loading{mask-image:none}@keyframes loading-dot{0%,70%,100%{opacity:.25}35%{opacity:1}}@keyframes scene-reveal{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-dots i,.scene-ready>*{animation:none!important}}.reduce-motion .loading-dots i,.reduce-motion .scene-ready>*{animation:none!important}
@media(max-width:650px){.train-slots{justify-content:flex-start;gap:8px;margin-top:14px}.train-slot{flex-basis:123px;padding:9px 10px}.slot-mini{height:24px}.slot-name{font-size:10px}.train-studio .carriage-stage{margin-top:5px}.load-control{margin-top:-7px}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-card h3{line-height:1.5;min-height:34px}.daily-card .part-type{font-size:7px}.journey-follow .train-slots{margin-bottom:15px}.side-brand{margin-bottom:24px}.active-train-select{margin-top:20px}}
.train-slots{width:fit-content;max-width:min(100%,630px);justify-content:flex-start}.journey-follow .travel-scene{height:245px}@media(max-width:650px){.journey-follow .travel-scene{height:210px}}
.train-slots{scrollbar-width:none}.train-slots::-webkit-scrollbar{display:none}