:root{font-family:Arial,Helvetica,sans-serif;color:#e8edf2;background:#0b1320;font-synthesis:none;color-scheme:dark;font-size:14px;--cyan:#38d9f4;--muted:#8393a6;--line:#263547 }*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 75% 25%,#13283b55,transparent 60%),#0b1320}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ffd166;outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}button{border:0}a{color:inherit;text-decoration:none}.masthead{max-width:1192px;margin:auto;height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-icon{font-size:22px;border:1px solid var(--cyan);color:var(--cyan);width:33px;height:33px;display:grid;place-content:center;transform:skew(-9deg)}.edition{margin-left:auto;color:#7f91a4;font:10px monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.edition i{width:3px;height:3px;background:#526576}.icon-button{background:transparent;color:#b5c4d1;font:10px monospace;letter-spacing:1px;border:1px solid #324257;padding:10px 12px;border-radius:4px}.icon-button:hover{color:var(--cyan);border-color:var(--cyan)}main{max-width:1020px;margin:54px auto 32px;display:grid;grid-template-columns:1fr 432px;column-gap:100px;align-items:start}.intro{padding-top:47px}.eyebrow{font:10px monospace;letter-spacing:2.5px;color:#9fb2c5;display:flex;align-items:center;gap:10px}.eyebrow span{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 13px #38d9f455}h1{font-size:83px;font-weight:900;line-height:.94;letter-spacing:-5px;margin:31px 0 25px}h1 em{color:var(--cyan);font-style:normal;position:relative}h1 em span{font-size:17px;position:absolute;top:7px;right:-23px;letter-spacing:0}.tagline{color:#9eafc1;font-size:19px;line-height:1.6;letter-spacing:-.3px}.rule{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:39px;padding:22px 0;max-width:330px}.rule b{font:48px monospace;color:#ffd166;letter-spacing:-3px}.rule b span{font-size:20px;margin-left:3px}.rule p{font-size:12px;color:#9cacbd;line-height:1.7;margin:0}.intro-foot{font:10px monospace;letter-spacing:1.4px;margin-top:42px;color:#c1ccda}.intro-foot span{display:block;font-size:9px;color:#607387;margin-top:13px;letter-spacing:1px}.cabinet{border:1px solid #334459;border-radius:12px;background:#101b2d;overflow:hidden;box-shadow:0 24px 90px #0005}.game-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#142135}.small-label{font:9px monospace;color:#8a9daf;letter-spacing:1.6px}.build-meta{display:flex;align-items:center;gap:8px}.test-version{display:inline-block;white-space:nowrap;color:#ffd166;border:1px solid #ffd16666;border-radius:3px;padding:3px 5px;font:9px monospace;letter-spacing:.3px}.game-top h2{font-size:15px;letter-spacing:-.3px;margin:7px 0 0;font-weight:600}.live-dot{font:8px monospace;color:#83a9a7;letter-spacing:1px}.live-dot:before{content:"";display:inline-block;background:#43d9a3;width:4px;height:4px;border-radius:100%;margin-right:5px}.progress-track{height:3px;background:#26364a}.progress-track div{height:3px;background:var(--cyan)}.road-wrap{position:relative;height:438px;background:#101b2d;overflow:hidden}#road{position:absolute;top:0;right:0;bottom:0;left:0}#road canvas{display:block!important;width:100%!important;height:100%!important;object-fit:fill}.road-labels{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:space-around;font:8px monospace;color:#638399;letter-spacing:1px;pointer-events:none}.track-readout{position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#7593aa;pointer-events:none}.dashboard{padding:17px 19px 12px;border-top:1px solid #2b3c50;background:#152235}.queue-heading{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#a2b2c4;margin-bottom:10px}.queue-heading span:last-child{color:#637b90}.queue{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.queue-slot{position:relative;min-height:43px;border:1px dashed #35445a;border-radius:4px;display:flex;justify-content:center;align-items:center;gap:9px;font:8px monospace;color:#61768d;overflow:hidden}.queue-slot b{font-weight:400}.queue-slot.filled{color:var(--cyan);border:1px solid #38d9f444;background:#38d9f408;flex-direction:column;gap:3px}.queue-slot.filled b{font-weight:700;font-size:9px}.queue-slot.filled i{position:absolute;bottom:0;left:0;height:2px;background:var(--cyan)}#feedback{font:9px monospace;color:#93a8b9;min-height:12px;margin:11px 0;letter-spacing:0}#feedback.rejected{color:#ffd166}.controls{display:grid;grid-template-columns:1fr 1fr;gap:11px}.controls button{height:58px;border:1px solid #426174;border-bottom:3px solid #355168;border-radius:5px;background:#20384a;color:#e6f9fc;font-size:13px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;-webkit-user-select:none;user-select:none}.controls button span{color:var(--cyan);font-size:24px;font-weight:400}.controls button kbd{position:absolute;bottom:5px;right:7px;font:7px monospace;color:#7d98ab}.controls button:hover:enabled{background:#284758}.controls button:disabled{opacity:.45}.controls button.pressed{animation:press .22s ease-out}.tutorial{font-size:10px;text-align:center;line-height:1.5;color:#8096aa;margin:11px 0 0;min-height:30px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#101b2df0,#101b2dea);padding:22px;z-index:2}.menu-card{width:100%;max-width:292px}.pill{display:inline-block;padding:6px 9px;border:1px solid #38d9f433;border-radius:3px;color:var(--cyan);font:8px monospace;letter-spacing:1.5px;background:#38d9f407}.menu-number{font:76px monospace;letter-spacing:-6px;color:#e7f0f7;line-height:1;margin:21px 0}.menu-number>span{color:var(--cyan)}.menu-number small{font:8px monospace;color:#8aa5b9;letter-spacing:4px;display:block;padding-top:9px}h3{font-size:27px;letter-spacing:-1px;line-height:1.06;margin:17px 0 11px}.overlay p{font-size:11px;color:#a0b1c4;line-height:1.7;margin:10px 0 20px}.primary,.secondary,.text-button{width:100%;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1.3px;border-radius:4px;padding:15px 17px;margin-top:9px}.primary{background:var(--cyan);color:#0b2636;font-weight:700;box-shadow:0 0 24px #38d9f417}.primary:hover{background:#7eeafa}.primary span{font-size:16px}.secondary{border:1px solid #3b4b61;background:#18263b;color:#d3dce8}.secondary:hover{background:#22344d}.secondary span{font-size:8px;color:#6f879e}.text-button{background:transparent;color:#a1b4c8;padding:12px 2px}.text-button:hover{color:var(--cyan)}.text-button span{border:1px solid #4c6178;border-radius:50%;height:16px;width:16px;display:grid;place-content:center;font-size:9px}.selection,.help,.result{width:100%;max-width:320px}.selection h3{font-size:28px}.selection p{margin-bottom:13px}.level-list{display:grid;gap:6px}.level-list button{display:flex;align-items:center;gap:14px;background:#1b2b41;border:1px solid #33465f;border-radius:4px;padding:10px 12px;text-align:left;color:#e2edf5}.level-list button:hover:enabled{border-color:var(--cyan)}.level-list button>b{font:20px monospace;color:var(--cyan)}.level-list button>span{font-size:12px}.level-list small{display:block;font:8px monospace;color:#96a8bc;margin-top:5px}.level-list i{margin-left:auto;color:var(--cyan);font-style:normal}.level-list button:disabled{opacity:.4}.help h3{font-size:30px}.help ol{padding-left:18px;margin:20px 0}.help li{padding-left:5px;margin:12px 0;font-size:11px;line-height:1.5;color:#93a7bb}.help li::marker{font:10px monospace;color:var(--cyan)}.help li b{display:block;color:#e3ecf5;font-size:12px;margin-bottom:2px}.help p.help-keys{font:9px/1.8 monospace;color:#829bb0;margin-bottom:12px}.result{text-align:center}.result .primary{margin-top:17px}.result h3{font-size:43px;letter-spacing:-2px}.result .text-button{justify-content:center}.result-symbol{font:50px monospace;margin-top:15px;color:#ffd166}.failure h3,.failure .result-symbol{color:#ff8581}.success h3,.success .result-symbol{color:#43d9a3}.stats{display:flex;justify-content:center;gap:36px;border-top:1px solid #2d4057;border-bottom:1px solid #2d4057;padding:14px 0;margin:19px 0}.stats span{font:7px monospace;color:#97aabe;letter-spacing:.7px}.stats b{display:block;font:26px monospace;color:#e0edf5;letter-spacing:-1px;margin-bottom:7px}.legend{grid-column:2;display:flex;justify-content:space-between;gap:9px;padding:17px 2px;font:7px monospace;color:#72899e;letter-spacing:.5px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;display:inline-block}.legend-robot{background:#ffd166}.legend-obstacle{background:#ff6b6b;transform:rotate(45deg)}footer{max-width:1192px;border-top:1px solid var(--line);margin:0 auto;padding:23px 0 30px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#61788d}footer b{color:var(--cyan);margin-left:12px}@keyframes press{0%{background:#38d9f4;color:#101b2d;box-shadow:0 0 20px #38d9f455}to{background:#20384a}}@media(min-width:1500px){main{margin-top:75px;margin-bottom:50px}.road-wrap{height:490px}}@media(max-width:1100px){.masthead,footer{margin-left:28px;margin-right:28px}main{margin:35px 45px;column-gap:40px;grid-template-columns:1fr 412px}h1{font-size:70px}}@media(max-width:800px){.masthead{height:61px;margin:0 18px}.brand{font-size:9px;letter-spacing:1px}.brand-icon{width:25px;height:25px;font-size:18px}.edition{display:none}#sound{margin-left:auto;padding:8px;font-size:9px}main{display:block;margin:18px auto 0;max-width:432px;padding:0 10px}.intro{display:none}.cabinet{border-radius:9px}.road-wrap{height:clamp(265px,calc(100svh - 345px),560px)}.game-top{height:61px;padding:0 15px}.dashboard{padding:13px 13px 8px}.controls button{height:57px}.queue-slot{min-height:38px}.legend{padding:13px 5px;font-size:7px}.tutorial{font-size:10px;min-height:30px}.overlay{padding:16px 25px}.menu-number{font-size:63px;margin:14px 0}.menu-card h3{font-size:26px;margin:12px 0 8px}.overlay p{margin:8px 0 14px}.primary,.secondary{padding:13px 16px;margin-top:7px}.text-button{padding:9px 2px;margin-top:6px}.selection h3{font-size:24px;margin:10px 0}.level-list button{padding:9px 11px}.help h3{font-size:25px;margin:10px 0}.help ol{margin:12px 0}.help li{font-size:10px;margin:8px 0}.help li b{font-size:11px}.help p.help-keys{font-size:8px;margin:7px 0}.result h3{font-size:37px}.result-symbol{font-size:36px;margin-top:9px}.stats{margin:13px 0;padding:11px 0}.stats b{font-size:23px}footer{max-width:412px;margin:auto;padding:13px 12px 20px;font-size:7px;letter-spacing:.6px;padding-bottom:max(20px,env(safe-area-inset-bottom))}footer span:last-child{display:none}}@media(max-width:800px)and (max-height:740px){.road-wrap{height:320px}.menu-number{font-size:48px;margin:10px 0}.menu-card h3{font-size:22px}.overlay p{font-size:10px;margin:7px 0 10px}.menu-card .pill{font-size:7px}.primary,.secondary{padding:11px 14px}.selection p{display:none}.level-list button{padding:8px 10px}.selection .small-label{font-size:8px}.help li{margin:6px 0}.help h3{font-size:22px}.help p.help-keys{display:none}.result h3{font-size:31px}.result-symbol{font-size:30px}.result .stats{padding:8px 0;margin:11px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:800px)and (max-height:740px){.menu-card .pill{display:none}.menu-number{font-size:42px;margin:0 0 8px}.menu-number small{font-size:7px;padding-top:4px}.menu-card h3{font-size:20px;margin:9px 0 6px}.menu-card p{font-size:10px;line-height:1.5;margin:6px 0 9px}.menu-card button{margin-top:6px;padding:10px 14px}.menu-card .text-button{padding:8px 2px}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.cabinet{touch-action:none;-webkit-user-select:none;user-select:none}@media(max-width:800px){.dashboard{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.overlay{overflow-y:auto;align-items:flex-start;touch-action:pan-y}.overlay>div{margin-block:auto;flex-shrink:0}@media(max-width:800px)and (max-height:740px){.road-wrap{height:clamp(220px,calc(100svh - 345px),320px)}}@media(max-width:800px)and (max-height:620px){.menu-number{display:none}.menu-card h3{font-size:19px;margin:0 0 6px}.menu-card p{font-size:9px;margin:4px 0 6px}.menu-card button{padding:9px 12px}.overlay{padding:12px 20px}}