:root{color:#211e1a;background:#f4ebdd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{color:inherit;font:inherit}.app-shell{display:grid;width:100%;height:100dvh;overflow:hidden;place-items:center;background-color:#e9dfcf;background-image:url(/assets/train-map/paper_texture.png);background-repeat:repeat}.game-frame{position:relative;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;isolation:isolate;background:#f4ebdd;box-shadow:0 0 50px #5f4d372b}.game-canvas,.game-canvas canvas{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important}.game-canvas{z-index:0}.hud{position:absolute;z-index:10;inset:0;pointer-events:none}.speed-dots{position:absolute;top:max(24px,calc(env(safe-area-inset-top) + 14px));left:50%;display:flex;gap:12px;transform:translate(-50%)}.speed-dots i{position:relative;width:8px;height:8px;border-radius:50%;background:#211e1a2e;transition:background .12s ease,transform .12s ease}.speed-dots i.is-active{background:#211e1a}.speed-dots i.is-safe:before,.speed-dots i.is-safe:after{position:absolute;top:-6px;width:5px;height:18px;border-color:#b6422e;border-style:solid;content:""}.speed-dots i.is-safe:before{right:11px;border-width:1px 0 1px 1px;border-radius:70% 0 0 70%;transform:rotate(-5deg)}.speed-dots i.is-safe:after{left:11px;border-width:1px 1px 1px 0;border-radius:0 70% 70% 0;transform:rotate(5deg)}.speed-dots i.is-over-safe{background:#b6422e;animation:unsafe-dot .55s ease-in-out infinite alternate}.scrap-pickup{position:absolute;right:max(28px,calc(env(safe-area-inset-right) + 18px));bottom:30%;color:#b6422e;font-size:.72rem;animation:scrap-away .72s ease-out both}.debug-panel{position:absolute;top:max(46px,calc(env(safe-area-inset-top) + 36px));left:max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:3px;max-width:calc(100% - 24px);padding:6px 8px;border-left:1px solid #b6422e;color:#302923;background:#f4ebdddb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;line-height:1.35}.debug-panel strong{color:#b6422e;letter-spacing:.14em}.brake-dock{position:absolute;right:0;bottom:0;left:0;width:100%;height:28%;min-height:170px}.brake-touch{--brake-progress: 1;position:relative;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;cursor:pointer;touch-action:none;pointer-events:auto}.brake-arc{position:absolute;right:50%;bottom:max(3px,env(safe-area-inset-bottom));width:min(92vw,370px);height:auto;overflow:visible;transform:translate(50%);transition:transform 90ms ease}.brake-arc path{fill:none;stroke-linecap:round}.brake-arc-base{stroke:#b68a43;stroke-width:1.5;opacity:.38}.brake-arc-heat{stroke:#b6422e;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:var(--brake-progress);transition:stroke-dashoffset 80ms linear}.brake-touch.is-pressed .brake-arc{transform:translate(50%) translateY(2px) scale(.99)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.screen{position:absolute;z-index:20;inset:0;display:flex;overflow:auto;align-items:center;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#211e1a;background-color:#f4ebdd;background-image:linear-gradient(#f4ebdd12,#f4ebdd12),url(/assets/train-map/paper_texture.png);background-repeat:repeat}.start-screen{justify-content:center}.title-mark{display:flex;width:80px;height:72px;align-items:center;justify-content:space-between;margin-bottom:16px;border-right:3px solid #302923;border-left:3px solid #302923}.title-mark i{display:block;width:84px;height:4px;background:#302923}.eyebrow{margin:0 0 13px;color:#b6422e;font-size:clamp(.58rem,2.5vw,.72rem);font-weight:900;letter-spacing:.18em;text-align:center}.screen h1{margin:0;color:#211e1a;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.9rem,14vw,4.8rem);font-weight:500;line-height:.86;letter-spacing:-.065em;text-align:center}.intro{max-width:360px;margin:25px 0 24px;color:#655b50;font-size:clamp(.82rem,3.5vw,1rem);line-height:1.55;text-align:center}.instructions{width:100%;max-width:350px;margin-bottom:25px;border-top:1px solid #493d3030}.instructions div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-height:45px;border-bottom:1px solid #493d3030}.instructions span{color:#9c7b55;font-family:ui-monospace,monospace;font-size:.66rem}.instructions p{margin:0;color:#4c433a;font-size:.78rem}.primary-button{width:min(100%,350px);min-height:56px;border:1px solid #963322;border-radius:2px;color:#fff8eb;background:#b6422e;box-shadow:0 8px 22px #7d3b272b;font-size:.86rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.primary-button:active{transform:translateY(2px);background:#9e3525}.primary-button:focus-visible,.brake-touch:focus-visible .brake-arc{outline:2px solid #b6422e;outline-offset:3px}.desktop-note{margin:15px 0 0;color:#8d7d6b;font-size:.59rem;line-height:1.4;text-align:center}.result-screen{justify-content:center}.result-screen.is-crash{background-color:#f0dfd2}.result-screen.is-success{background-color:#eef0dd}.result-reason{max-width:340px;margin:23px 0;color:#655b50;font-size:.94rem;line-height:1.45;text-align:center}.result-stats{width:min(100%,350px);margin-bottom:28px;border-top:1px solid #493d3030}.result-stats div{display:flex;min-height:54px;align-items:center;justify-content:space-between;border-bottom:1px solid #493d3030}.result-stats span{color:#8d7d6b;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.result-stats strong{color:#211e1a;font-family:Arial Narrow,system-ui,sans-serif;font-size:1.2rem}@keyframes unsafe-dot{0%{transform:scale(.94);opacity:.72}to{transform:scale(1.12);opacity:1}}@keyframes scrap-away{0%{transform:translate(0) scale(.65) rotate(0);opacity:0}25%{opacity:1}to{transform:translate(18px,-70px) scale(.2) rotate(90deg);opacity:0}}@media(min-width:700px){.game-frame{width:min(100vw,56.25dvh)}}@media(max-height:650px){.title-mark{width:58px;height:48px;margin-bottom:10px}.screen h1{font-size:2.8rem}.intro{margin:16px 0;line-height:1.35}.instructions{margin-bottom:16px}.instructions div{min-height:38px}.brake-dock{min-height:145px}}