@import url('assets/fonts.css');
:root{--bg:#13181e;--panel:#1c242c;--ink:#f2efe4;--muted:#8999a8;--yellow:#ffcc00;--mint:#9cdeb8;--line:#35404a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:12px 'Roboto Mono',monospace}.app{max-width:1220px;padding:0 32px;margin:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.8px;line-height:1.7}.brand b{font:22px 'Russo One',sans-serif;letter-spacing:3px}.brand-icon{position:relative;width:44px;height:44px;display:grid;place-items:center;background:var(--yellow);color:#171b22;font:italic 34px 'Russo One',sans-serif}.brand-icon span{position:absolute;right:2px;bottom:1px;font:7px monospace}.edition{color:var(--muted);font-size:9px;letter-spacing:1px}.dot{display:inline-block;width:5px;height:5px;background:var(--mint);margin-right:7px}.tools{display:flex;gap:8px}.tools button{background:transparent;border:1px solid var(--line);color:var(--ink);height:34px;padding:0 11px;font-size:16px}.tools button span{font-size:8px;letter-spacing:1px}.machine{border:1px solid #46515c;box-shadow:0 18px 55px #0004}.machine-label{display:flex;justify-content:space-between;padding:10px 15px;background:var(--panel);font-size:8px;letter-spacing:1px;color:var(--muted)}.machine-label span:first-child{color:var(--yellow)}.screen{aspect-ratio:16/9;position:relative;overflow:hidden;isolation:isolate;background:#132434}.screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:grid;place-items:center}.screen:fullscreen canvas{object-fit:contain}#game{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#00000010 0px,#00000010 1px,transparent 1px,transparent 3px)}.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5% 6%;background:linear-gradient(90deg,#0c1828ef,#0c1828bb 34%,#0c18282a 65%,transparent)}.intro-tag{font-size:8px;letter-spacing:1.5px;color:var(--mint);margin-bottom:20px}h1{font:clamp(24px,4.1vw,55px)/1.16 'Russo One',sans-serif;margin:0;text-shadow:3px 3px #132033}h1 em{font-style:normal;color:var(--yellow)}.overlay p{color:#c4ced5;font-size:12px;line-height:1.85;margin:22px 0;max-width:460px}.primary{background:var(--yellow);color:#171b21;border:0;padding:17px 21px;font-size:11px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:4px 4px #8a701b}.primary:hover{background:#ffdf56}.primary span{font-size:21px}.primary:active{transform:translate(2px,2px);box-shadow:2px 2px #8a701b}#overlay-hint{font-size:7px;color:var(--muted);margin-top:18px;letter-spacing:.6px}.share{background:none;border:0;border-bottom:1px solid #aaa;color:var(--ink);padding:9px 0;margin-top:12px;font-size:8px}.hud{position:absolute;inset:22px 25px auto;display:flex;justify-content:space-between;align-items:start;pointer-events:none;z-index:3;text-shadow:1px 2px #111d2b}.calm{width:27%}.calm b{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px}.track{height:12px;border:2px solid #dddac9;background:#23313a;margin-top:8px}.track i{display:block;width:100%;height:100%;background:var(--yellow);transition:width .15s}.calm small{font-size:7px;color:var(--mint);display:block;margin-top:7px}.chapter{display:flex;flex-direction:column;text-align:center;gap:4px}.chapter b{font:27px 'Russo One',sans-serif;color:var(--yellow)}.chapter span{font-size:8px;letter-spacing:1.4px}.score{position:relative;text-align:right;width:27%;padding-right:36px}.score small{display:block;font-size:8px;letter-spacing:1px}.score b{display:block;font-size:23px;letter-spacing:2px}.score button{position:absolute;right:0;top:0;background:#182939bb;color:#fff;border:1px solid #9dabb9;padding:6px 8px;pointer-events:auto}.mission-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#202a33;border-top:1px solid #475661;gap:15px}.mission-bar span{font-size:7px;letter-spacing:1.5px;color:var(--mint);display:block;margin-bottom:6px}.mission-bar b{font:18px 'Russo One',sans-serif;display:block}.mission-bar p{font-size:10px;color:#b7c6d1;margin:7px 0 0;line-height:1.7}.mission-count{font:22px 'Russo One',sans-serif;color:var(--yellow);white-space:nowrap}.controls{display:flex;justify-content:space-between;padding:12px 20px;background:#1a2129;font-size:7px;color:var(--muted);gap:10px;flex-wrap:wrap}kbd{display:inline-block;min-width:19px;padding:4px;background:#2b3540;color:#e3e6df;border:1px solid #52606c;border-bottom-width:2px;margin-right:4px;font:8px monospace}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#172737;z-index:15;gap:18px;color:var(--yellow);font-size:10px}.loading span{color:var(--muted)}.loader{width:16px;height:16px;background:var(--yellow);box-shadow:24px 0 #ffcc0055,-24px 0 #ffcc0055;animation:blink 1s infinite alternate}@keyframes blink{to{opacity:.3}}#toast{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);max-width:85%;text-align:center;background:#172a34eb;border:1px solid #b5d7c166;padding:11px 18px;font-size:11px;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}.route{padding:27px 0}.section-caption{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:1px;gap:20px;margin-bottom:15px}.section-caption b{color:#c1cbd5;font-size:9px;font-weight:500}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.route-card{border:1px solid var(--line);background:#1b232c;padding:18px 14px;display:flex;align-items:center;gap:13px}.route-card>span{border:1px solid #56636f;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.route-card b{font:16px 'Russo One',sans-serif;font-weight:400}.route-card small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.route-card i{margin-left:auto;font-size:7px;font-style:normal;color:var(--muted)}.route-card.active{border-color:var(--yellow)}.route-card.active>span{background:var(--yellow);color:#161b22;border-color:var(--yellow)}.route-card.done{border-color:#628f75}.route-card.done i{color:var(--mint)}.company{border-top:1px solid var(--line);padding:24px 0}.cast{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cast-card{min-width:0;background:linear-gradient(#22313d,#1a232d);border:1px solid var(--line);text-align:center;padding:8px 5px 15px;position:relative}.cast-card.ally{border-color:#aa923c;background:linear-gradient(#353829,#212a2c)}.cast-card canvas{width:100%;height:auto;image-rendering:pixelated}.cast-card .role{position:absolute;top:9px;left:9px;font-size:6px;color:var(--yellow)}.cast-card b{display:block;font-size:9px;margin-top:3px;line-height:1.6}.cast-card small{display:block;color:var(--muted);font-size:7px;line-height:1.7;margin-top:5px}.product-note{border:1px solid #756b33;background:#282a23;padding:19px 23px;display:flex;align-items:center;gap:20px}.go-mark{background:var(--yellow);color:#13181e;padding:10px;border-radius:12px;font:bold 27px Arial,sans-serif}.product-note p{font-size:9px;line-height:1.9;color:#aeb9bc;margin:0}.product-note b{color:var(--ink);font-size:11px}.demo-label{margin-left:auto;font-size:7px;line-height:1.8;color:#b4a665;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:27px;padding:22px 0;color:var(--muted);font-size:7px;letter-spacing:.7px}footer a,footer button{background:transparent;color:var(--yellow);border:0;font-size:7px;text-decoration:none;padding:0}.touch-controls{display:none;justify-content:space-between;gap:10px;padding:12px;background:#151f29}.touch-controls>div{display:flex;gap:8px}.touch-controls button{touch-action:none;min-width:49px;height:47px;border:1px solid #5a6b7a;background:#283949;color:#fff;border-radius:6px;font-size:20px}.touch-controls .help-key{background:var(--yellow);color:#171b22;font-size:10px;padding:0 15px;font-weight:bold}.touch-controls button:active{filter:brightness(1.4)}dialog{background:#f7f7f4;border:0;border-radius:24px;padding:28px;width:min(430px,calc(100% - 28px));color:#202226;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0b1728cc}.close{position:absolute;right:16px;top:13px;border:0;background:#e6e6e1;border-radius:50%;width:28px;height:28px;font-size:23px;line-height:1}.phone-top{display:flex;justify-content:space-between;align-items:center;padding-right:30px;font:17px Arial,sans-serif;margin-bottom:35px}.phone-top b{background:var(--yellow);padding:3px 6px;border-radius:6px}.phone-top small{font:8px monospace;color:#8b8d8a}.phone-icon{font:40px Arial;display:grid;place-items:center;background:#ffdf43;width:76px;height:76px;border-radius:22px;margin-bottom:20px}.phone-step{color:#868c91;font-size:9px;letter-spacing:1px}dialog h2{font:28px/1.2 'Russo One',sans-serif;margin:14px 0}dialog p{font:13px/1.75 Arial,sans-serif;color:#656a70}dialog button.wide{display:block;width:100%;border:0;border-radius:13px;background:var(--yellow);padding:16px;color:#202226;font-weight:bold;margin:18px 0 0}dialog .vehicle{width:100%;border:2px solid #ffd525;border-radius:14px;background:white;display:flex;gap:16px;text-align:left;align-items:center;padding:18px;margin-top:18px;color:#202226}.vehicle strong{font-size:24px}.vehicle span{font:13px/1.6 Arial}.vehicle.disabled{border:1px solid #dcdedc;background:#ededeb;color:#90938e;cursor:default;margin-top:9px}.payment-disclaimer{font:10px/1.7 Arial,sans-serif;color:#929590;border-top:1px solid #ddd;margin-top:25px;padding-top:14px}#help{width:min(560px,calc(100% - 30px))}#help p{font:12px/1.9 'Roboto Mono',monospace}#help b{color:#8e6c00}@media(pointer:coarse){.touch-controls{display:flex}.controls{display:none}}@media(max-width:800px){.app{padding:0 15px}header{height:76px}.edition{display:none}.brand b{font-size:18px}h1{font-size:5vw}.intro-tag{font-size:6px;margin-bottom:12px}.overlay p{font-size:9px;margin:14px 0}.primary{padding:12px 15px;font-size:9px}#overlay-hint{font-size:6px;margin-top:12px}.hud{inset:14px 15px auto}.calm b{font-size:7px}.calm small{font-size:5px}.chapter b{font-size:21px}.chapter span{font-size:6px}.score b{font-size:17px}.score small{font-size:6px}.track{height:9px;margin-top:5px}.mission-bar{padding:14px}.mission-bar b{font-size:15px}.mission-bar p{font-size:9px}.route-card{gap:8px;padding:14px 9px}.route-card b{font-size:12px}.route-card small{font-size:5px}.route-card i{display:none}.cast{grid-template-columns:repeat(3,1fr)}.section-caption span{font-size:6px}.product-note{gap:13px;padding:16px}.demo-label{display:none}#toast{font-size:8px;padding:8px;bottom:12px}.machine-label{font-size:6px}.controls{justify-content:center}.share{font-size:6px;margin-top:5px}}@media(max-width:480px){.app{padding:0 8px}header{height:69px}.brand{font-size:8px;gap:8px}.brand b{font-size:16px}.brand-icon{width:36px;height:36px;font-size:28px}.tools button span{display:none}.machine-label span:nth-child(2){display:none}.overlay{padding:5%}.intro-tag{display:none}.overlay p{font-size:8px;margin:9px 0 11px}#overlay-hint{display:none}.primary{padding:10px;font-size:8px;gap:10px}.hud{inset:9px 10px auto}.calm b{font-size:5px}.calm b span{display:none}.calm small{font-size:4px}.chapter b{font-size:17px}.chapter span{font-size:5px}.score{padding-right:24px}.score b{font-size:12px}.score small{font-size:4px}.score button{font-size:8px;padding:4px 5px}.mission-bar b{font-size:13px}.mission-bar p{font-size:9px}.mission-count{font-size:16px}.section-caption span{display:none}.section-caption b{font-size:8px}.route-card{gap:6px;padding:12px 7px}.route-card>span{width:22px;height:22px;font-size:8px}.route-card b{font-size:10px}.route-card small{font-size:4px}.product-note p{font-size:8px}.product-note b{font-size:9px}.go-mark{font-size:20px}.cast-card b{font-size:8px}.cast-card small{font-size:6px}footer{font-size:6px;gap:10px}footer span{max-width:45%}#toast{font-size:6px;bottom:8px}.share{font-size:5px;padding:4px 0}.touch-controls>div{gap:5px}.touch-controls button{min-width:42px}}@media(min-width:900px) and (max-height:900px){.app{max-width:min(1220px,calc((100svh - 265px)*1.7778 + 64px))}header{height:76px}}

.machine:fullscreen{width:100vw;height:100dvh;background:#13181e;display:flex;flex-direction:column;align-items:center;overflow:auto}.machine:fullscreen .screen{flex:1;min-height:0;width:100%;aspect-ratio:auto}.machine:fullscreen #game{object-fit:contain}.machine:fullscreen .machine-label,.machine:fullscreen .mission-bar,.machine:fullscreen .controls,.machine:fullscreen .touch-controls{width:100%}.machine:fullscreen .mission-bar{padding:8px 16px}.machine:fullscreen .machine-label{padding:6px 12px}
@media(max-width:650px){.touch-controls{display:flex}.controls{display:none}}

.service-link{display:inline-block;width:max-content;max-width:100%;background:#ffcf32;color:#172332;font:700 12px monospace;padding:14px 16px;text-decoration:none;margin-bottom:10px}.service-link[hidden]{display:none}