*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}html{color-scheme:dark;background:#090b0d}body{overflow:hidden;background:#090b0d;color:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game{position:fixed;z-index:0;inset:0;display:block;width:100vw;height:100vh;height:100dvh;outline:none;touch-action:none}#ui{position:fixed;z-index:1;inset:0;pointer-events:none}body.juan-admin-active #game,body.juan-admin-active #ui{display:none}.jr-boot{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#202326,#111315 44%,#090b0d);color:#f4f4f5}.jr-boot-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.jr-boot-icon{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 9px 27px #e31b2f44)}.jr-boot-kicker{margin:22px 0 7px;color:#ec5058;font-size:9px;font-weight:850;letter-spacing:.24em}.jr-boot-card h1{margin:0;font-size:clamp(23px,5vw,31px);font-weight:800;letter-spacing:-.045em}.jr-boot-copy{margin:9px 0 25px;color:#a6abad;font-size:12px;line-height:1.55}.jr-boot-track{width:min(250px,85%);height:3px;overflow:hidden;background:#34383b}.jr-boot-track span{display:block;width:37%;height:100%;background:linear-gradient(90deg,#a81f27,#f1464e);box-shadow:0 0 12px #e31b2f90;animation:jr-boot-run 1.35s ease-in-out infinite}.jr-boot-foot{margin-top:23px;color:#747a7c;font-size:8px;font-weight:750;letter-spacing:.17em}.jr-boot-failure{padding:28px 25px;border:1px solid #37383d;background:#111315cc;box-shadow:0 24px 80px #0008}.jr-boot-failure .jr-boot-copy{max-width:300px}.jr-boot-retry{min-height:42px;padding:0 22px;border:1px solid #e31b2f;background:#e31b2f;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.jr-boot-retry:hover{background:#f1454d}@keyframes jr-boot-run{0%{transform:translate(-115%)}55%{transform:translate(185%)}to{transform:translate(380%)}}@media(prefers-reduced-motion:reduce){.jr-boot-track span{animation-duration:3s}}.juan-race{--jr-black:#061326;--jr-graphite:#0e2d54;--jr-surface:#123e72;--jr-line:rgba(255,255,255,.2);--jr-muted:#c6e4ff;--jr-white:#fff;--jr-red:#ff4b16;--jr-red-dark:#c92e08;--jr-font:Inter,Arial,sans-serif;color:var(--jr-white);font-family:var(--jr-font)}.juan-race *,.juan-race *:before,.juan-race *:after{box-sizing:border-box}.juan-race button,.juan-race select{font:inherit}.juan-race button{color:inherit}.juan-race [hidden]{display:none!important}.juan-race-canvas{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;display:block;outline:none;background:#0878ff;touch-action:none}.juan-race-canvas:focus-visible{outline:2px solid var(--jr-red);outline-offset:-3px}.juan-race .jr-shell{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.juan-race .jr-brand{position:absolute;top:max(26px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));display:flex;align-items:center;gap:13px;text-shadow:0 2px 15px #000}.juan-race .jr-wordmark{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.13em;font-size:12px}.juan-race .jr-mark{display:grid;place-items:center;width:31px;height:31px;color:#fff;background:var(--jr-red);font-style:italic;letter-spacing:-.08em;font-size:12px;clip-path:polygon(0 0,100% 0,100% 74%,72% 100%,0 100%)}.juan-race .jr-version{padding:5px 8px;border:1px solid rgba(255,255,255,.25);color:#d9dcdb;font-size:9px;font-weight:700;letter-spacing:.15em}.juan-race .jr-panel{position:absolute;left:max(30px,env(safe-area-inset-left));top:50%;transform:translateY(-43%);width:min(390px,calc(100vw - 60px));padding:28px 28px 22px;border:2px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#071f3ff0,#094882db);box-shadow:0 24px 90px #00184880;backdrop-filter:blur(18px);pointer-events:auto}.juan-race .jr-panel-head{position:relative;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--jr-line)}.juan-race .jr-eyebrow,.juan-race .jr-section-kicker{margin:0 0 8px;color:#ffd52d;font-size:9px;font-weight:900;letter-spacing:.23em}.juan-race .jr-heading{max-width:260px;margin:0;font-size:clamp(28px,3vw,39px);line-height:.98;letter-spacing:-.055em;font-weight:850}.juan-race .jr-credit-pill{position:absolute;top:0;right:0;display:flex;align-items:center;gap:7px;padding:7px 9px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.juan-race .jr-credit-icon{color:#efc566}.juan-race .jr-field-label{display:grid;gap:7px;color:var(--jr-muted);font-size:9px;font-weight:800;letter-spacing:.16em}.juan-race .jr-car-select{width:100%;height:41px;padding:0 36px 0 12px;border:1px solid rgba(255,255,255,.16);border-radius:0;color:var(--jr-white);background:#1b1e1f;outline:none;cursor:pointer;font-size:12px;font-weight:750;letter-spacing:.04em}.juan-race .jr-car-select:focus-visible{border-color:var(--jr-red);box-shadow:0 0 0 2px #e43a3f38}.juan-race .jr-car-select option{color:#fff;background:#1b1e1f}.juan-race .jr-car-name{margin:19px 0 5px;font-size:22px;font-weight:850;letter-spacing:.02em}.juan-race .jr-car-description{min-height:35px;margin:0;color:#aab0b0;font-size:11px;line-height:1.55}.juan-race .jr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0 21px}.juan-race .jr-stat-line{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px}.juan-race .jr-stat-label{color:#aeb2b2;font-size:8px;font-weight:800;letter-spacing:.08em}.juan-race .jr-stat-number{font-size:9px;font-weight:700}.juan-race .jr-stat-track{display:block;height:3px;overflow:hidden;background:#414546}.juan-race .jr-stat-fill{display:block;height:100%;background:linear-gradient(90deg,#b82e34,#ff5357)}.juan-race .jr-button{display:flex;min-height:44px;width:100%;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.17em;transition:background .16s,border-color .16s,transform .16s,opacity .16s}.juan-race .jr-button:hover{transform:translateY(-1px)}.juan-race .jr-button:focus-visible,.juan-race .jr-upgrade:focus-visible,.juan-race .jr-back:focus-visible,.juan-race .jr-pause-button:focus-visible,.juan-race .jr-touch-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.juan-race .jr-button-primary{color:#fff;background:linear-gradient(90deg,#ff4b16,#ff9a15);box-shadow:0 8px #ba2e0a}.juan-race .jr-button-primary:hover{background:#f34c51}.juan-race .jr-button-arrow{margin-left:auto;padding-right:13px;font-size:17px}.juan-race .jr-start{padding-left:38px}.juan-race .jr-button-quiet{margin-top:9px;border-color:#ffffff24;color:#d2d5d4;background:#ffffff06}.juan-race .jr-button-quiet:hover{border-color:#ffffff52;background:#ffffff12}.juan-race .jr-status{min-height:12px;margin:13px 0 0;color:#899091;font-size:9px;letter-spacing:.025em}.juan-race .jr-to-workshop{margin-top:9px}.juan-race .jr-workshop-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.juan-race .jr-back{padding:0;border:0;color:#d5d7d6;background:none;cursor:pointer;font-size:11px}.juan-race .jr-workshop-title{margin:0;font-size:26px;letter-spacing:-.04em}.juan-race .jr-workshop-subtitle{margin:-10px 0 17px;color:#aab0b0;font-size:11px}.juan-race .jr-upgrade-list{display:grid;gap:8px}.juan-race .jr-upgrade{display:flex;min-height:60px;width:100%;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--jr-line);background:#ffffff09;text-align:left;cursor:pointer}.juan-race .jr-upgrade:hover:not(:disabled){border-color:#e43a3fb3;background:#e43a3f1a}.juan-race .jr-upgrade:disabled{opacity:.42;cursor:not-allowed}.juan-race .jr-upgrade-icon{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:#303536;font-size:12px;font-weight:900}.juan-race .jr-upgrade-copy{display:grid;gap:4px}.juan-race .jr-upgrade-name{font-size:11px}.juan-race .jr-upgrade-level{color:#9da4a4;font-size:9px}.juan-race .jr-upgrade-price{margin-left:auto;color:#f1cb6c;font-size:10px;font-weight:900}.juan-race .jr-workshop-hint{margin:13px 0 14px;color:#92999a;font-size:9px;line-height:1.5}.juan-race .jr-hud{position:absolute;top:max(25px,env(safe-area-inset-top));right:max(27px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:12px;pointer-events:none}.juan-race .jr-hud-stats{display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#0c0e0fc2;backdrop-filter:blur(12px)}.juan-race .jr-hud-stat{min-width:82px;padding:11px 14px 10px;border-left:1px solid rgba(255,255,255,.11)}.juan-race .jr-hud-stat:first-child{border-left:0}.juan-race .jr-hud-label{display:block;color:#aeb4b5;font-size:8px;font-weight:800;letter-spacing:.15em}.juan-race .jr-hud-value{display:inline-block;margin-top:3px;font-size:22px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.juan-race .jr-hud-unit{margin-left:5px;color:#aeb4b5;font-size:8px}.juan-race .jr-hud-reward{margin-top:9px;padding:8px 11px;border:1px solid rgba(239,197,102,.35);color:#f3d16f;background:#131413bf;font-size:10px;font-weight:900;letter-spacing:.08em}.juan-race .jr-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0507089e;backdrop-filter:blur(7px);pointer-events:auto}.juan-race .jr-modal{width:min(390px,100%);padding:32px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,#1d2122,#101213);box-shadow:0 26px 90px #00000080}.juan-race .jr-modal-title{margin:0 0 12px;font-size:36px;letter-spacing:-.055em}.juan-race .jr-result-copy{margin:0 0 21px;color:#c2c7c6;font-size:13px;line-height:1.6}.juan-race .jr-pause-button{position:absolute;top:max(27px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:37px;height:37px;border:1px solid rgba(255,255,255,.22);color:#fff;background:#0f1112b8;cursor:pointer;pointer-events:auto}.juan-race .jr-notice{position:absolute;top:19%;left:50%;transform:translate(-50%,-8px);max-width:min(90vw,450px);padding:10px 15px;border:1px solid rgba(255,255,255,.15);color:#fff;background:#0c0e0fde;opacity:0;transition:opacity .18s,transform .18s;text-align:center;font-size:11px;pointer-events:none}.juan-race .jr-notice.is-active{transform:translate(-50%);opacity:1}.juan-race .jr-control-hint{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#ffffffa6;font-size:8px;font-weight:700;letter-spacing:.16em;text-shadow:0 2px 12px #000;white-space:nowrap}.juan-race .jr-touch-controls{display:none}@media(max-width:700px){.juan-race .jr-brand{top:max(14px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left));gap:8px}.juan-race .jr-wordmark{font-size:10px}.juan-race .jr-version{padding:4px 6px;font-size:8px}.juan-race .jr-panel{top:auto;bottom:max(21px,env(safe-area-inset-bottom));left:15px;transform:none;width:min(365px,calc(100vw - 30px));max-height:calc(100vh - 91px - env(safe-area-inset-bottom));overflow:auto;padding:20px 19px 15px}.juan-race .jr-panel-head{padding-bottom:12px;margin-bottom:14px}.juan-race .jr-heading{font-size:29px}.juan-race .jr-car-name{margin-top:13px;font-size:19px}.juan-race .jr-stats{margin:13px 0 15px}.juan-race .jr-hud{top:max(57px,calc(env(safe-area-inset-top) + 47px));right:10px;left:10px;justify-content:center}.juan-race .jr-hud-stats{width:min(100%,380px);justify-content:space-around}.juan-race .jr-hud-stat{min-width:0;flex:1;padding:9px 9px 8px;text-align:center}.juan-race .jr-hud-value{font-size:19px}.juan-race .jr-pause-button{top:max(13px,env(safe-area-inset-top));right:13px;left:auto;transform:none}.juan-race .jr-notice{top:22%}.juan-race .jr-control-hint{display:none}}@media(pointer:coarse){.juan-race .jr-touch-controls:not([hidden]){position:absolute;right:max(17px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));left:max(17px,env(safe-area-inset-left));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.juan-race .jr-steer,.juan-race .jr-pedals{display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.juan-race .jr-touch-button{display:grid;place-items:center;min-width:58px;min-height:58px;padding:8px;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:#0e10119e;backdrop-filter:blur(8px);touch-action:none;user-select:none;font-size:13px;font-weight:900}.juan-race .jr-touch-button:active{border-color:var(--jr-red);background:#e43a3fbd}.juan-race .jr-touch-accelerate{width:76px;height:76px;border-color:#e43a3fd9;background:#b1242ac7;font-size:12px}.juan-race .jr-touch-brake{min-width:58px;min-height:58px;font-size:8px;letter-spacing:.08em}.juan-race .jr-touch-boost{min-width:58px;min-height:58px;color:#f3d16f;font-size:8px;letter-spacing:.08em}}@media(max-width:430px)and (pointer:coarse){.juan-race .jr-touch-controls:not([hidden]){right:11px;left:11px;bottom:max(13px,env(safe-area-inset-bottom))}.juan-race .jr-steer,.juan-race .jr-pedals{gap:6px}.juan-race .jr-touch-button{min-width:51px;min-height:51px}.juan-race .jr-touch-accelerate{width:66px;height:66px}}@media(max-height:650px)and (min-width:701px){.juan-race .jr-panel{top:53%;padding:19px 23px 14px}.juan-race .jr-panel-head{padding-bottom:11px;margin-bottom:12px}.juan-race .jr-stats{margin:11px 0 14px}}.jr-intro{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 40%,#0b2a55,#03070f 70%);color:#fff;font-family:Inter,Arial,sans-serif;display:grid;place-items:center;overflow:hidden;transition:opacity .45s}.jr-intro.is-out{opacity:0}.jr-intro-rotate{display:grid;place-items:center;gap:18px;animation:jrIn .25s}.jr-phone{width:46px;height:82px;border:4px solid #fff;border-radius:10px;position:relative;animation:jrTurn .8s cubic-bezier(.6,0,.2,1) forwards}.jr-phone-notch{position:absolute;top:5px;left:50%;width:14px;height:3px;margin-left:-7px;background:#fff;border-radius:3px}.jr-rotate-text{font-weight:900;letter-spacing:.25em;font-size:13px}@keyframes jrTurn{0%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@keyframes jrIn{0%{opacity:0}}.jr-intro-stage{display:grid;place-items:center;gap:6px;text-align:center;position:relative;width:100%}.jr-speedlines{position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 38px,rgba(255,75,22,.16) 38px 40px,transparent 40px 90px);animation:jrLines .7s linear infinite;mask-image:radial-gradient(circle,#000 20%,transparent 75%)}@keyframes jrLines{to{background-position:-180px 0}}.jr-intro-name{display:flex;gap:.04em;font-size:min(26vw,170px);font-weight:900;font-style:italic;line-height:1;position:relative}.jr-letter{display:inline-block;opacity:0;transform:translate(-120%) skew(-30deg);animation:jrLetter .6s cubic-bezier(.2,.9,.2,1) forwards,jrGlow 1.6s ease-in-out .9s infinite alternate;background:linear-gradient(#fff 40%,#ff4b16);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,75,22,.75))}@keyframes jrLetter{to{opacity:1;transform:none}}@keyframes jrGlow{to{filter:drop-shadow(0 0 30px rgba(80,170,255,.95))}}.jr-intro-sub{position:relative;font-weight:800;letter-spacing:.5em;font-size:clamp(10px,2.6vw,17px);color:#c6e4ff;clip-path:inset(0 100% 0 0);animation:jrWipe .8s .7s forwards}@keyframes jrWipe{to{clip-path:inset(0)}}.jr-intro-btn{position:relative;margin-top:22px;padding:15px 46px;border:0;border-radius:999px;background:linear-gradient(#ff6a2a,#d93a08);color:#fff;font:900 18px Inter,Arial,sans-serif;letter-spacing:.2em;box-shadow:0 0 0 3px #ffffff40,0 10px 30px #ff4b1680;animation:jrPulse 1s ease-in-out infinite alternate;touch-action:manipulation}.jr-intro-btn.is-gone{animation:jrGone .5s forwards}.jr-intro-play{animation:jrSide .55s cubic-bezier(.2,.9,.2,1) both,jrPulse 1s .55s ease-in-out infinite alternate;background:linear-gradient(#2e9bff,#0a5fd1);box-shadow:0 0 0 3px #ffffff4d,0 10px 30px #0a78ff8c}@keyframes jrPulse{to{transform:scale(1.06)}}@keyframes jrGone{to{opacity:0;transform:translate(-140%)}}@keyframes jrSide{0%{opacity:0;transform:translate(160%)}}.jr-intro-stage.is-rev .jr-intro-name{animation:jrShake .09s linear 16}@keyframes jrShake{25%{transform:translate(3px,-2px)}75%{transform:translate(-3px,2px)}}@media(pointer:coarse){.juan-race .jr-touch-button{min-width:78px!important;min-height:78px!important;font-size:26px}.juan-race .jr-touch-accelerate{width:96px!important;height:96px!important}.juan-race .jr-steer{gap:18px!important}.juan-race .jr-touch-button{touch-action:none;user-select:none;-webkit-user-select:none}}.jr-intro{pointer-events:auto}.jr-intro-stage[hidden]{display:none}.juan-race .jr-touch-controls.has-touch:not([hidden]){position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;gap:12px}.juan-race .has-touch .jr-steer,.juan-race .has-touch .jr-pedals{display:flex;align-items:flex-end;gap:14px;pointer-events:auto}.juan-race .has-touch .jr-touch-button{display:grid;place-items:center;width:clamp(64px,17vh,96px);height:clamp(64px,17vh,96px);min-width:0;min-height:0;padding:0;border-radius:26px;border:2px solid rgba(255,255,255,.35);background:#0a081e8c;color:#fff;font:900 clamp(24px,6vh,36px) Inter,Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(6px)}.juan-race .has-touch .jr-touch-button:active,.juan-race .has-touch .jr-touch-button[aria-pressed=true]{background:#08f7fe73;border-color:#08f7fe;transform:scale(.94)}.juan-race .has-touch .jr-touch-accelerate{width:clamp(76px,22vh,116px);height:clamp(76px,22vh,116px);border-color:#ff2e9a;font-size:clamp(14px,3.6vh,20px)}.juan-race .has-touch .jr-touch-brake,.juan-race .has-touch .jr-touch-boost{font-size:clamp(10px,2.4vh,14px);letter-spacing:.06em}.juan-race .has-touch .jr-touch-boost{color:#ffe14d;border-color:#ffe14d}.juan-race .jr-touch-controls.has-touch~.jr-control-hint{display:none}

html,body{margin:0;height:100%;background:#03070f;overflow:hidden}
#game{display:block;width:100%;height:100%}