:root{--glass:#181a206b;--glass-line:#ffffff24;--ink:#f4f1ea;--ink-dim:#f4f1eaad;--accent:#f2b880;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#11141b;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}.hud{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:fixed;inset:0}.hud .card{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);border-radius:16px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:13px;line-height:1.55;display:inline-block}.hud .title{letter-spacing:.02em;margin-bottom:4px;font-size:17px;font-weight:700}.hud .title span{color:var(--ink-dim);margin-left:6px;font-size:12px;font-weight:500}.hud .row{color:var(--ink-dim)}.hud .row b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.hud .row em{color:var(--accent);margin-left:6px;font-size:11px;font-style:normal}.hud .sky-pick{pointer-events:auto;gap:4px;margin-top:8px;display:flex}.hud .sky-pick button{border:1px solid var(--glass-line);min-width:0;min-height:34px;color:var(--ink-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:1;padding:6px 10px;font-size:12px}.hud .sky-pick button.on{color:var(--ink);background:#ffffff29;border-color:#ffffff59}.hud .actions{left:50%;bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.hud .actions[hidden]{display:none}.hud .zone{color:var(--ink-dim);white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:#181a2052;border-radius:999px;padding:3px 12px;font-size:12px}.hud .bar{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:22px;gap:4px;padding:6px;display:flex}.hud .bar button{appearance:none;min-width:72px;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px 7px;font-size:12px;transition:background .15s;display:flex}@media (hover:hover){.hud .bar button:hover{background:#ffffff14}}.hud .bar button:active{transform:scale(.96)}.hud .bar button.on{color:#1b1d22;background:var(--ink)}.hud .bar svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (width<=520px){.hud .card{font-size:12px}.hud .bar button{min-width:64px;padding:7px 6px 6px;font-size:11px}}.lil-gui.root{--background-color:#181a20d1;--width:280px}.hud .now-playing{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:16px;width:300px;max-width:calc(100vw - 32px);margin-top:8px;padding:10px 14px 11px;font-size:12px;line-height:1.5}.np-head{color:var(--accent);justify-content:space-between;align-items:center;font-size:11px;display:flex}.np-gear{appearance:none;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;margin:-10px -12px -10px 0;padding:10px}.np-gear svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px;display:block}.np-title{color:var(--ink);margin-top:2px;font-size:14px;font-weight:600}.np-by,.np-next{color:var(--ink-dim)}.np-next{margin-top:2px;font-size:11px}.np-bar{background:#ffffff24;border-radius:2px;height:2px;margin:7px 0 5px;overflow:hidden}.np-bar i{background:var(--accent);height:100%;transition:width .25s linear;display:block}.np-settings{border-top:1px solid var(--glass-line);gap:7px;margin-top:10px;padding-top:10px;display:grid}.np-settings[hidden]{display:none}.np-settings .row{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;display:flex}.np-settings input[type=range]{width:130px;accent-color:var(--accent)}.np-settings input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.hall-change{appearance:none;border:1px solid var(--glass-line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:10px;padding:7px 10px}.song-toast{left:50%;top:max(22px, env(safe-area-inset-top));opacity:0;text-align:center;pointer-events:none;text-shadow:0 1px 8px #00000073;max-width:calc(100vw - 32px);transition:opacity .6s,transform .6s;position:absolute;transform:translate(-50%,-8px)}.song-toast.show{opacity:1;transform:translate(-50%)}.song-toast span{font-size:18px;font-weight:600;display:block}.song-toast em{color:var(--ink-dim);margin-top:2px;font-size:12px;font-style:normal;display:block}.entry{z-index:20;background:radial-gradient(at 50% 60%,#14161e40,#0c0d129e);place-items:center;padding:16px;transition:opacity .4s;display:grid;position:fixed;inset:0}.entry.leaving{opacity:0;pointer-events:none}.entry-box{text-align:center;width:min(420px,100%)}.entry-title{letter-spacing:.04em;text-shadow:0 2px 18px #0006;font-size:34px;font-weight:700}.entry-sub{color:var(--ink-dim);margin:4px 0 22px;font-size:14px}.halls{gap:10px;display:grid}.hall{appearance:none;text-align:left;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(14px);color:var(--ink);font:inherit;cursor:pointer;border-radius:18px;gap:3px;padding:14px 16px;transition:background .15s,transform .15s;display:grid}.hall.picked{background:#282a3299;border-color:#f2b88080}@media (hover:hover){.hall:hover{background:#282a3299;border-color:#f2b88080}}.hall:active{transform:scale(.98)}.hall-name{font-size:17px;font-weight:600}.hall-blurb{color:var(--ink-dim);font-size:13px}.hall-now{color:var(--accent);margin-top:4px;font-size:12px}.entry-note{color:var(--ink-dim);margin-top:16px;font-size:12px}.entry-about{color:var(--ink-dim);text-underline-offset:3px;margin-top:10px;padding:6px 10px;font-size:12px;text-decoration:underline;display:inline-block}body.entering .hud>:not(.entry){visibility:hidden}@media (width<=600px){.hud .card .row.sun,.hud .now-playing .np-next{display:none}.song-toast{top:auto;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 120px)}.entry{background:#0c0d128c}}.gl-lost{z-index:30;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gl-lost[hidden]{display:none}@media (height<=500px) and (orientation:landscape){.hud .card{padding:10px 14px;font-size:12px}.hud .card .row.sun,.hud .now-playing .np-next{display:none}.hud .now-playing{vertical-align:top;width:260px;margin:0 0 0 8px;display:inline-block}.song-toast{top:auto;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 104px)}}body.lying .hud .card .row.weather,body.lying .hud .card .row.sun,body.lying .hud .card .sky-pick,body.lying .hud .now-playing .np-by,body.lying .hud .now-playing .np-bar,body.lying .hud .now-playing .np-next{display:none}body.lying .hud .card,body.lying .hud .now-playing{opacity:.72}.notice{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 150px);z-index:15;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);text-align:center;pointer-events:none;opacity:0;border-radius:999px;width:max-content;max-width:calc(100vw - 32px);padding:9px 16px;font-size:13px;transition:opacity .5s,transform .5s;position:fixed;transform:translate(-50%,8px)}.notice.show{opacity:1;transform:translate(-50%)}body.entering .notice{visibility:hidden}@media (width<=600px){.notice{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 178px)}}