:root{--glass:#12161e9e;--glass-strong:#10131adb;--line:#ffffff1f;--text:#f3efe8;--muted:#f3efe89e;--accent:#ffcf8a;--accent-ink:#2a1c08;--danger:#ff8f80;--radius:16px;--font:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#0e1420;margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{outline:none;display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--accent)}select{font:inherit;color:var(--text);background:var(--glass-strong);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.tutorial section{margin:20px 0;line-height:1.65}.tutorial-share{border-top:1px solid var(--line);padding-top:8px}.guide-link{margin-bottom:12px;font-size:13px;display:inline-block}.dock-btn .txt{max-width:90px}.topbar{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{color:var(--text);letter-spacing:-.01em;background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;text-decoration:none;display:flex}.brand small{color:var(--muted);font-weight:500}.brand .logo{font-size:18px}.terrace-home{min-width:0;color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.terrace-home span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-home{border-left:1px solid var(--line);color:var(--accent);white-space:nowrap;flex-shrink:0;padding-left:9px;font-size:12px;text-decoration:none}.portal-home:hover{text-decoration:underline}.spacer{flex:1;pointer-events:none!important}.account{align-items:center;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.language-picker{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:4px;padding-left:10px;display:flex}.language-picker select{cursor:pointer;background:0 0;border:0;border-radius:999px;width:108px;height:38px;padding:4px 8px 4px 2px}.language-picker option{color:var(--text);background:#20252d}.me{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.me .nick{font-size:14px;font-weight:600}.me .saved{color:var(--muted);font-size:12px}.icon-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:999px;place-items:center;min-width:40px;height:40px;padding:0 10px;font-size:16px;transition:background .15s,transform .1s;display:inline-grid}.icon-btn:hover{background:#ffffff24}.icon-btn:active{transform:scale(.95)}.icon-btn.small{min-width:32px;height:32px;padding:0 8px;font-size:14px}.icon-btn.big{background:var(--accent);min-width:54px;height:54px;color:var(--accent-ink);border:none;font-size:20px}.icon-btn.on{border-color:var(--accent);background:#ffcf8a40}.icon-btn.danger{color:var(--danger)}.chip{border:1px solid var(--line);white-space:nowrap;height:36px;color:var(--text);background:#ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:14px;text-decoration:none;transition:background .15s;display:inline-flex}.topbar .chip{background:var(--glass);-webkit-backdrop-filter:blur(14px);height:40px}.chip:hover{background:#ffffff24}.chip.active,.chip.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.chip.login{border-color:#ffcf8a99}.chip.ghost{background:0 0}.chip.danger{color:var(--danger);border-color:#ff8f8066}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.big .chip{height:42px;padding:0 16px}.dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:22px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #00000059}.dock-btn{background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:66px;padding:8px 10px 6px;transition:background .15s;display:flex}.dock-btn .ico{font-size:22px;line-height:1}.dock-btn .txt{color:var(--muted);font-size:12px}.dock-btn:hover{background:#ffffff14}.dock-btn.active{background:#ffcf8a2e}.dock-btn.active .txt{color:var(--accent)}.sheet{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 82px);overscroll-behavior:contain;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);border-radius:22px;width:min(760px,100vw - 24px);max-height:min(62vh,640px);animation:.22s ease-out rise;position:absolute;overflow:auto;transform:translate(-50%);box-shadow:0 20px 60px #00000073}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.sheet-head{z-index:2;background:linear-gradient(var(--glass-strong) 70%, transparent);justify-content:space-between;align-items:center;padding:14px 16px 8px 20px;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:17px;font-weight:700}.panel-body{flex-direction:column;gap:14px;padding:4px 20px 20px;display:flex}.panel-body h3{margin:6px 0 -4px;font-size:14px;font-weight:700}.panel-body h3 small,.row label small{color:var(--muted);font-weight:400}.hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.row{flex-direction:column;gap:8px;display:flex}.row.end{align-items:flex-end}.row.disabled{opacity:.45}.row label{color:var(--muted);font-size:13px;font-weight:600}.row label .value{color:var(--accent);margin-left:4px;font-weight:700}.text{border:1px solid var(--line);width:100%;height:40px;color:var(--text);font:inherit;background:#ffffff0f;border-radius:12px;padding:0 12px}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.tabs{scrollbar-width:none;z-index:1;background:var(--glass-strong);gap:4px;padding:0 16px 6px;display:flex;position:sticky;top:50px;overflow-x:auto}.tab{height:34px;color:var(--muted);background:0 0;border:none;border-radius:999px;flex:none;padding:0 14px;font-size:14px}.tab.active{color:var(--text);background:#ffffff1f;font-weight:600}.vista-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.vista-card{text-align:left;background:#ffffff0d;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:0 0 10px;display:flex;position:relative;overflow:hidden}.vista-card img{aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,#2b3a52,#4d3a44);width:100%;margin-bottom:6px;display:block}.vista-card img.noimg{visibility:hidden}.vista-card.active{border-color:var(--accent)}.vista-name{padding:0 10px;font-size:14px;font-weight:700}.vista-desc{color:var(--muted);padding:0 10px;font-size:12px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;width:74px;height:56px;padding:0;position:relative;overflow:hidden}.swatch span{background:#0000008c;padding:2px 4px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.swatch.active{border-color:var(--accent)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.item-card{background:#ffffff0d;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-size:12px;transition:background .15s,transform .1s;display:flex}.item-card:hover{border-color:var(--line);background:#ffffff1f}.item-card:active{transform:scale(.96)}.item-card img{object-fit:contain;width:72px;height:72px}.item-card.active{border-color:var(--accent);background:#ffcf8a1f}.item-card:disabled{opacity:.7;cursor:default}.deco-intro{flex-direction:column;gap:6px;display:flex}.deco-intro strong{font-size:15px;font-weight:600}.placed-row{flex-wrap:wrap;gap:6px;display:flex}.placed-row .chip{height:auto;min-height:34px;padding:6px 12px;font-size:12px}.performance-toggle{letter-spacing:.02em;font-size:10px;font-weight:700}.performance{right:max(14px, env(safe-area-inset-right));top:calc(max(10px, env(safe-area-inset-top)) + 54px);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-variant-numeric:tabular-nums;border-radius:16px;width:min(260px,100vw - 24px);padding:10px 14px 14px;position:absolute}.performance-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.performance-head strong{font-size:12px;font-weight:600}.metrics{gap:7px;display:grid}.metric{justify-content:space-between;gap:10px;font-size:11px;display:flex}.metric span{color:var(--muted)}.metric b{color:var(--accent);white-space:nowrap;font-weight:500}.clock-widget{left:max(24px, env(safe-area-inset-left));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 104px);text-shadow:0 2px 16px #000000a6;position:absolute;pointer-events:none!important}.clock-widget .time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:38px;font-weight:300;line-height:1.1}.clock-widget .day{color:var(--muted);margin-top:4px;font-size:12px}.layer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.layer{opacity:.7;background:#ffffff0a;border-radius:12px;grid-template-columns:30px 70px 1fr;align-items:center;gap:6px;padding:6px 10px;display:grid}.layer.on{opacity:1;background:#ffcf8a1a}.layer-ico{font-size:20px}.layer-name{font-size:13px}.slider-row{grid-template-columns:90px 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.now{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;display:flex}.now-title{font-size:18px;font-weight:700}.now-sub{color:var(--muted);font-size:13px}.now-time{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;font-size:12px;display:grid}.transport{align-items:center;gap:10px;display:flex}.tracks{flex-direction:column;gap:4px;display:flex}.tracks-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.tracks-head b{margin-right:auto;font-size:15px}.tracks-head small{color:var(--muted);font-weight:400}.track{border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.track:hover{background:#ffffff0d}.track.playing{background:#ffcf8a1f}.track-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:0;font-size:14px;overflow:hidden}.track-title small{color:var(--muted)}.badge{color:var(--muted);background:#ffffff1a;border-radius:6px;flex:none;padding:2px 6px;font-size:10px}.badge.audio{color:#bfe0ff;background:#8cc8ff29}.badge.midi{color:#dcc8ff;background:#c8a0ff29}.credits{color:var(--muted);margin:0;font-size:12px}.mini-player{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 84px);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:5px 6px 5px 14px;display:flex;position:absolute;transform:translate(-50%)}.mini-note{color:var(--accent)}.mini-title{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:46vw;font-size:13px;overflow:hidden}.mini-title small{color:var(--muted)}.sheet:not([hidden])~.mini-player{display:none}.selbar{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:4px;padding:5px 6px 5px 12px;display:flex;position:absolute;box-shadow:0 8px 30px #0006}.sel-name{white-space:nowrap;margin-right:4px;font-size:13px;font-weight:600}.visit{top:calc(max(10px, env(safe-area-inset-top)) + 54px);background:var(--glass-strong);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px 8px 16px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.loading{background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px 28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--muted);font-size:14px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);pointer-events:none!important}.toasts>*{pointer-events:none}.toasts>.with-action{pointer-events:auto}.toast{background:var(--glass-strong);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateY(-8px)}.toast.with-action{pointer-events:auto;align-items:center;gap:10px;padding:6px 6px 6px 18px;display:flex}.chip.small{height:30px;padding:0 12px;font-size:13px}.modal{border:1px solid var(--line);background:var(--glass-strong);color:var(--text);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:22px;width:min(480px,100vw - 24px);padding:0}.modal::backdrop{background:#00000073}.modal-body{flex-direction:column;gap:14px;padding:22px;display:flex}.modal-body h2{margin:0;font-size:18px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.share-link{flex-direction:column;gap:8px;display:flex}body.relaxing #ui>:not(.relax-layer):not(.toasts):not(.performance){opacity:0;pointer-events:none;transition:opacity 1.2s}#ui>*{transition:opacity .4s}.relax-layer{padding:0 0 max(40px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));cursor:none;background:linear-gradient(#0000 55%,#00000059);flex-direction:column;justify-content:flex-end;align-items:flex-start;animation:1.5s fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.clock{letter-spacing:-.03em;text-shadow:0 2px 30px #0006;font-variant-numeric:tabular-nums;font-size:clamp(56px,11vw,120px);font-weight:200;line-height:1}.date{color:#ffffffd9;text-shadow:0 1px 10px #00000080;margin-top:6px;font-size:18px}.relax-track{color:#ffffffbf;margin-top:18px;font-size:14px}.relax-hint{right:24px;bottom:max(24px, env(safe-area-inset-bottom));color:#fff6;font-size:12px;position:absolute}@media (max-width:640px){.brand small,.topbar .chip .label{display:none}.brand{padding:8px 12px}.topbar{flex-wrap:wrap;gap:5px;padding-left:8px;padding-right:8px}.top-actions{flex:0 0 100%;justify-content:flex-end;gap:5px}.language-picker select{height:32px}.brand{flex:1 1 0;min-width:0}.topbar>.spacer{display:none}.terrace-home{gap:4px}.portal-home{padding-left:6px;font-size:11px}.language-picker{flex-shrink:0}.language-picker select{width:87px}.topbar .account{left:12px;top:calc(max(10px, env(safe-area-inset-top)) + 82px);max-width:calc(100vw - 24px);position:absolute}.me .nick{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.visit,.performance{top:calc(max(10px, env(safe-area-inset-top)) + 82px)}#ui.has-account .visit,#ui.has-account .performance{top:calc(max(10px, env(safe-area-inset-top)) + 132px)}.topbar .icon-btn,.topbar .chip{min-width:34px;height:34px;padding:0 8px}.brand{gap:4px;padding:7px 9px;font-size:13px}.clock-widget{left:16px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 108px)}.clock-widget .time{font-size:30px}.selbar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:7px}.selbar .sel-name{text-overflow:ellipsis;flex:1 0 calc(100% - 80px);max-width:calc(100% - 80px);margin-right:0;overflow:hidden}.dock{border-radius:20px;justify-content:space-between;left:8px;right:8px;transform:none}.dock-btn{flex:1;min-width:0;padding:8px 2px 6px}.dock-btn .txt{font-size:11px}.sheet{width:100%;max-height:72vh;padding-bottom:calc(env(safe-area-inset-bottom) + 84px);border-radius:22px 22px 0 0;animation:.22s ease-out rise-m;bottom:0;left:0;right:0;transform:none}@keyframes rise-m{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.mini-player{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 80px)}.vista-grid{grid-template-columns:repeat(2,1fr)}.layer-grid{grid-template-columns:1fr}.relax-layer{padding-left:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.idle:not(.relaxing) .topbar,body.idle:not(.relaxing) .dock,body.idle:not(.relaxing) .mini-player{opacity:.18;transition:opacity 2s}body.relaxing #gamenow-exit-launcher{opacity:0;pointer-events:none;transition:opacity 1.2s}body.idle:not(.relaxing) #gamenow-exit-launcher{opacity:.25;transition:opacity 2s}html.wallpaper>:not(head):not(body),html.wallpaper body>:not(#stage):not(#ui):not(script),html.wallpaper #ui>:not(.relax-layer),html.wallpaper .relax-hint{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.ui-hidden>:not(#stage):not(#ui):not(script),html.ui-hidden>:not(head):not(body),body.ui-hidden #ui>:not(.ui-restore){display:none!important}.ui-visibility-toggle{white-space:nowrap;font-size:12px}.ui-restore{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));opacity:.45;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:40px;font-size:12px;position:absolute}.ui-restore:hover,.ui-restore:focus-visible{opacity:1}body.ui-hidden #ui>.ui-restore{pointer-events:auto}