:root{--night:#0b1433;--glass:#0e142c80;--glass-strong:#0e142cbd;--line:#ffecc82e;--cream:#fbf5ea;--cream-dim:#fbf5eabd;--bulb:#ffc874;--bulb-deep:#f09a3e;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tbar-bottom:84px;--tbar-h:85px;--above-bar:calc(var(--tbar-bottom) + var(--tbar-h) + env(safe-area-inset-bottom,0px))}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--night);height:100%;color:var(--cream);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit}a{color:var(--bulb)}button:focus-visible,a:focus-visible{outline:2px solid var(--bulb);outline-offset:3px}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.top{z-index:5;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 30px max(16px, env(safe-area-inset-left));pointer-events:none;opacity:0;background:linear-gradient(#080c1e73,#080c1e00);justify-content:space-between;align-items:flex-start;gap:12px;transition:opacity 1s .4s;display:flex;position:fixed;top:0;left:0;right:0}body.inside .top,body.inside .pill,body.inside .clock{opacity:1}.top>*{pointer-events:auto}.title{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a102857;border-radius:16px;margin:-8px 0 0 -12px;padding:8px 12px}.title h1{letter-spacing:.02em;text-shadow:0 1px 10px #0006;margin:0;font-size:19px;font-weight:700}.title .sub{color:var(--cream-dim);text-shadow:0 1px 8px #00000073;word-break:keep-all;max-width:21em;max-height:3em;margin:3px 0 0;font-size:12.5px;line-height:1.4;transition:opacity 1.2s,max-height 1.2s;overflow:hidden}.title .sub.quiet{opacity:0;max-height:0}.ver{color:var(--cream-dim);letter-spacing:.02em;text-shadow:0 1px 6px #00000080;margin:4px 0 0;font-size:11.5px}.ver a{color:var(--cream);text-underline-offset:2px;-webkit-text-decoration:underline #ffc87499;text-decoration:underline #ffc87499}.top-actions{flex-shrink:0;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 13px 0 11px;font-size:13.5px;transition:background .2s;display:inline-flex}.chip.round{justify-content:center;width:40px;padding:0}.chip:hover{background:var(--glass-strong)}.chip svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#soundBtn .wave{display:none}#soundBtn[aria-pressed=true] .wave{display:inline}#soundBtn[aria-pressed=true] .mute{display:none}#soundBtn[aria-pressed=true]{border-color:#ffc8748c}.clock{z-index:4;left:max(16px, env(safe-area-inset-left));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 66px);color:var(--cream-dim);letter-spacing:.02em;opacity:0;background:#0a10288f;border-radius:999px;margin:0;padding:4px 10px;font-size:11.5px;transition:opacity 1s;position:fixed}.hint{z-index:4;left:max(16px, env(safe-area-inset-left));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 98px);background:var(--glass);color:var(--cream-dim);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:7px 14px;font-size:12.5px;transition:opacity .8s;position:fixed}body.inside .hint{opacity:1}body.inside .hint.gone{opacity:0}.toast{z-index:6;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 96px);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;opacity:0;pointer-events:none;word-break:keep-all;border-radius:16px;width:max-content;max-width:min(88vw,420px);padding:11px 18px;font-size:14.5px;line-height:1.5;transition:opacity .5s,transform .5s;position:fixed;transform:translate(-50%,-6px)}.toast.show{opacity:1;transform:translate(-50%)}.toast small{color:var(--bulb);letter-spacing:.02em;margin-bottom:3px;font-size:12px;display:block}.caption{z-index:6;left:50%;bottom:calc(var(--above-bar) + 12px);text-align:center;width:max-content;max-width:min(90vw,460px);color:var(--cream);word-break:keep-all;text-shadow:0 1px 8px #00000080;opacity:0;pointer-events:none;background:#0a0e208c;border-radius:14px;margin:0;padding:10px 18px;font-size:15.5px;line-height:1.55;transition:opacity .7s,transform .7s;position:fixed;transform:translate(-50%,8px)}.caption.show{opacity:1;transform:translate(-50%)}.arrow{z-index:4;opacity:0;pointer-events:none;width:0;height:0;transition:opacity .4s;position:fixed;top:0;left:0}.arrow.show{opacity:1}.arrow i{background:radial-gradient(circle at 40%,#fff8d8 0 22%,#ffd27a99 40%,#ffd27a00 70%);border-radius:50%;width:30px;height:30px;position:absolute;top:-15px;left:-15px}.arrow i:after{content:"";border:6px solid #0000;border-left:9px solid #ffe2a0;position:absolute;top:9px;left:24px}.pill{z-index:5;left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;border-radius:999px;gap:3px;width:max-content;max-width:calc(100vw - 20px);padding:6px 9px;transition:opacity 1s .4s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.pill button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;min-height:48px;padding:0 16px 0 13px;font-size:15px;font-weight:600;transition:background .25s,color .25s,opacity .3s;display:inline-flex}.pill button:hover{background:#ffecc814}.pill button.far{opacity:.55}.pill button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;color:var(--bulb)}.pill button[aria-pressed=true]{background:linear-gradient(180deg, var(--bulb), var(--bulb-deep));color:#2b1608;opacity:1}.pill button[aria-pressed=true] svg{color:#2b1608}.tbar{animation:.6s both fadein}.loading{z-index:10;background:radial-gradient(120% 70% at 50% 110%,#2d55b0 0%,#132e78 40%,#0b1d52 70%,#070b1c 100%);place-items:center;padding:24px;transition:opacity 1.1s,visibility 1.1s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;visibility:hidden}.ld-card{text-align:center;max-width:340px}.ld-cabin{width:150px;height:125px;margin-bottom:10px}.ld-cabin .smoke circle{fill:#dce4f08c;transform-box:fill-box;transform-origin:50%;animation:4s ease-in infinite smoke}.ld-cabin .smoke circle:nth-child(2){animation-delay:1.3s}.ld-cabin .smoke circle:nth-child(3){animation-delay:2.6s}.ld-cabin .win{filter:drop-shadow(0 0 6px #ffbe64e6)}@keyframes smoke{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1.4)}}.ld-title{letter-spacing:.06em;margin:0 0 6px;font-size:24px;font-weight:700}.ld-line{color:var(--cream-dim);margin:0 0 18px;font-size:15px}.ld-bulbs{justify-content:center;gap:11px;height:16px;margin:0 auto 22px;display:flex;position:relative}.ld-bulbs:before{content:"";border-top:1px solid #ffecc859;border-radius:50%;height:8px;position:absolute;top:2px;left:10%;right:10%}.ld-bulbs i{background:#5a5650;border-radius:50% 50% 45% 45%;width:7px;height:9px;margin-top:5px;transition:background .35s,box-shadow .35s}.ld-bulbs i.on{background:#fff1d0;box-shadow:0 0 6px 2px #ffb04ad9,0 0 16px 4px #ffb04a59}.enter{cursor:pointer;background:linear-gradient(180deg, var(--bulb), var(--bulb-deep));color:#2b1608;border:0;border-radius:999px;min-height:50px;padding:0 28px;font-size:16px;font-weight:700;transition:opacity .3s,transform .2s;box-shadow:0 8px 24px #f09a3e59}.enter:disabled{opacity:.45;cursor:default;box-shadow:none}.enter:not(:disabled):hover{transform:translateY(-1px)}.ld-sub{color:var(--cream-dim);word-break:keep-all;margin:18px 0 4px;font-size:12.5px;line-height:1.5}.ld-sound{color:#fbf5ea8c;margin:0;font-size:12px}.sheet{z-index:9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a1a8c;place-items:center;padding:20px;animation:.5s both fadein;display:grid;position:fixed;inset:0}.sheet-card{border:1px solid var(--line);background:linear-gradient(#192a5cf2,#0e1634f7);border-radius:22px;width:min(400px,100%);max-height:calc(100vh - 40px);padding:26px 24px 22px;overflow:auto;box-shadow:0 24px 60px #00000073}.sheet-card h2{margin:0 0 12px;font-size:18px}.sheet-card p{color:var(--cream-dim);word-break:keep-all;margin:0 0 10px;font-size:14px;line-height:1.65}.sheet-card b{color:var(--cream)}.keys{color:var(--cream-dim);margin:4px 0 12px;padding:0;font-size:13px;line-height:2;list-style:none}kbd{border:1px solid var(--line);min-width:20px;font:600 12px var(--font);text-align:center;color:var(--cream);background:#ffffff0f;border-radius:5px;margin:0 1px;padding:0 5px;display:inline-block}.sheet-btn{background:linear-gradient(180deg, var(--bulb), var(--bulb-deep));color:#2b1608;cursor:pointer;border:0;border-radius:999px;width:100%;min-height:48px;margin-top:8px;font-weight:700}.fw{text-align:center}.fw-mark{fill:none;width:64px;height:40px;stroke:var(--bulb);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}.fw-text{color:var(--cream)!important;margin-bottom:8px!important;font-size:16.5px!important;line-height:1.7!important}.fw-stats{justify-content:center;align-items:center;gap:6px;display:flex;font-size:13.5px!important}.fw-key{fill:none;width:22px;height:22px;stroke:var(--bulb);stroke-width:1.8px;stroke-linecap:round}.fw-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.fw-leave{min-height:44px;color:var(--cream-dim);border-radius:999px;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.fw-leave:hover{color:var(--cream)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.noscript{text-align:center;z-index:11;position:fixed;inset:auto 0 40%}@media (width<=1100px){.clock{bottom:calc(var(--above-bar) + 6px)}.hint{bottom:calc(var(--above-bar) + 36px)}.caption{bottom:calc(var(--above-bar) + 46px)}}@media (width>=701px) and (width<=1100px),(width<=700px) and (orientation:landscape){body:has(.tbar.is-folded) .clock{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 66px)}body:has(.tbar.is-folded) .hint{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 98px)}body:has(.tbar.is-folded) .caption{bottom:calc(var(--above-bar) + 12px)}}@media (width<=700px) and (orientation:portrait){:root{--under-title:calc(max(12px, env(safe-area-inset-top)) + 92px)}body:has(.title .sub.quiet){--under-title:calc(max(12px, env(safe-area-inset-top)) + 60px)}.clock,.hint{color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1028b8}.clock{top:var(--under-title);pointer-events:none;transition:opacity 1s,top 1.2s;bottom:auto}.hint{top:calc(var(--under-title) + 30px);transition:opacity .8s,top 1.2s;bottom:auto}.toast{top:calc(max(12px, env(safe-area-inset-top)) + 160px)}.caption{bottom:calc(var(--above-bar) + 12px)}}@media (width<=420px){:root{--tbar-bottom:64px}.title h1{font-size:17px}.title .sub{max-width:17em;font-size:11.5px}.chip span{display:none}.chip{justify-content:center;width:40px;padding:0}.pill{bottom:max(8px, env(safe-area-inset-bottom));gap:2px;padding:3px 7px}.pill button{gap:4px;min-height:44px;padding:0 9px 0 7px;font-size:13px}.pill button svg{width:17px;height:17px}.hint{white-space:normal;max-width:calc(100vw - 32px);font-size:12px}}@media (width<=350px){.pill button span{font-size:12.5px}}@media (height<=500px){:root{--tbar-bottom:60px}.pill{bottom:max(6px, env(safe-area-inset-bottom));padding:3px 7px}.pill button{min-height:44px}}@media (width>=900px){.title h1{font-size:21px}.title .sub{max-width:none;font-size:13.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}