@font-face{font-family:Pretendard Lamps;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard Lamps;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}:root{color-scheme:dark;--bg:#0c1424;--fg:#eee6cf;--glass:#10182acc;--line:#ffffff2a;--gold:#e9c987;--cream:#efe7d3;--ink:#1a1d26}html,body,#root{margin:0;height:100%;background:var(--bg);overflow:hidden;font-family:Pretendard Lamps,Noto Sans KR,system-ui,sans-serif;word-break:keep-all;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.bar{position:absolute;top:calc(14px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:10px;font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none}.bar b{font-weight:600;color:var(--gold)}.bar span:last-of-type b{color:#9aa7c7}.meter{position:absolute;left:0;right:0;top:24px;height:9px;border-radius:5px;background:#2a3550;overflow:hidden;border:1px solid #ffffff1a}.meter i{display:block;height:100%;background:linear-gradient(90deg,#ffe3a0,#ffb85c);transition:width .4s ease}.notice{text-wrap:balance;position:absolute;left:50%;top:calc(58px + env(safe-area-inset-top));transform:translate(-50%);max-width:min(88vw,420px);padding:9px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px;text-align:center;pointer-events:none}.modes{position:absolute;top:calc(58px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:6px}.modes button{font:inherit;color:var(--fg);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px}.modes button[data-on=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}.zoom{position:absolute;right:max(14px,env(safe-area-inset-right));top:calc(106px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:6px}.zoom button{font:inherit;width:42px;height:42px;border-radius:50%;color:var(--fg);background:var(--glass);border:1px solid var(--line);font-size:20px}.stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(36px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#10182a99;border:1px solid #ffffff22}.stick i{position:absolute;left:36px;top:36px;width:60px;height:60px;border-radius:50%;background:#eee6cf55;border:1px solid #ffffff44}.act{position:absolute;bottom:calc(46px + env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));min-width:128px;min-height:64px;font:inherit;font-weight:600;font-size:18px;border-radius:32px;background:var(--cream);color:var(--ink);border:none;box-shadow:0 4px 24px #0008}.act[data-off=true]{background:var(--glass);color:#eee6cf9a;border:1px solid #ffffff22;box-shadow:none}.act small{text-wrap:balance;display:block;font-size:11px;opacity:.7}@media(prefers-reduced-motion:reduce){.meter i{transition:none}}.boot code{max-width:min(92vw,420px);font:12px/1.4 ui-monospace,Menlo,monospace;color:#9aa7c7;word-break:break-all}.boot button{margin-top:6px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--cream);color:var(--ink);font:600 15px Pretendard Lamps,system-ui,sans-serif}.toast-error{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 14px;border-radius:12px;background:#3a1620;color:#ffd7d7;font-size:12px;line-height:1.4;z-index:9;word-break:break-all}