:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#14201f;font-synthesis:none;--accent: #51d5bf;--gold: #e4b84f;--coral: #e86b5c;--panel: #11201fe8;--line: #a9bdb64d}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#14201f url(/assets/backdrop.webp) center / cover;letter-spacing:0}button{font:inherit;letter-spacing:0}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.world{position:relative;width:100vw;height:100svh;overflow:hidden}#scene,#scene>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}header{position:absolute;z-index:5;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:8px clamp(14px,3vw,46px);border-bottom:1px solid var(--line);background:#0e1b1aeb;box-shadow:0 8px 28px #07100f52;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.header-actions{display:flex;align-items:center}.brand{gap:10px}.brand>span{display:grid;width:40px;height:40px;place-items:center;border:3px solid var(--accent);border-radius:50%;color:var(--accent);background:#050908;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 38%,transparent)}.brand svg{width:21px}.brand strong,.brand small,.district strong,.district small,.district span{display:block}.brand strong{font-size:16px;line-height:1.05}.brand small,.district small{margin-top:3px;color:#a9bcb6;font-size:9px;font-weight:700;text-transform:uppercase}.district{min-width:190px;text-align:center}.district strong{margin-top:1px;font-size:15px}.district span{margin-top:2px;color:var(--accent);font-size:9px;font-weight:900}.header-actions{justify-content:flex-end;gap:7px}.icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;padding:0;border:1px solid #8ea39c;border-radius:5px;color:#fff;background:#20302ed9;cursor:pointer}.icon:hover,.icon.active{border-color:var(--accent);color:var(--accent);background:#0d1918}.icon svg{width:18px}.score-panel,.timer,.combo-panel,.district-nav,#radar{position:absolute;z-index:4;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 14px 38px #07100f61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-panel{top:92px;left:24px;width:220px;overflow:hidden}.score-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:13px 14px 9px}.score-heading small,.timer small,.combo-panel small,.run-stats small{color:#a8bbb5;font-size:9px;font-weight:800}.score-heading strong{font-size:29px;line-height:1;font-variant-numeric:tabular-nums}.progress-track{height:5px;background:#52625d}.progress-track i{display:block;width:0;height:100%;background:var(--accent);box-shadow:0 0 13px var(--accent);transition:width .16s ease}.score-goal{display:flex;justify-content:space-between;padding:7px 14px 10px;color:#c8d4d0;font-size:10px}.score-goal b{color:var(--gold)}.run-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff17}.run-stats span{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 13px}.run-stats span+span{border-left:1px solid #ffffff17}.run-stats b{color:#fff0bc;font-size:14px}.timer{top:92px;right:24px;width:92px;padding:12px;text-align:center}.timer strong{display:block;color:var(--gold);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.timer span{display:block;min-height:11px;color:var(--accent);font-size:8px;font-weight:900}.combo-panel{top:94px;left:50%;min-width:84px;padding:8px 14px;text-align:center;opacity:0;transform:translate(-50%,-12px) scale(.9);transition:opacity .12s ease,transform .12s ease}.combo-panel strong{display:block;color:var(--gold);font-size:22px}.combo-panel.active{opacity:1;transform:translate(-50%) scale(1)}#radar{right:24px;bottom:22px;width:168px;height:168px;image-rendering:auto}.district-nav{bottom:22px;left:50%;display:flex;align-items:center;gap:10px;padding:6px;transform:translate(-50%)}#stageDots{display:grid;grid-template-columns:repeat(6,7px);gap:5px;padding:0 4px}#stageDots i{width:7px;height:7px;border-radius:50%;background:#74847f}#stageDots i.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}#joystick{position:absolute;z-index:5;bottom:26px;left:24px;display:none;width:112px;height:112px;border:1px solid #ffffff8c;border-radius:50%;background:#13201f9c;box-shadow:inset 0 0 22px #0007,0 10px 30px #0005;touch-action:none}#joystick:before,#joystick:after{position:absolute;background:#ffffff25;content:""}#joystick:before{top:50%;right:12px;left:12px;height:1px}#joystick:after{top:12px;bottom:12px;left:50%;width:1px}#joystick i{position:absolute;z-index:1;top:31px;left:31px;width:48px;height:48px;border:2px solid #d8fff7;border-radius:50%;background:var(--accent);box-shadow:0 6px 18px #0008}#notice{position:absolute;z-index:4;top:178px;left:50%;max-width:min(420px,70vw);padding:9px 14px;border:1px solid #d9c992;border-radius:5px;color:#172320;background:#f4eee0e8;box-shadow:0 10px 28px #0004;font-size:11px;font-weight:900;opacity:0;pointer-events:none;transform:translate(-50%,-8px)}#notice.show{animation:notice-in 2.2s ease both}#notice[data-tone=paused]{color:#fff;border-color:var(--coral);background:#712f2ddd}.score-pop{position:absolute;z-index:6;color:#fff3b8;font-size:22px;font-weight:900;pointer-events:none;text-shadow:0 2px 5px #000,0 0 12px var(--gold);transform:translate(-50%,-50%);animation:score-float .76s ease-out both}dialog{width:min(390px,calc(100vw - 28px));border:1px solid #87a39a;border-radius:7px;padding:30px;color:#fff;background:#14221f;box-shadow:0 30px 100px #000;text-align:center}dialog::backdrop{background:#07100fd6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog small{color:var(--accent);font-size:10px;font-weight:900}dialog h2{margin:6px 0 12px;font-size:24px}dialog p{min-height:20px;color:#bbc9c4;font-size:13px}dialog button{width:100%;min-height:44px;margin-top:12px;border:0;border-radius:5px;color:#17201e;background:var(--gold);font-weight:900;cursor:pointer}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-8px)}12%,76%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}@keyframes score-float{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}18%{opacity:1;transform:translate(-50%,-2px) scale(1.1)}to{opacity:0;transform:translate(-50%,-60px) scale(.9)}}@media(max-width:700px){header{grid-template-columns:minmax(94px,1fr) auto minmax(78px,1fr);min-height:58px;padding:6px 8px}.brand{gap:6px}.brand>span,.icon{width:34px;height:34px;flex-basis:34px}.brand strong{font-size:12px}.brand small,.district small{display:none}.district{min-width:108px}.district strong{overflow:hidden;max-width:118px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.district span{font-size:8px}.header-actions{gap:4px}.score-panel{top:70px;left:9px;width:146px}.score-heading{padding:8px 9px 6px}.score-heading strong{font-size:22px}.score-goal{padding:5px 9px 7px;font-size:8px}.run-stats span{min-height:36px;padding:0 7px}.run-stats small{font-size:7px}.run-stats b{font-size:11px}.timer{top:70px;right:9px;width:65px;padding:7px}.timer strong{font-size:23px}.combo-panel{top:68px;padding:6px 9px}.combo-panel strong{font-size:18px}.district-nav{display:none}#joystick{display:block}#radar{right:14px;bottom:22px;width:102px;height:102px}#notice{top:170px;font-size:9px}}@media(orientation:landscape)and (max-height:600px){header{min-height:48px;padding:5px 9px}.brand>span,.icon{width:32px;height:32px;flex-basis:32px}.score-panel{top:58px;left:9px}.timer{top:58px;right:9px}.combo-panel{top:56px}#joystick{display:block;bottom:14px;left:16px;width:92px;height:92px}#joystick i{top:25px;left:25px;width:40px;height:40px}#radar{right:12px;bottom:12px;width:88px;height:88px}.district-nav{display:none}#notice{top:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}