:root{color-scheme:light;--paper:#f4f0e5;--ink:#203b37;--orange:#e85e38;--line:#28463b24;font-family:Inter,Arial,system-ui,-apple-system,Noto Sans KR,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c4a176;overscroll-behavior:none}body{touch-action:none;-webkit-user-select:none;user-select:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #315cd4;outline-offset:4px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#topbar{position:fixed;top:0;left:0;width:100%;height:74px;padding:19px max(25px,env(safe-area-inset-right)) 16px max(25px,env(safe-area-inset-left));display:flex;align-items:center;gap:28px;z-index:6;color:var(--ink);pointer-events:none}.brand{font-size:19px;font-weight:900;letter-spacing:-1px;color:var(--ink);text-decoration:none;pointer-events:auto}.brand span{color:#cf5032}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:1px}.edition{font:700 9px/1.6 ui-monospace,monospace;letter-spacing:1.7px;opacity:.8}.edition b{display:block;font-size:7px;font-weight:400}.tools{margin-left:auto;display:flex;gap:6px;pointer-events:auto}.tools button{background:#f4f0e5d9;color:var(--ink);border:1px solid #294d3520;min-height:35px;padding:0 13px;border-radius:5px;font:700 10px ui-monospace,monospace;letter-spacing:.5px}.tools #pause{font-size:18px;min-width:40px}body.playing #topbar{background:linear-gradient(#1b3634c7,#1b363400);height:76px}.playing .brand{color:#fff0d5}.playing .brand span{color:#ff8a5c}.playing .edition{display:none}.panel{position:fixed;top:50%;left:max(5vw,22px);transform:translateY(-46%);width:360px;max-height:calc(100dvh - 94px);overflow-y:auto;scrollbar-width:none;padding:28px 28px 21px;background:var(--paper);border:1px solid #ffffff8c;border-radius:9px;box-shadow:0 20px 70px #1b2d2b2b;color:var(--ink);z-index:5}.panel::-webkit-scrollbar{display:none}.eyebrow{display:flex;align-items:center;gap:7px;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:1.7px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:65px;line-height:.89;font-weight:950;font-style:italic;letter-spacing:-4.5px;margin:22px 0 17px;position:relative}h1 span{color:var(--orange);font-size:57px;letter-spacing:-4px}h1 sup{font:700 13px ui-monospace,monospace;position:absolute;top:3px;right:14px;letter-spacing:-1px}.intro{font-size:13px;line-height:1.6;margin:0 0 19px;font-weight:400;color:#51625a}.intro strong{color:var(--ink);font-weight:650}.course{border-block:1px solid var(--line);padding:13px 0;display:flex;align-items:center;justify-content:space-between}.course small,.menu-foot{font:600 8px ui-monospace,monospace;letter-spacing:1px;color:#6f7b70}.course h2{font-size:16px;letter-spacing:-.3px;margin:4px 0 0;font-style:italic}.course>span{font:700 9px/1.7 ui-monospace,monospace;text-align:right;color:#69796d}.difficulty{display:flex;border:0;padding:0;margin:17px 0 16px;gap:5px}.difficulty legend{font-size:10px;font-weight:700;margin-bottom:7px}.difficulty label{flex:1;cursor:pointer;position:relative}.difficulty input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.difficulty label span{display:block;text-align:center;padding:9px 3px;background:#e7e8dc;border-radius:4px;font:800 9px ui-monospace,monospace;letter-spacing:.7px;border:1px solid transparent}.difficulty small{display:block;font:500 9px system-ui;margin-top:4px;letter-spacing:0}.difficulty input:checked+span{background:#28493f;color:#fff5dc;border-color:#28493f}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--orange);color:#fff9e9;border-radius:5px;font-size:14px;font-weight:750;padding:16px 18px;box-shadow:0 4px #bd4b2b;transition:background .12s,transform .12s}.primary:hover{background:#f27048}.primary:active{transform:translateY(2px);box-shadow:0 2px #bd4b2b}.primary>span{font-size:21px;line-height:15px}.secondary{display:flex;width:100%;justify-content:space-between;background:none;color:var(--ink);padding:16px 0 10px;font-size:11px;font-weight:650}.secondary>span{font:600 7px ui-monospace,monospace;color:#79847a;letter-spacing:.5px;padding-top:3px}.how{display:flex;align-items:center;gap:10px;margin:13px 0 20px;padding-top:15px;border-top:1px solid var(--line)}.gesture{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:33px;border:1px solid #c6cdbd;border-radius:50%;font-size:20px}.how p{font-size:9px;line-height:1.75;margin:0;color:#68756a}.how strong{font-weight:650;color:#334b40}.how small{display:block;font-size:8px;opacity:.8}.menu-foot{display:flex;justify-content:space-between;letter-spacing:.3px;font-size:7px}.menu-foot b{font-size:9px;color:var(--ink);padding-left:5px}#hud{position:fixed;inset:0;pointer-events:none;color:#f5f1e3;z-index:3}.race-bar{position:absolute;top:84px;left:24px;display:flex;align-items:center;gap:23px;padding:13px 19px;background:#183a33ec;border:1px solid #c9dcac21;border-radius:7px;box-shadow:0 7px 18px #21352d20;backdrop-filter:blur(6px)}.position{display:flex;align-items:center;gap:8px}.position>b{font-size:47px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-3px;color:#ff9b70;font-variant-numeric:tabular-nums}.position>span{font-size:14px;color:#b7c8b6}.position small{display:block;font:500 7px ui-monospace,monospace;letter-spacing:1px;margin-top:4px}.lap,.time{display:flex;flex-direction:column;gap:5px;font-variant-numeric:tabular-nums}.race-bar small{font:500 8px ui-monospace,monospace;color:#abc2af;letter-spacing:1px}.lap>b{font-size:20px;line-height:1.1}.lap em{font-size:12px;font-weight:500;font-style:normal;color:#90aa96}.time>b{font:600 19px ui-monospace,monospace;letter-spacing:-1px}.time{padding-left:16px;border-left:1px solid #b9cead29}#leaderboard{position:absolute;top:181px;left:25px;width:137px;font:600 10px ui-monospace,monospace;filter:drop-shadow(0 1px 2px #102922)}.driver-row{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:4px;color:#e3edce;background:#203c3669;margin-bottom:2px}.driver-row.me{background:#f27145;color:#fff3df}.driver-row i{width:6px;height:6px;border-radius:50%;display:inline-block}.driver-row .number{width:10px;opacity:.7}.telemetry{position:absolute;bottom:39px;left:28px;width:124px;text-shadow:0 1px 4px #193d37}.telemetry>span{font-size:48px;letter-spacing:-3px;line-height:1;font-weight:850;font-style:italic;font-variant-numeric:tabular-nums}.telemetry>small{font:600 8px ui-monospace,monospace;margin-left:5px}.telemetry>b{display:block;font:700 8px ui-monospace,monospace;color:#f7e9b6;letter-spacing:1.3px;padding-top:7px}.speed-line{height:3px;background:#203b3a6e;margin-top:7px;overflow:hidden;border-radius:2px}.speed-line i{display:block;height:100%;width:0;background:#ff8b5b}.map-wrap{position:absolute;right:23px;bottom:29px;padding:8px 11px;background:#183a33d6;border:1px solid #d6e1c92b;border-radius:6px;text-align:center;backdrop-filter:blur(3px)}#map{display:block;width:126px;height:87px}.map-wrap>span{font:500 6px ui-monospace,monospace;letter-spacing:1.6px;color:#b7cdb6}#reset{position:absolute;right:25px;top:84px;pointer-events:auto;color:#f4ebd8;background:#183a33d9;border:1px solid #cadac22b;border-radius:5px;padding:10px 13px;font-size:11px}#touch-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:10px;color:#fff0cb;text-shadow:0 1px 4px #173930;white-space:nowrap;transition:opacity 1s}#wheel{position:absolute;left:50%;bottom:49px;transform:translate(-50%);width:116px;height:116px;opacity:.8;transition:opacity .2s}#wheel.active{opacity:1}.wheel-rim{width:100%;height:100%;border:4px solid #f6f0d2bd;border-radius:50%;background:#203e333c;box-shadow:inset 0 0 0 1px #203e3366,0 3px 12px #1d373632;position:relative}.wheel-rim i{position:absolute;top:50%;left:0;width:100%;height:4px;background:#f6f0d2bd;transform:rotate(-20deg)}.wheel-rim i:nth-child(2){transform:rotate(20deg)}.wheel-rim b{position:absolute;left:50%;top:50%;width:23px;height:23px;transform:translate(-50%,-50%);background:#ed754e;border:4px solid #f6f0d2;border-radius:50%}#wheel>span{position:absolute;top:-19px;width:100%;text-align:center;font:600 7px ui-monospace,monospace;letter-spacing:2px;color:#fff2d4}.brake-fill{position:absolute;bottom:-9px;left:10%;height:3px;width:0;max-width:80%;background:#ff8552;border-radius:3px}#countdown{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);font-size:110px;font-weight:950;font-style:italic;color:#fff7e6;letter-spacing:-8px;text-shadow:0 6px 0 #ce6143,0 13px 40px #163c3159}#countdown.go{font-size:74px;color:#ffde91;letter-spacing:-5px}#toast{position:absolute;top:23%;left:50%;transform:translate(-50%);text-align:center;font-size:18px;font-weight:850;font-style:italic;letter-spacing:-.5px;white-space:nowrap;text-shadow:0 2px 6px #16392c;opacity:0;transition:opacity .15s}#toast.show{opacity:1}#wrong{position:absolute;top:170px;left:50%;transform:translate(-50%);font-size:12px;background:#ae492fec;color:#fff0d5;padding:10px 18px;border-radius:4px;white-space:nowrap}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:31px;border-radius:9px;color:var(--ink);width:350px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 34px);overflow:auto;scrollbar-width:none;box-shadow:0 20px 70px #102b3a4d;z-index:10}.dialog h2{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-1.5px;margin:16px 0 10px}.dialog p{font-size:12px;color:#6b786b;margin:0 0 24px}.dialog .secondary{justify-content:center;margin-top:8px}.text-button{display:block;width:100%;padding:14px 0 0;background:none;color:#65746a;font-size:11px}.result-stats{display:flex;border-block:1px solid var(--line);padding:14px 0;gap:24px}.result-stats small{display:block;font:600 8px ui-monospace,monospace;color:#7e8878;letter-spacing:1px}.result-stats b{display:block;margin-top:7px;font:750 18px ui-monospace,monospace}#result-grid{list-style:none;padding:10px 0;margin:0 0 14px}#result-grid li{display:flex;gap:11px;font:650 10px ui-monospace,monospace;padding:8px 10px;border-bottom:1px solid #28463b10}#result-grid li.me{background:#e5654020;color:#c34626;border-radius:3px}#result-grid li>i{width:7px;height:7px;border-radius:50%;margin-top:2px}#result-grid li>span:last-child{margin-left:auto;font-weight:400;color:#6e796e}#new-best{padding:0 0 16px;font:800 10px ui-monospace,monospace;color:#cb5433;text-align:center;letter-spacing:1px}#scrim{position:fixed;inset:0;background:#153d3940;backdrop-filter:blur(4px);z-index:8}.sensitivity{display:flex;gap:5px;border:0;padding:0;margin:12px 0 16px;min-width:0}.sensitivity legend{width:100%;padding:0;margin-bottom:7px;font-size:10px;font-weight:700}.sensitivity legend small{float:right;font-size:9px;font-weight:500;color:#6b786b}.sensitivity label{position:relative;flex:1;cursor:pointer;min-width:0}.sensitivity input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.sensitivity label span{display:block;text-align:center;padding:13px 3px;background:#e7e8dc;border:1px solid transparent;border-radius:4px;font:650 11px/16px system-ui,sans-serif}.sensitivity input:checked+span{background:#28493f;color:#fff5dc;border-color:#28493f}.dialog .sensitivity-tip{font-size:10px;line-height:1.6;margin:-4px 0 19px}.panel,.dialog{overflow-x:hidden}@media(max-width:650px){#topbar{height:58px;padding:12px 15px}.brand{font-size:16px}.brand small{font-size:6px}.edition{display:none}.tools button{font-size:8px;padding:0 9px;min-height:31px}.panel{left:50%;top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(352px,calc(100vw - 28px));padding:20px 23px 17px;max-height:calc(100dvh - 190px)}h1{font-size:53px;margin:17px 0 14px;letter-spacing:-3.9px}h1 span{font-size:47px;letter-spacing:-3.5px}h1 sup{right:18px}.intro{font-size:11px;margin-bottom:12px}.intro br{display:none}.intro strong{padding-left:3px}.course{padding:10px 0}.course h2{font-size:14px}.difficulty{margin:13px 0}.difficulty label span{padding:8px 2px}.primary{padding:14px 16px;font-size:13px}.secondary{padding-top:14px;font-size:10px}.how{margin:9px 0 14px;padding-top:12px}.how p{font-size:8px}.how small{font-size:7px}.race-bar{top:66px;left:14px;right:14px;padding:12px 14px;gap:21px;justify-content:space-between}.position>b{font-size:38px}.position>span{font-size:12px}.time>b{font-size:16px}.lap>b{font-size:18px}.race-bar small{font-size:7px}.time{padding-left:14px}.position small{font-size:6px}#leaderboard{top:147px;left:15px;width:96px;font-size:8px}.driver-row{gap:6px;padding:4px 7px}.telemetry{bottom:38px;left:18px;width:87px}.telemetry>span{font-size:38px}.telemetry>small{font-size:6px;margin-left:3px}.telemetry>b{font-size:6px}.map-wrap{bottom:36px;right:13px;padding:6px;background:#183a33b8}#map{width:91px;height:63px}.map-wrap>span{font-size:5px;letter-spacing:1px}#wheel{width:94px;height:94px;bottom:54px}.wheel-rim{border-width:3px}.wheel-rim i{height:3px}.wheel-rim b{width:20px;height:20px;border-width:3px}#wheel>span{font-size:6px}#reset{top:147px;right:14px;font-size:9px;padding:8px 10px}#touch-hint{font-size:8px;bottom:17px}#toast{top:30%;font-size:16px}#wrong{top:200px;font-size:10px}}@media(max-height:650px)and (max-width:650px){.panel{max-height:calc(100dvh - 80px);bottom:12px;padding:17px 21px}h1{font-size:42px;line-height:.86;margin:13px 0 11px}h1 span{font-size:38px}.intro{font-size:10px}.how{margin-bottom:11px}.course{padding:8px 0}.difficulty{margin:10px 0}.difficulty label span{padding:6px 2px}.primary{padding:12px 15px}.how p{line-height:1.5}.secondary{padding:12px 0 7px}.eyebrow{font-size:7px}}@media(max-height:550px)and (min-width:651px){#topbar{height:53px;padding:10px 18px}.panel{top:56px;bottom:12px;left:22px;transform:none;width:305px;max-height:none;padding:17px 21px}.eyebrow{font-size:7px}h1{font-size:39px;line-height:.87;margin:12px 0 9px}h1 span{font-size:35px}.intro{font-size:10px;margin-bottom:9px}.intro br{display:none}.course{padding:8px 0}.course h2{font-size:13px}.difficulty{margin:9px 0}.difficulty label span{padding:5px 2px}.difficulty legend{margin-bottom:4px;font-size:9px}.primary{padding:11px 14px;font-size:12px}.secondary{padding:11px 0 6px;font-size:9px}.how{padding-top:8px;margin:7px 0 9px;gap:8px}.how p{font-size:8px}.how small{display:none}.gesture{width:25px;height:25px}.race-bar{top:59px;padding:9px 13px;gap:17px;left:17px}.position>b{font-size:34px}.time>b{font-size:16px}.race-bar small{font-size:7px}#leaderboard{top:134px;left:17px;width:108px;font-size:8px}.driver-row{padding:4px 8px}.telemetry{bottom:23px;left:20px}.telemetry>span{font-size:37px}#reset{top:61px;right:18px;padding:8px 10px}#wheel{width:82px;height:82px;bottom:32px}#touch-hint{font-size:8px;bottom:9px}.map-wrap{right:17px;bottom:17px}#map{width:109px;height:76px}#countdown{font-size:80px}#wrong{top:125px}}@media(max-height:550px)and (orientation:landscape){#wheel{left:auto;right:clamp(140px,21vw,185px);transform:none;bottom:64px;width:76px;height:76px}}@media(max-height:550px)and (orientation:landscape){#pause-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;width:420px;padding:18px 22px}#pause-panel>.eyebrow,#pause-panel>p{display:none}#pause-panel h2{grid-column:1/-1;font-size:24px;line-height:1.2;margin:0}#pause-panel .sensitivity{grid-column:1/-1;margin:6px 0}#pause-panel .primary{grid-column:1/-1;min-height:44px;padding:10px 14px}#pause-panel .secondary,#pause-panel .text-button{min-height:44px;margin:0;padding:12px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.online-entry{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;margin-top:8px;border:1px solid #2c695c;border-radius:5px;background:#deeadf;color:#224f43;font-size:12px;font-weight:750}.online-entry span{font:700 9px ui-monospace,monospace;letter-spacing:1px}.online-panel{width:430px;max-height:calc(100dvh - 28px);z-index:12;padding:25px}.online-panel h2{font-size:30px;margin:13px 0}.online-panel p{line-height:1.6;margin:10px 0 14px}.net-label{display:block;font-size:11px;font-weight:750;margin:14px 0 7px}.online-panel input,.online-panel select{font:600 14px system-ui;width:100%;min-width:0;border:1px solid #b9c9bc;background:#fffdf2;border-radius:5px;padding:12px;color:#263d34;min-height:44px;outline-offset:3px}.online-panel .primary{margin-top:10px;min-height:44px}.join-row{display:flex;gap:7px}.join-row input{text-transform:uppercase;letter-spacing:3px}.join-row button{padding:12px 18px;white-space:nowrap;background:#2b5547;color:#fff4df;border-radius:4px}.room-list-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 7px;font-size:11px}.room-list-heading button,.room-code-row button{background:transparent;color:#377064;font-size:11px;padding:10px 3px}.room-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:15px 10px;background:#e4eadf;border-radius:4px;margin-bottom:5px;text-align:left;font-size:11px;color:#254638}.room-item span{font-size:10px;color:#687766}.online-panel .empty-rooms{font-size:11px;color:#768573;padding:15px 0}.room-code-row{display:flex;align-items:center;justify-content:space-between;background:#e1e8dc;padding:4px 10px;border-radius:4px;font:600 10px ui-monospace,monospace}.room-code-row b{font-size:19px;letter-spacing:2px;padding-left:8px}#room-grid{list-style:none;margin:12px 0;padding:0}#room-grid li{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;font-size:12px;border-bottom:1px solid #c4d0be80}#room-grid li span{font:700 9px ui-monospace,monospace;color:#84917b}#room-grid li.ready span{color:#237053}#room-grid li.bot{opacity:.55}.ready-row{display:flex;gap:7px}.ready-row button{flex:1;white-space:nowrap;font-size:12px;padding:13px 8px}.online-panel #net-error{color:#a53d29;font-size:12px;min-height:0;margin:8px 0}.online-panel #net-error:empty{display:none}button:disabled{opacity:.45;cursor:default}#net-badge{position:fixed;z-index:7;left:50%;bottom:6px;transform:translate(-50%);max-width:95vw;text-align:center;white-space:nowrap;font:650 9px system-ui;color:#fff1d2;background:#234c42dc;border-radius:4px;padding:5px 9px;pointer-events:none}body.online #touch-hint{bottom:32px}.online-panel::-webkit-scrollbar{display:none}@media(max-height:550px){.online-panel{padding:16px 24px}.online-panel h2{font-size:24px;margin:7px 0}.online-panel p{margin:6px 0}#room-grid li{padding:7px 9px}.online-panel .net-label{margin:9px 0 5px}}body:has(#online-panel:not([hidden])){touch-action:pan-y}.online-panel{touch-action:pan-y}.online-panel input{user-select:text;-webkit-user-select:text}.room-code-row button,.room-list-heading button{min-height:40px}body:has(.dialog:not([hidden])){touch-action:pan-y}.dialog{touch-action:pan-y}#room-grid li b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#room-grid li span{flex-shrink:0;padding-left:8px}#result-grid li>span:not(:last-child),.driver-row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#result-grid li>span:last-child{flex-shrink:0}