@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+KR:wght@400;600;700;800&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#eef7fa;background:#080d16;--mint: #a5f3ca;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#app{min-height:100svh}#world{position:fixed;inset:0;overflow:hidden}#world canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;z-index:5;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#060d1abb,transparent)}.brand{font:800 25px Barlow Condensed,sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px #000}.brand span{font-size:30px;color:var(--mint);transform:skew(-15deg)}.head-right{display:flex;gap:10px}.icon-btn{border:1px solid #accdde40;border-radius:50%;background:#0a1726c9;width:40px;height:40px;font-size:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{border-color:var(--mint)}.lobby{position:fixed;z-index:3;top:18%;left:50%;transform:translate(-50%);width:310px;max-width:calc(100% - 40px);padding:20px;border:1px solid #bce6e72b;border-radius:14px;background:#0a1523df;box-shadow:0 20px 60px #0005;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup{display:flex;flex-direction:column;gap:12px}input{background:#020b15a8;border:1px solid #748c9b55;border-radius:7px;width:100%;height:47px;text-align:center;color:#fff;font-size:16px}input::placeholder{color:#91a3b3}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stage{border:1px solid #9ab9cb30;background:#12202d;border-radius:6px;padding:12px 2px;font-size:12px;font-weight:700;white-space:nowrap}.stage.selected{background:#a5f3ca18;border-color:var(--mint);color:var(--mint)}.error{font-size:11px;color:#ffbc9d;text-align:center;line-height:1.6}.error:empty{display:none}.start{border:0;border-radius:7px;background:var(--mint);color:#0b271d;width:100%;min-height:50px;font-size:16px;font-weight:800;box-shadow:0 3px 24px #81edb320}.start:hover{background:#ceffe0}.start:disabled{opacity:.5;cursor:wait}.race-only{display:none}.racing header,.racing .lobby{display:none}.racing .race-only{display:flex}#hud{position:fixed;inset:0 0 auto;justify-content:space-between;align-items:flex-start;padding:22px 5%;z-index:4;pointer-events:none;background:linear-gradient(#06101de0,transparent)}.hud-stat small{font:600 10px Barlow Condensed;color:#b5cad7;letter-spacing:3px;display:block}.hud-stat b{font:700 45px Barlow Condensed;letter-spacing:1px;text-shadow:0 3px 15px #000}#race-stage{font-size:10px;color:#a9bac9}.hud-right{display:flex;gap:20px;align-items:flex-start}.hud-right .icon-btn{pointer-events:auto}.hud-stat.time b{color:var(--mint)}.race-bottom{position:fixed;left:5%;right:5%;bottom:max(28px,env(safe-area-inset-bottom));z-index:4;justify-content:space-between;align-items:end;pointer-events:none}#speed{font:italic 700 52px Barlow Condensed;line-height:1;margin-bottom:16px;text-shadow:0 3px 20px #000}#speed small{font:600 11px Barlow Condensed;color:#b9ceda;letter-spacing:2px}.meters{width:150px;display:grid;gap:10px}.meter-label{font:600 10px Barlow Condensed;letter-spacing:2px;color:#c9d9e3;display:flex;justify-content:space-between}.meter{height:5px;background:#06111dcc;box-shadow:0 0 0 1px #cee6f41a;margin-top:5px;border-radius:3px;overflow:hidden}.meter i{height:100%;display:block;background:var(--mint);transition:width .12s}.meter.nitro i{background:#70d1ff}#boost{pointer-events:auto;width:83px;height:83px;border-radius:50%;background:#142c41d9;border:1px solid #85d3ff70;box-shadow:inset 0 0 24px #3ac6ff25,0 4px 28px #0005;font:700 34px Barlow Condensed;touch-action:none;-webkit-user-select:none;user-select:none}#boost small{display:block;font-size:12px;letter-spacing:1px}#boost:active{background:#2b769d}#toast{position:fixed;left:50%;top:25%;transform:translate(-50%);z-index:5;font:italic 800 36px Barlow Condensed;color:var(--mint);text-shadow:0 4px 20px #000;pointer-events:none;white-space:nowrap}#toast small{display:none}#flash{position:fixed;inset:0;pointer-events:none;z-index:7;box-shadow:inset 0 0 110px #ff593b;opacity:0}.impact #flash{animation:flash .4s ease-out}.impact #world{animation:shake .25s ease-out}@keyframes flash{0%{opacity:.8}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px,3px)}50%{transform:translate(6px,-3px)}75%{transform:translate(-3px,2px)}}dialog{color:#eaf4f8;background:#0b1929ed;border:1px solid #a6d8e538;border-radius:15px;padding:26px;width:min(370px,calc(100% - 32px));max-height:85svh;overflow:auto;box-shadow:0 25px 100px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}dialog::backdrop{background:#030a14a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:800 30px Barlow Condensed,Noto Sans KR;margin:4px 0 16px}.eyebrow:empty{display:none}dialog p{font-size:11px;color:#a8bdc9;line-height:1.6;margin:14px 0}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;color:#c8d6df}.rank-tabs{display:flex;gap:6px;margin:20px 0 12px}.rank-tabs button{flex:1;padding:10px 4px;border:1px solid #809bab40;border-radius:5px;background:#101f2c;font-size:12px}.rank-tabs button.active{color:var(--mint);border-color:var(--mint)}#rank-list{font-size:12px;color:#b9cfdb;padding:10px 0}.rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;gap:10px;padding:13px 0;border-bottom:1px solid #ffffff12;font-size:12px}.rank-row strong{font:700 22px Barlow Condensed;color:var(--mint)}.rank-row:first-child strong{color:#ffda94}.rank-row b{font:700 23px Barlow Condensed;color:#fff}.result-score{font:800 76px Barlow Condensed;color:var(--mint);line-height:1.1;margin-bottom:20px}.result-grid{display:flex;justify-content:space-around;gap:10px}.result-grid small{font-size:10px;color:#a6bdcc}.result-grid b{display:block;font:600 24px Barlow Condensed;margin-top:5px}.secondary{width:100%;min-height:40px;border:1px solid #93b5c63b;background:#132536;border-radius:6px;font-size:12px;margin-top:10px}.result-actions{display:flex;gap:10px}[hidden]{display:none!important}.load-fail{position:fixed;inset:20%;background:#152538;border-radius:10px;padding:20px;z-index:20;font-size:13px;line-height:1.8}@media(max-width:600px){header{padding:18px 6%}.brand{font-size:20px;letter-spacing:1px}.brand span{font-size:25px}.icon-btn{width:36px;height:36px;font-size:18px}.lobby{top:17%;width:285px;padding:17px}.hud-stat b{font-size:36px}.hud-right{gap:12px}.hud-stat small{font-size:9px;letter-spacing:2px}#hud{padding:20px 5%}.meters{width:120px}#speed{font-size:44px}#boost{width:73px;height:73px}.race-bottom{left:6%;right:6%}#toast{font-size:30px}.rank-row{font-size:11px}}@media(max-height:450px){.lobby{top:80px;padding:13px;width:300px}.setup{gap:8px}.stages .stage{padding:8px}input{height:37px}.start{min-height:40px}header{padding:12px 4%}.meters{width:110px;gap:5px}#speed{font-size:32px;margin-bottom:8px}.race-bottom{bottom:14px}#hud{padding:12px 4%}}@media(prefers-reduced-motion:reduce){.impact #world{animation:none}.impact #flash{animation:none;opacity:.25}}.pedals{display:flex;gap:14px;align-items:end;pointer-events:auto}#brake{width:52px;height:52px;border-radius:50%;border:1px solid #f1c4a855;background:#3a2b26c9;color:#f7ddcf;font:700 28px Barlow Condensed;touch-action:none;-webkit-user-select:none;user-select:none}#brake:active{background:#795343}#hud.urgent #time{color:#ffc185}#boost.engaged{background:#296e91;box-shadow:inset 0 0 22px #84dbff66,0 0 22px #59d2ff33}#brake.engaged{background:#795343}#mission{margin-top:9px;color:#bdebd9;font-size:12px;letter-spacing:.03em;white-space:nowrap}#power-status{margin-top:8px;max-width:min(55vw,460px);color:#ffe3a5;font:700 clamp(12px,1.5vw,18px) "Barlow Condensed",sans-serif;letter-spacing:.025em;white-space:normal;line-height:1.4}.lobby{top:50%;transform:translate(-50%,-50%);width:820px;max-height:calc(100svh - 120px);display:grid;grid-template-columns:1.55fr 1fr;padding:0;overflow:auto;gap:0;background:linear-gradient(125deg,#233c5140,#08182740);border-color:#deefff59;border-radius:20px;box-shadow:inset 0 1px #ffffff45,inset 0 -1px #ffffff12,0 24px 80px #02091259;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5)}.setup{justify-content:center;padding:32px;border-left:1px solid #a4bac026}#driver-picker{--driver-color:#36d9c4;min-width:0;padding:0 20px 20px}.driver-feature{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#38626950,transparent 65%)}.lobby:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff08,transparent 40%,#ffffff03);border-radius:inherit}.lobby>*{position:relative;z-index:1}.driver-card-wrap{height:calc(100% - 16px);aspect-ratio:2/3;position:absolute;left:58%;top:8px;transform:translate(-50%);perspective:950px;perspective-origin:50% 50%}.driver-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}#driver-preview,.driver-card-back{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:12px;border:1px solid #e5f4ff66;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 8px 28px #06111a66}#driver-preview{object-fit:cover;object-position:50% 35%;transform:translateZ(.6px)}.driver-card-back{transform:rotateY(180deg) translateZ(.6px);background:linear-gradient(135deg,#344d60,#112638 55%,#496273);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#c5f4e1;box-shadow:inset 0 0 0 8px #ffffff0b,0 8px 28px #06111a66}.driver-card-back b{font:800 75px Barlow Condensed;transform:skew(-12deg);text-shadow:0 0 25px #bcffe96b}.driver-card-back span{font:700 12px Barlow Condensed;letter-spacing:3px}.driver-caption{position:absolute;z-index:2;bottom:12px;left:4px;right:4px;display:flex;flex-direction:column;text-shadow:0 2px 15px #000}.driver-caption small{color:var(--driver-color);font:700 11px Barlow Condensed,sans-serif;letter-spacing:3px}.driver-caption strong{font-size:32px;letter-spacing:-1px}.driver-caption span{font:700 12px Barlow Condensed,sans-serif;letter-spacing:3px;color:#adbdca;margin-top:5px}.driver-caption i{font-style:normal;color:#637684}.driver-roster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.driver-roster button{min-width:0;padding:4px 1px 6px;border:1px solid #d1ebf019;border-radius:8px;background:#10243780;transition:border-color .15s,background .15s}.driver-roster img{width:100%;height:auto;aspect-ratio:2/3;border-radius:5px;object-fit:cover;background:#253843}.driver-roster span{display:block;font-size:10px;white-space:nowrap;margin-top:4px;letter-spacing:-.5px}.driver-roster button[aria-pressed=true]{border-color:var(--driver-color);background:#325364aa;box-shadow:0 0 14px #99dbf01a}#race-position{position:fixed;left:4%;top:168px;align-items:baseline;gap:3px;font-family:Barlow Condensed,sans-serif;pointer-events:none;text-shadow:0 2px 10px #000}#race-position b{font-size:48px;color:#f4d7a1;line-height:1}#race-position span{font-size:19px;color:#c0ccd7}#race-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#080e1877;pointer-events:none;z-index:8}#distance-bar{display:block;width:0;height:100%;background:#a5f3ca;box-shadow:0 0 10px #a5f3ca}#distance{position:absolute;top:106px;right:4%;font:700 13px Barlow Condensed,sans-serif;letter-spacing:2px;color:#c8d8e4}#start-signal{position:fixed;inset:30% 0 auto;text-align:center;font:800 130px Barlow Condensed,sans-serif;color:#ff7055;text-shadow:0 4px 55px #ff4e284d;pointer-events:none}#start-signal.go{color:#b9ffda;text-shadow:0 4px 55px #65efb955}#start-signal[hidden]{display:none}.driver-badges{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.driver-badge{position:absolute;width:46px;height:46px;border:2px solid var(--driver-color);border-radius:50%;background:#182a3b;box-shadow:0 3px 12px #0008;transform-origin:50% 100%;will-change:left,top}.driver-badge img{width:100%;height:100%;border-radius:50%;object-fit:cover}.driver-badge span{position:absolute;top:44px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;white-space:nowrap;background:#091420c9;border-radius:3px;padding:1px 4px;color:#fff}.driver-badge[hidden]{display:none}#podium{height:390px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#755d353b,transparent 70%);margin:-10px -5px 12px}#podium[hidden]{display:none}.podium-result{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 28px);overflow:auto}.podium-result .result-score{font-size:38px;margin:8px 0}.podium-result h2{margin:8px 0;font-size:30px}.podium-result .result-grid{margin:12px 0}.award-driver{position:absolute;inset:22px 0 48px;margin:auto;width:100%;height:320px;object-fit:contain;z-index:2;filter:drop-shadow(0 10px 20px #0006)}.award-laurel{position:absolute;top:5px;left:0;right:0;font:700 11px Barlow Condensed;letter-spacing:7px;color:#efd59b}.award-plinth{position:absolute;bottom:0;height:50px;left:18%;right:18%;border:1px solid #e9cc8d6b;border-radius:5px 5px 0 0;background:linear-gradient(135deg,#b09b62,#665939 45%,#c4b07a);display:flex;align-items:center;justify-content:center;gap:16px;color:#161c23;z-index:3}.award-plinth b{font:800 38px Barlow Condensed}.award-plinth span{font-size:14px;font-weight:800}.award-halo{position:absolute;inset:10% 12%;border:1px solid #e4cb7c24;border-radius:50%;box-shadow:0 0 60px #ffdc7319,inset 0 0 60px #ffdc7310}.award-confetti{position:absolute;left:var(--x);top:-12px;width:5px;height:10px;background:#f6d680;animation:award-fall var(--fall) var(--delay) ease-in infinite;z-index:4}.award-confetti:nth-child(3n){background:#bacad8}.award-confetti:nth-child(4n){background:#4ecfb5}@keyframes award-fall{to{transform:translateY(430px) rotate(var(--turn));opacity:.1}}@media(max-width:620px){.lobby{width:calc(100% - 28px);grid-template-columns:1fr;max-height:calc(100svh - 108px);top:54%}.setup{padding:14px 18px 18px;gap:9px;border-left:0;border-top:1px solid #a4bac026}#driver-picker{padding:0 14px 12px}.driver-feature{height:220px}.driver-card-wrap{height:calc(100% - 12px);top:6px}.driver-caption{bottom:8px}.driver-caption strong{font-size:26px}.driver-caption span{font-size:10px;letter-spacing:2px}.driver-roster{gap:4px}.driver-roster span{font-size:9px}#race-position{top:145px;left:6%}#race-position b{font-size:38px}#distance{top:89px;right:6%;font-size:11px}#podium{height:310px}.award-driver{height:250px;bottom:42px}.award-plinth{height:42px}.podium-result{padding:20px 18px}.podium-result .result-score{font-size:32px}.driver-badge{width:38px;height:38px}.driver-badge span{top:36px}}@media(max-height:550px)and (min-width:621px){.lobby{top:56%;max-height:calc(100svh - 75px);width:700px}.driver-feature{height:210px}.setup{padding:18px}#podium{height:220px}.award-driver{height:175px;inset:15px 0 32px}}@media(prefers-reduced-motion:reduce){.award-confetti{display:none}.driver-roster button{transition:none}}.card-motion{position:absolute;z-index:4;top:12px;right:3px;width:30px;height:30px;border-radius:50%;border:1px solid #d8edff45;background:#142d3d55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:20px;line-height:1;padding:0;color:#b8cbd9}.card-motion{border-color:#adf3d79c;color:#c8ffe4;background:#254b4b55;box-shadow:0 0 14px #a2f5d319}