:root{font-family:Arial,Helvetica,sans-serif;color:#eee9d7;background:#1e2925;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f2bc62;outline-offset:3px}#arcade{max-width:1340px;padding:0 24px;margin:auto}header{height:73px;display:flex;gap:22px;align-items:center;border-bottom:1px solid #4e5b4b}.brand-logo{position:relative;width:185px;height:45px;display:block;overflow:hidden;flex-shrink:0;border-radius:3px;background:#fff}.brand-logo img{position:absolute;width:223px;max-width:none;height:auto;left:-20px;top:-47px}.game-name{font-weight:800;letter-spacing:1.6px;font-size:12px}.game-name small{display:block;font-size:8px;letter-spacing:2px;color:#a4b19b;font-weight:400;margin-top:7px}nav{display:flex;gap:9px;margin-left:auto}nav button{border:1px solid #6a7861;background:#2b3930;border-radius:4px;padding:10px 13px;font-size:9px;letter-spacing:1px}.dashboard{height:67px;display:flex;gap:36px;align-items:center;padding:0 8px}.dashboard>div:not(.view-controls){display:flex;align-items:center;gap:12px}.dashboard span{font-size:9px;letter-spacing:1.3px;color:#aebba2}.dashboard b{font:700 23px monospace;color:#eee8cf}.dashboard .fuel b{color:#eabd65}.dashboard #lives{color:#e4a27b;font-size:22px;letter-spacing:3px}.view-controls{margin-left:auto;display:flex;align-items:center;gap:9px}.view-controls button{background:#354736;border:1px solid #708064;border-radius:4px;width:26px;height:26px;font-size:17px}.view-controls span{font:9px monospace;min-width:30px;text-align:center}#stage{height:calc(100dvh - 220px);max-height:775px;min-height:360px;position:relative;background:#27372c;overflow:hidden;border:2px solid #77846b;border-radius:5px;box-shadow:0 13px 40px #0002}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}.sector{position:absolute;left:15px;top:13px;background:#2b4934dc;padding:8px 10px;border:1px solid #b6c59477;border-radius:3px;pointer-events:none;color:#f7edc9;font-size:8px;letter-spacing:1px}.sector span{color:#bfd0a3;margin-left:9px}#toast{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:#2b4532f0;border:1px solid #e1bb74;color:#f3e9c4;border-radius:4px;text-align:center;font-size:12px;padding:12px 18px;opacity:0;transition:opacity .15s;pointer-events:none}#toast.visible{opacity:1}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#213c265c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:5}.modal{max-width:420px;background:#263b2ff7;border:1px solid #a5b184;border-radius:7px;padding:27px;box-shadow:0 16px 60px #14251f80}#overline{font-size:9px;letter-spacing:2px;color:#d6c58e}#identity{display:flex;align-items:center;gap:15px;border-bottom:1px solid #617052;padding:12px 0;margin-bottom:17px}#driver{width:72px;height:72px;background:#526e48;border:1px solid #81906b;border-radius:50%;flex-shrink:0}#identity b{font-size:11px;color:#f1ce80;letter-spacing:1px}#identity small{display:block;font-size:10px;line-height:1.7;color:#c0cbae;margin-top:7px}h1{font-size:36px;line-height:1.04;letter-spacing:-1px;margin:0 0 15px}h1 em{color:#efb85e;font-style:normal}.modal p{font-size:12px;line-height:1.7;color:#c7d2b9;margin-bottom:22px}#start{background:#edb561;color:#2b3b2b;font-size:12px;letter-spacing:1px;font-weight:700;border:0;border-radius:4px;padding:15px 18px;width:100%;text-align:left}#start span{float:right;font-size:20px;line-height:12px}#modal-foot{font-size:9px;color:#a5b897;text-align:center;margin-top:15px}.hidden{display:none!important}footer{height:49px;display:flex;gap:22px;align-items:center;border-bottom:1px solid #4b5a47;font-size:8px;color:#c8c7a7;letter-spacing:.5px}footer i{font-style:normal;color:#99ad8e;margin-left:4px;margin-right:12px}.record{margin-left:auto;white-space:nowrap;font-size:9px}.record b{font:16px monospace;color:#e8c281;margin-left:7px}footer label{display:flex;align-items:center;gap:8px}#volume{width:70px;accent-color:#ddb86c;height:9px}footer a,.note a{color:#b9c8ab;text-decoration:none;font-size:8px;white-space:nowrap}.note{font-size:9px;display:flex;justify-content:space-between;padding:10px 0;color:#98ad8f;gap:15px}.touch-hint{display:none}#mobile{display:none;position:absolute;bottom:21px;left:24px;right:24px;align-items:end;justify-content:space-between;pointer-events:none;z-index:3}#joystick{width:115px;height:115px;position:relative;border-radius:50%;border:2px solid #dae4bf77;background:#203f2e77;pointer-events:auto;touch-action:none}#stick{position:absolute;left:36px;top:36px;width:40px;height:40px;background:#e6e5bdd0;border-radius:50%;box-shadow:0 3px 8px #1b32294d;border:2px solid #a3b68a}.fire{width:94px;height:94px;border-radius:50%;border:3px solid #ecce82b0;background:#dcad58dc;color:#33472b;pointer-events:auto;touch-action:none;box-shadow:0 4px #6e74446b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.fire svg{width:45px;height:45px}.fire strong{font-size:10px;letter-spacing:1px}.dashboard .empty{color:#ed9371}@media(pointer:coarse){#mobile{display:flex}.instructions{display:none}.touch-hint{display:block;font-size:9px;color:#afc19f}#toast{bottom:149px;font-size:11px}.note #hint{max-width:70%}}@media(max-width:850px){#arcade{padding:0 12px}header{height:61px;gap:15px}.game-name{font-size:10px;letter-spacing:1px}.game-name small{font-size:7px}.brand-logo{width:155px;height:38px}.brand-logo img{width:186px;left:-17px;top:-40px}.dashboard{gap:20px;height:61px}.dashboard span{font-size:8px;letter-spacing:.6px}.dashboard b{font-size:21px}.dashboard>div:not(.view-controls){gap:8px}.instructions{font-size:7px}footer{gap:12px}footer i{margin-right:5px}.note{font-size:8px}#stage{height:calc(100dvh - 195px)}}@media(max-width:600px){#arcade{padding:0 9px}.game-name{display:none}header{height:58px;gap:8px}nav{gap:7px}nav button{padding:8px;font-size:8px;letter-spacing:.6px}.brand-logo{width:140px;height:35px}.brand-logo img{width:169px;left:-15px;top:-36px}.dashboard{height:67px;gap:0;justify-content:space-between;padding:0 4px}.dashboard>div:not(.view-controls){display:block}.dashboard span{font-size:7px;letter-spacing:.3px;display:block;margin-bottom:5px}.dashboard b{font-size:21px}.dashboard #lives{font-size:18px;letter-spacing:1px}.view-controls{margin-left:0;gap:4px}.view-controls span{display:none}.view-controls button{height:24px;width:23px}#stage{height:calc(100dvh - 206px);min-height:360px;max-height:none}.sector{font-size:7px;left:10px;top:10px}.sector span{display:none}.modal{padding:22px;max-width:350px}h1{font-size:33px}.modal p{font-size:11px}#identity{margin-bottom:16px;padding:11px 0}.modal #driver{width:62px;height:62px}#identity small{font-size:9px}#modal-foot{font-size:8px}footer{height:45px;gap:10px}.touch-hint{display:none!important}footer label{font-size:7px}.record{margin-left:0;font-size:8px;margin-right:auto}.record b{font-size:14px}footer a{font-size:7px}.note{font-size:8px;line-height:1.5;padding-top:7px}.note a{font-size:7px}#mobile{left:17px;right:17px;bottom:20px}#joystick{width:104px;height:104px}#stick{left:30px;top:30px}.fire{width:90px;height:90px}#toast{font-size:10px;padding:10px 12px}}@media(max-height:550px)and (pointer:coarse){#arcade{padding:0}header,footer,.note{display:none}.dashboard{height:39px;padding:0 18px;justify-content:space-between}.dashboard>div:not(.view-controls){display:flex;align-items:center;gap:10px}.dashboard span{margin:0;font-size:8px}.dashboard b,.dashboard #lives{font-size:18px}#stage{height:calc(100dvh - 39px);min-height:0;border-radius:0;border-width:1px}.view-controls{margin-left:0}.modal{max-width:530px;padding:18px 24px}#identity{display:none}h1{font-size:29px;margin:10px 0}.modal p{font-size:11px;margin:8px 0 15px}#modal-foot{margin-top:10px}#mobile{bottom:12px;left:20px;right:20px}#joystick{width:99px;height:99px}#stick{left:27px;top:27px}.fire{width:88px;height:88px}#toast{bottom:122px}}:root{background:#101b24;color:#e7edf2}header{border-color:#34434e}.game-name small{color:#9aaebd}nav button{background:#1c2d39;border-color:#425766}.dashboard span{color:#9bb0bf}.dashboard b{color:#e5edf1}.view-controls button{background:#233948;border-color:#4e6370}.view-controls span{color:#b6c7d0}#stage{border-color:#5b6c75;box-shadow:0 16px 55px #0004}.sector{background:#152a38e6;border-color:#80929d88}.sector span{color:#b8ccda}#toast{background:#112d3cf2;border-color:#d4b77e;color:#f0e4cf}#overlay{background:#0e243452;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{max-width:750px;width:100%;background:#142835f5;border-color:#637b87;padding:25px}.modal p{color:#afc1cb;font-size:12px;line-height:1.55;margin:12px 0 18px}.modal h1{font-size:27px;margin-top:18px;margin-bottom:8px}.modal h1 em{color:#e9ba6b}.select-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0}.select-heading b{font-size:12px;color:#e6edf1;letter-spacing:1px}.select-heading>span{font-size:9px;color:#8ea8b9}#identity{display:block;border-bottom:1px solid #3b5261;padding:0 0 17px;margin-bottom:0}.drivers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.driver-card{display:flex;flex-direction:column;padding:0 0 10px;position:relative;text-align:left;border:1px solid #415a6a;border-radius:6px;background:#1a3040;overflow:hidden;transition:transform .15s,border-color .15s}.driver-card:hover{transform:translateY(-3px);border-color:#a4bdc9}.driver-card[aria-pressed=true]{border:2px solid #e5b565;background:#293d47}.driver-photo{display:block;aspect-ratio:1;background-image:url(/art/drivers.webp);background-size:200% 200%;width:100%;margin-bottom:10px}.photo-0{background-position:0 0}.photo-1{background-position:100% 0}.photo-2{background-position:0 100%}.photo-3{background-position:100% 100%}.driver-card>b{font-size:11px;line-height:1.3;margin:0 9px;color:#eaf0f1}.driver-card>small{font-size:8px;color:#a6bac5;line-height:1.4;min-height:23px;margin:5px 9px 0}.driver-card>i{position:absolute;left:6px;top:6px;background:#e5b565;color:#263743;padding:5px 6px;border-radius:3px;font-style:normal;font-size:7px;letter-spacing:.5px;display:none}.driver-card[aria-pressed=true]>i{display:block}footer{border-color:#344550;color:#b0c0cc}.note{color:#849eaf}footer a,.note a{color:#b0c0cc}.modal #overline{color:#cda967}#modal-foot{color:#93aebb}.fire{color:#203745;border-color:#f0cc83}.record b{color:#edc17d}.sector span{color:#c6ced2}#start{background:#e4b76b;color:#1c3240}@media(max-width:850px){.modal{max-width:680px}.game-name{display:none}.select-heading>span{font-size:8px}.driver-card>b{font-size:10px}.drivers{gap:8px}.driver-card>small{font-size:8px}nav{gap:7px}nav button{padding:8px 9px}}@media(max-width:600px){.modal{max-width:365px;padding:17px}.drivers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.driver-photo{aspect-ratio:1.28;margin-bottom:6px;background-size:200% 256%}.photo-0{background-position:0 8%}.photo-1{background-position:100% 8%}.photo-2{background-position:0 87%}.photo-3{background-position:100% 87%}.driver-card{padding-bottom:7px}.driver-card>b{font-size:10px}.driver-card>small{font-size:7px;min-height:0;margin-top:3px}.select-heading{display:block;margin:10px 0}.select-heading b{font-size:10px}.select-heading>span{display:block;font-size:8px;margin-top:5px}#identity{padding-bottom:12px}.modal h1{font-size:23px;margin-top:12px}.modal p{font-size:10px;margin:8px 0 12px;line-height:1.4}#modal-foot{font-size:7px;margin-top:10px}#start{padding:12px;font-size:10px}.brand-logo{width:115px;height:30px}.brand-logo img{width:140px;left:-13px;top:-30px}nav{gap:5px}nav button{padding:7px 6px;font-size:7px}#install{max-width:75px;line-height:1.3}#overlay{padding:10px}#toast{max-width:92%;font-size:10px;z-index:6}}@media(max-height:550px)and (pointer:coarse){.modal{max-width:630px;padding:13px 18px}#identity{display:block;padding-bottom:10px}.select-heading{margin:6px 0}.select-heading>span{display:none}.select-heading b{font-size:10px}.drivers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.driver-photo{aspect-ratio:1.45;margin-bottom:5px;background-size:200% 290%}.driver-card>b{font-size:9px}.driver-card>small{font-size:7px;min-height:0;margin-top:2px}.driver-card{padding-bottom:5px}.driver-card>i{font-size:6px;padding:3px}.modal h1{font-size:19px;margin:8px 0 4px}.modal p{font-size:9px;line-height:1.4;margin:4px 0 9px}#start{padding:10px;font-size:10px}#modal-foot{font-size:7px;margin-top:8px}}@media(display-mode:standalone){#arcade{padding-top:env(safe-area-inset-top)}header{padding-top:0}#mobile{bottom:calc(15px + env(safe-area-inset-bottom))}.note{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:600px){.driver-photo{aspect-ratio:1;background-size:200% 200%}.photo-0{background-position:0 0}.photo-1{background-position:100% 0}.photo-2{background-position:0 100%}.photo-3{background-position:100% 100%}.selecting h1{display:none}.selecting .modal p{font-size:9px}.selecting p{font-size:9px;margin-top:10px}.modal.selecting{padding:15px}}@media(max-height:550px)and (pointer:coarse){.driver-photo{aspect-ratio:1.5;background-size:200% 200%}.selecting h1,.selecting p{display:none}.selecting #modal-foot{margin-top:5px}}#stage{border-radius:18px}nav button{border-radius:20px;padding:10px 14px}.dashboard .view-controls button{border-radius:9px}.brand-logo{border-radius:8px}.modal{border-radius:23px;box-shadow:0 18px 70px #00131d80}.driver-card{border-radius:14px;background:linear-gradient(155deg,#293f50,#1a3040);box-shadow:0 5px 12px #00172238}.driver-card[aria-pressed=true]{background:linear-gradient(145deg,#405262,#263b49);box-shadow:0 0 0 3px #e5b56515,0 8px 18px #00111d40}.driver-photo{border-radius:12px 12px 3px 3px}.driver-card>i{border-radius:10px}#start{border-radius:14px;box-shadow:inset 0 1px #fff5,0 4px #8a693b55}#toast{border-radius:13px}.sector{border-radius:10px}.select-heading b{letter-spacing:.7px}.view-controls{border-radius:12px}#joystick{box-shadow:inset 0 3px 14px #0b1d234f}.fire{background:radial-gradient(circle at 35% 25%,#f1ca7ce8,#cca156e8)}@media(max-width:600px){nav button{padding:8px 7px}.modal{border-radius:20px}.driver-card{border-radius:12px}#stage{border-radius:16px}.driver-card>i{border-radius:7px}}@media(max-height:550px)and (pointer:coarse){#stage{border-radius:0}.modal{border-radius:18px}}
