:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#f2f7ff;background:#090f1f;font-synthesis:none;color-scheme:dark;--mint:#77ffe0;--pink:#fc6baf;--muted:#8795b4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% -20%,#213657 0,transparent 55%),#090f1f;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e7b967;outline-offset:3px}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.app{max-width:460px;height:100dvh;min-height:490px;margin:0 auto;padding:14px 20px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:13px}.topbar{height:44px;flex:none;display:grid;grid-template-columns:78px 1fr 82px;align-items:center}.back{display:flex;align-items:center;gap:6px;font-size:23px;min-height:44px}.back span{font-size:12px;font-weight:650;color:#a8b4cc}.brand{text-align:center}.brand>span{font-size:8px;font-weight:700;letter-spacing:1.65px;color:var(--muted)}h1{font-size:18px;letter-spacing:-.5px;margin:4px 0 0}.tools{display:flex;gap:2px}.tools button{width:40px;height:44px;border:1px solid #253149;border-radius:14px;background:#182239;font-size:17px;position:relative}.tools button i{font-size:19px;position:absolute;left:15px;top:9px;color:var(--pink);font-style:normal}.scoreboard{display:flex;justify-content:space-between;align-items:end;flex:none}.eyebrow{display:block;font-size:10px;letter-spacing:.3px;color:var(--muted)}.scoreboard strong{font-size:44px;letter-spacing:-2px;line-height:1.12;font-variant-numeric:tabular-nums;font-weight:750}.best{text-align:right;padding-bottom:3px}.best strong{font-size:25px;letter-spacing:-1px;color:#b6c5df}.destination{flex:none}.destination>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:7px;color:#a5b4ce}.destination #district{color:var(--mint);font-weight:650}.progress{height:3px;background:#263149;border-radius:2px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#47c8d4,var(--mint));transition:width .25s}.arena{flex:1;min-height:250px;position:relative;border-radius:24px;overflow:hidden;background:#101a31;border:1px solid #2d3e5a;box-shadow:0 20px 60px #0004,inset 0 0 50px #47798f0a}canvas{display:block;width:100%;height:100%;touch-action:none}.run-hud{position:absolute;left:16px;top:17px;right:16px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:1px;font-weight:750;color:#a6bad4}.run-hud #combo{color:var(--mint)}.pause{position:absolute;top:38px;right:9px;width:40px;height:40px;border:1px solid #9cbde331;border-radius:12px;background:#0a122daf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:700}.feedback{position:absolute;left:0;right:0;top:46%;text-align:center;pointer-events:none;color:var(--mint);font-size:19px;font-weight:800;letter-spacing:-.4px;text-shadow:0 2px 16px #070c23;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s}.feedback.show{opacity:1;transform:translateY(0)}.feedback.near{color:#ffd28b}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:linear-gradient(180deg,#091125a8,#091125e8 75%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.intro-emblem{position:relative;width:94px;height:90px;margin-bottom:18px;display:grid;place-items:center}.intro-emblem span{position:absolute;width:61px;height:61px;transform:rotate(45deg);border:1px solid #80ffe047;box-shadow:0 0 35px #7affda16,inset 0 0 30px #7affda0a}.intro-emblem i{position:absolute;width:80px;height:80px;transform:rotate(45deg);border:1px solid #80ffe01b}.intro-emblem b{font-size:50px;line-height:1;color:var(--mint);text-shadow:0 0 20px #7affda66}.overlay>.eyebrow{font-size:9px;color:#92bac2;letter-spacing:.2px}h2{font-size:25px;letter-spacing:-1px;margin:9px 0 0}.overlay p{font-size:12px;line-height:1.8;color:#a8b8d2;margin:12px 0 23px}.primary{min-height:48px;padding:12px 24px;border-radius:15px;background:var(--mint);color:#093638;font-size:14px;font-weight:800;box-shadow:0 5px 22px #5ee7c51c;width:100%;max-width:250px;display:flex;justify-content:center;align-items:center;gap:16px}.primary:active{transform:translateY(1px);background:#a5ffec}.primary span{font-size:19px}.overlay-note{font-size:9px;color:#697e9d;margin-top:13px}.controls{flex:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}.controls button{display:flex;align-items:center;justify-content:center;gap:9px;height:58px;background:#1b2b42;border:1px solid #355066;border-radius:18px;box-shadow:0 3px #030913}.controls button:active,.controls button.active{background:#244957;border-color:var(--mint);transform:translateY(2px);box-shadow:0 1px #030913}.controls button:disabled{opacity:.5;cursor:default}.controls button>span{font-size:27px;color:#cceee7}.controls small{font-size:11px;color:#b4c6d9}.control-hint{display:flex;flex-direction:column;align-items:center;gap:4px}.core-dot{color:var(--mint);font-size:14px;text-shadow:0 0 13px #77ffe088}.control-hint>span:last-child{font-size:9px;color:#93a8c1;white-space:nowrap}.storage-note{font-size:10px;text-align:center;color:#f9d49d;margin:0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:250px;gap:10px;margin:0 0 18px;padding:13px 0;border-top:1px solid #7187a32a;border-bottom:1px solid #7187a32a}.result-stats b{display:block;color:var(--mint);font-size:20px}.result-stats span{display:block;margin-top:4px;font-size:9px;color:#93a8c1}.overlay.result .intro-emblem{display:none}.overlay.result h2{font-size:34px;color:#f6fbff}.overlay.result p{margin:7px 0 14px}.overlay.paused .intro-emblem{height:45px;margin:0 0 15px}.overlay.paused .intro-emblem span,.overlay.paused .intro-emblem i{display:none}.overlay.paused .intro-emblem b{font-size:36px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #374764;border-radius:24px;padding:28px;color:#eef7ff;background:#131f35;max-width:360px;width:calc(100% - 32px);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#050915b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin-bottom:22px}.close{position:absolute;right:10px;top:8px;width:44px;height:44px;background:transparent;font-size:26px;color:#a0b1cd}.help-step{display:flex;gap:14px;margin:15px 0}.help-step>b{color:var(--mint);font-size:11px;padding-top:4px}.help-step p{font-size:12px;line-height:1.8;color:#b5c2d9;margin:0}.help-step strong{color:#f3f8ff}.help-step .mint{color:var(--mint)}.help-note{font-size:10px;color:#8196b5;line-height:1.8;margin:20px 0}dialog .primary{max-width:none}@media(max-width:360px){.app{padding:8px 12px 10px;gap:9px}.topbar{grid-template-columns:65px 1fr 80px}.scoreboard strong{font-size:35px}.best strong{font-size:23px}.arena{border-radius:20px}.overlay{padding:18px}.intro-emblem{height:62px;margin-bottom:15px}.intro-emblem span{width:45px;height:45px}.intro-emblem i{width:60px;height:60px}.intro-emblem b{font-size:40px}h2{font-size:22px}.overlay p{font-size:11px;margin:8px 0 17px}.overlay>.eyebrow{font-size:8px}.controls button{height:51px;border-radius:15px}.controls small{display:none}.primary{min-height:46px}.overlay-note{margin-top:9px}.result-stats{margin-bottom:13px;padding:8px 0}.overlay.result h2{font-size:30px}}@media(min-height:900px)and (min-width:461px){.app{max-height:900px;padding-top:23px;padding-bottom:23px}}@media(max-height:600px)and (orientation:landscape){.app{max-width:1000px;min-height:300px;height:100dvh;display:grid;grid-template-columns:180px minmax(230px,1fr) 100px;grid-template-rows:52px 68px 1fr;gap:9px 14px;padding:10px 18px}.topbar{grid-column:1;grid-row:1;grid-template-columns:32px 1fr;position:relative}.topbar .back span{display:none}.topbar .tools{position:absolute;top:215px;left:0}.brand{text-align:left;padding-left:7px}.brand>span{font-size:7px}.brand h1{font-size:17px}.scoreboard{grid-column:1;grid-row:2;gap:10px;align-self:center}.scoreboard strong{font-size:31px}.best strong{font-size:22px}.eyebrow{font-size:8px}.destination{grid-column:1;grid-row:3;align-self:start}.destination>div:first-child{display:flex;flex-direction:column;gap:7px;font-size:9px}.arena{grid-column:2;grid-row:1/4;min-height:0;border-radius:19px}.controls{grid-column:3;grid-row:1/4;display:flex;flex-direction:column;justify-content:center;gap:16px}.controls button{width:100%;height:64px}.controls button small{display:none}.control-hint{order:-1}.overlay{padding:14px}.intro-emblem{height:38px;margin-bottom:6px}.intro-emblem span{width:29px;height:29px}.intro-emblem i{width:38px;height:38px}.intro-emblem b{font-size:27px}.overlay .eyebrow{font-size:8px}.overlay h2{font-size:21px;margin-top:5px}.overlay p{font-size:10px;margin:7px 0 12px;line-height:1.6}.primary{min-height:42px;padding:8px 15px;font-size:12px;max-width:215px}.overlay-note{font-size:8px;margin-top:6px}.result-stats{margin:0 0 9px;padding:6px 0}.result-stats b{font-size:17px}.result-stats span{font-size:8px}.overlay.result h2{font-size:26px}.storage-note{grid-column:1;font-size:8px;align-self:end}.run-hud{top:12px;left:12px;right:12px;font-size:8px}.pause{top:28px;width:36px;height:36px}.feedback{font-size:16px}}@media(max-width:640px)and (orientation:landscape){.app{grid-template-columns:134px minmax(230px,1fr) 66px;padding:8px 10px;gap:8px}.controls button{height:59px}.control-hint>span:last-child{font-size:8px}.topbar .tools{top:215px}.brand>span{letter-spacing:.6px}.brand h1{font-size:15px}.scoreboard{gap:4px}.scoreboard strong{font-size:29px}.best strong{font-size:19px}.scoreboard .eyebrow{font-size:7px}.destination>div:first-child{font-size:8px}.controls{gap:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.arena{box-shadow:none}}.route-preview{position:absolute;top:38px;left:13px;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 8px;padding:6px 8px;border-radius:10px;border:1px solid #739ca42d;background:#0c182bbc;pointer-events:none}.route-preview>span{font-size:8px;color:#90aabd}.route-preview>div{display:flex;gap:3px}.route-preview i{font-style:normal;display:grid;place-items:center;width:18px;height:19px;border-radius:4px;background:#263d502b;font-size:13px}.route-preview i.core{color:#99ffe4;background:#78e8c91b}.route-preview i.blocked{color:#ff8bbb}.route-preview i.open{color:#56717f}.route-preview>b{grid-column:1/3;font-size:9px;font-weight:650;color:#c3e1db}.resume-cue{position:absolute;z-index:2;top:49%;left:50%;transform:translate(-50%,-50%);width:224px;border:1px solid #80ffe050;border-radius:18px;background:#0e2133ed;text-align:center;padding:19px 15px 14px;pointer-events:none}.resume-cue b{display:block;font-size:16px;color:#c1ffed}.resume-cue span{display:block;font-size:10px;color:#9abec4;margin-top:7px}.resume-cue i{display:block;height:3px;width:var(--remaining,100%);background:#77ffe0;border-radius:3px;margin-top:13px}.controls button.active{transition:background .05s,transform .05s}.overlay.result p{max-width:260px;word-break:keep-all;line-height:1.65}@media(max-width:360px){.route-preview{top:34px;left:10px;padding:5px 7px;gap:3px 7px}.route-preview i{width:17px;height:17px;font-size:12px}.route-preview>b{font-size:8px}}@media(max-height:600px)and (orientation:landscape){.route-preview{top:30px;left:10px;display:flex;gap:6px;padding:4px 6px}.route-preview>span{display:none}.route-preview>b{font-size:8px}.route-preview i{width:14px;height:17px;font-size:11px}.resume-cue{width:200px;padding:13px}.resume-cue b{font-size:14px}.resume-cue span{font-size:9px}.overlay.result p{font-size:10px;max-width:235px}}