:root{--bg: #020309;--ink: #eef0f7;--muted: #9aa3bd;--panel: rgba(12, 14, 30, .72);--line: rgba(255, 255, 255, .1);--accent: #8f86ff;--font: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}:root{--wb: normal}html[lang=ko]{--wb: keep-all}html[lang=ja] .info-desc,html[lang=ja] .lede{line-break:strict}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border:1px solid rgba(255,255,255,.22);border-bottom-width:2px;border-radius:5px;font:600 .72em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;color:var(--ink);background:#ffffff0f}#app{position:fixed;inset:0;touch-action:none;cursor:grab}#app.dragging{cursor:grabbing}#app.hovering{cursor:pointer}#app canvas{display:block}.labels{position:absolute;inset:0;pointer-events:none}.label{pointer-events:auto;user-select:none;white-space:nowrap;transition:opacity .25s;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 2px #000}.label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:3px 8px 3px 6px;border-radius:999px;transform:translateY(-14px)}.label.spot .label-name{color:#d9d2ff}.label.star{font-size:11.5px}.label.big{font-size:16px;font-weight:800}.label-dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.label.hover .label-name,.label.selected .label-name{color:#fff}.label.hover,.label.selected{background:#0a0c1ab3;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent)}body.locked .label{pointer-events:none!important}body:not(.flying) .labels{visibility:hidden}#ui{position:fixed;inset:0;pointer-events:none;z-index:5}#ui>*{pointer-events:auto}#hud{pointer-events:none}#hud>*{pointer-events:auto}#hud>#crosshair,#hud>#target{pointer-events:none}[hidden]{display:none!important}#intro{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at center,#0203098c,#020309d9 75%);transition:opacity .9s ease}#intro.leaving{opacity:0;pointer-events:none}.intro-card{max-width:720px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.32em;color:var(--accent);font-weight:700;margin:0 0 14px}.intro-card h1{margin:0;font-size:clamp(34px,6.4vw,64px);text-wrap:balance;line-height:1.05;font-weight:800;letter-spacing:-.02em;text-shadow:0 0 40px rgba(143,134,255,.45)}.lede{color:#c9cfe0;font-size:clamp(15px,2.2vw,17px);line-height:1.7;margin:20px auto 30px;max-width:30em;word-break:var(--wb)}.primary{border:0;padding:15px 38px;border-radius:999px;font-size:17px;font-weight:700;color:#0c0a24;background:linear-gradient(135deg,#c9c3ff,#8f86ff);box-shadow:0 0 0 1px #fff3 inset,0 8px 40px #8f86ff73;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff4d inset,0 10px 50px #8f86ffa6}.intro-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:30px;font-size:13px;color:var(--muted)}.intro-keys kbd{margin-right:3px}.langs{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}.langs a{padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:13px}.langs a:hover{color:var(--ink);border-color:#ffffff4d}html[lang=ko] .langs a[lang=ko],html[lang=en] .langs a[lang=en],html[lang=es] .langs a[lang=es],html[lang=ja] .langs a[lang=ja]{color:var(--ink);border-color:var(--accent)}#lang-select{appearance:none;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 13px var(--font);cursor:pointer}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) 16px 0;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:.01em}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.topbar nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.topbar nav button{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600}.topbar nav button:hover{border-color:#ffffff40}.topbar nav button.unavailable{opacity:.55}.topbar nav button.icon-btn span{font-size:12px;line-height:1}#btn-time.paused span{opacity:.6}.topbar nav button[aria-pressed=true]{border-color:var(--accent);background:#8f86ff33}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000073}.panel h2{margin:0 0 12px;font-size:13px;letter-spacing:.14em;color:var(--muted);font-weight:700}#warp{top:64px;left:16px;width:270px;max-height:calc(100% - 270px);overflow:auto;padding:16px 12px 12px;scrollbar-width:thin}#warp h2{padding:0 6px}#warp-list,#warp-list ul{list-style:none;margin:0;padding:0}.warp-group{margin-bottom:10px}.warp-group h3{margin:8px 6px 4px;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:700}.warp-group ul{display:grid;gap:1px}.warp-btn{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:8px;padding:5px 7px;font-size:12.5px;color:#d4d9e8;text-align:left;width:100%}.warp-btn:hover{background:#ffffff12;color:#fff}.warp-btn.sys{width:100%;font-size:14px;color:var(--ink)}.warp-btn .key{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font:700 11px ui-monospace,monospace;color:#120a06;background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.warp-name{font-weight:700}.warp-kicker{margin-left:auto;font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);flex:none}#info{top:64px;right:16px;width:340px;max-height:calc(100% - 90px);overflow:auto;padding:22px 22px 18px;border-top:2px solid var(--c);animation:slide-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.info-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:#ffffff0f;font-size:18px;line-height:1}.info-close:hover{background:#ffffff24}.info-kicker{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--c)}#info h2{margin:6px 0 10px;font-size:26px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.info-en{margin:-6px 0 12px;font-size:12.5px;color:var(--muted)}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;font-size:13px}.facts dt{color:var(--muted)}.facts dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.info-note{margin:-4px 0 4px;font-size:12px;line-height:1.6;color:var(--muted);padding:8px 10px;border-radius:8px;background:#ffffff0a}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.tags span{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 8px;border-radius:6px;background:#ffffff12;color:#cfd5e6}.info-desc{margin:0 0 16px;line-height:1.75;font-size:14.5px;color:#d5d9e6;word-break:var(--wb)}#info h3{margin:18px 0 8px;font-size:11.5px;letter-spacing:.14em;color:var(--muted)}.related{display:flex;flex-wrap:wrap;gap:6px}.related button{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font-size:12.5px}.related button:hover{border-color:var(--c)}.fly{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:11px;border-radius:10px;border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 18%,transparent);font-weight:700;font-size:14px}.fly:hover{background:color-mix(in srgb,var(--c) 30%,transparent)}.fly.ghost{margin-top:8px;background:transparent;border-style:dashed}#help,#credits{top:50%;left:50%;transform:translate(-50%,-50%);width:min(500px,calc(100% - 32px));max-height:calc(100% - 120px);overflow:auto;padding:24px}.help-note{margin:16px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6}#credits ul{margin:0;padding-left:18px;display:grid;gap:10px;font-size:13px;line-height:1.65;color:#cfd4e3}#credits a{color:#b9b0ff}#help dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:13.5px}#help dt{color:var(--ink);white-space:nowrap}#help dd{margin:0;color:#c4cadb}#crosshair{position:fixed;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);opacity:0;transition:opacity .2s}#crosshair:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}body.locked #crosshair{opacity:1}#target{position:fixed;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:var(--panel);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;white-space:nowrap}#target .dist{color:var(--muted);font-variant-numeric:tabular-nums}#target .hint{color:var(--muted);font-size:11.5px;padding-left:9px;border-left:1px solid var(--line)}.status{position:fixed;left:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:190px}#where{color:var(--ink);font-weight:700;font-size:13px}#toast{position:fixed;top:64px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 32px));padding:10px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;line-height:1.5;text-align:center;pointer-events:none!important;animation:fade-in .3s}@keyframes fade-in{0%{opacity:0}}body.autopilot #target{display:none}#ad{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:728px;height:90px;border-radius:8px;overflow:hidden;background:#080a1899;border:1px solid var(--line)}.ad-slot,.ad-slot>*{width:100%;height:100%;display:block;border:0}.ad-slot img{width:100%;height:100%;object-fit:cover;display:block}.ad-label{position:absolute;top:3px;right:4px;z-index:1;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em;padding:2px 4px;border-radius:3px;color:#cfd4e3;background:#0000008c;pointer-events:none}.ad-house{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-decoration:none;font-size:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 10px,transparent 10px 20px)}.ad-house b{color:var(--ink);font-size:14px}a.ad-house:hover b{color:#fff}body.has-ad #target{bottom:116px}body.has-ad.autopilot #ad{opacity:.85}#tease{position:fixed;left:50%;bottom:84px;transform:translate(-50%);max-width:calc(100% - 32px);padding:9px 18px;border-radius:999px;background:#080a18b8;border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:16px;font-weight:600;text-align:center;white-space:nowrap;pointer-events:none;opacity:0}#tease.show{animation:tease 3s ease forwards}@keyframes tease{0%{opacity:0;transform:translate(-50%,8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}body.has-ad #tease{bottom:166px}#joystick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0a;pointer-events:none!important;opacity:0;transition:opacity .15s}#joystick.active{opacity:1}#joystick>div{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffffff59}@media(hover:none),(pointer:coarse){.desktop-only{display:none!important}.topbar nav kbd{display:none}}@media(max-width:720px){.brand{font-size:13px;max-width:46vw;line-height:1.25}#warp{left:12px;right:12px;width:auto;max-height:55%}#info{inset:auto 12px 12px;width:auto;max-height:52%;animation-name:slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}}.status{left:12px}#target{bottom:auto;top:64px}#info:not([hidden])~.status{display:none}#toast{top:108px}#ad{width:320px;height:50px;border-radius:6px}body.has-ad .status{bottom:72px}body.has-ad #info{bottom:70px;max-height:calc(52% - 58px)}body.has-ad #target{bottom:auto}#tease{bottom:140px;font-size:14px;white-space:normal}body.has-ad #tease{bottom:186px}#info:not([hidden])~#tease{top:112px;bottom:auto}}