[hidden]{display:none!important}:root{--cream:#fff0d7;--paper:#fbf3e4;--apricot:#ebaa8d;--moss:#6f9e9a;--moss-d:#4f7c78;--ink:#3d2a1e;--wood:#9a6436;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--vvh:100vh;--vvt:0px;--kb:0px;--edge-t:max(12px, var(--safe-t));--edge-b:max(12px, var(--safe-b))}@supports (height:100dvh){:root{--vvh:100dvh}}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f2dcc0;margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1em)}button,a,label,select,input{touch-action:manipulation}button{cursor:pointer;border:2px solid var(--wood);background:var(--paper);border-radius:12px;min-width:44px;min-height:44px;padding:6px 14px}button.primary{background:var(--moss);color:#fff;border-color:var(--moss-d);font-weight:700}button.ghost{background:0 0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--apricot);outline-offset:2px}input{background:#fffaf0;border:2px solid #c9a57a;border-radius:10px;min-height:44px;padding:6px 10px;font-size:max(16px,1em)}.card{background:#fff0d7f2;border:2px solid #6e44268c;border-radius:18px;box-shadow:0 10px 30px #3c231440}.lobby-wrap{left:0;right:0;top:var(--vvt);height:var(--vvh);padding:var(--edge-t) max(12px, var(--safe-r)) var(--edge-b) max(12px, var(--safe-l));pointer-events:none;z-index:5;flex-direction:column;display:flex;position:fixed}.lobby-wrap:has(>.lobby[hidden]){display:none}.lobby{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;flex-direction:column;gap:10px;width:min(420px,100%);max-height:100%;margin:auto;padding:20px;display:flex;overflow-y:auto}.lobby>*{flex-shrink:0}.lobby .poster{width:auto;max-width:100%;height:auto;aspect-ratio:var(--poster-ar,720 / 1080);max-height:clamp(96px, calc(var(--vvh) - 500px), 380px);object-fit:contain;border:2px solid #6e442666;border-radius:12px;flex:none;align-self:center;display:block}.lobby h1{letter-spacing:1px;color:var(--moss-d);overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:clamp(22px,7vw,30px)}.lobby .sub{opacity:.8;margin:-6px 0 4px}.lobby label{flex-direction:column;gap:4px;font-size:14px;display:flex}.lobby .row{gap:8px;display:flex}.lobby .row>*{flex:1}.lobby .join input{text-transform:uppercase;letter-spacing:3px;min-width:0}.lobby .join button{white-space:nowrap;flex:none}.msg{color:#a14a2f;min-height:1.2em;margin:0;font-size:14px}.notice{opacity:.9;font-size:13px}#hud{pointer-events:none;position:fixed;inset:0}#hud .btn,#hud button{pointer-events:auto}.pill{background:#fff0d7e0;border:1.5px solid #6e442673;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:14px;display:inline-flex}.top-left{left:calc(12px + var(--safe-l));top:calc(10px + var(--safe-t));max-width:min(46vw,460px);position:absolute}.objective{pointer-events:auto;cursor:pointer;text-align:left;color:inherit;border-radius:14px;align-items:flex-start;font-family:inherit;font-size:14px;line-height:1.35}.objective b{color:var(--moss-d);flex:none;margin-right:4px}.objective .obj-caret{border:5px solid #0000;border-top-color:#7a5a3c;border-bottom:0;flex:none;width:0;height:0;margin:7px 0 0 4px}.objective.collapsed{align-items:center}.objective.collapsed .obj-text{white-space:nowrap;text-overflow:ellipsis;max-width:min(34vw,300px);overflow:hidden}.objective.collapsed .obj-caret{margin-top:0;transform:rotate(-90deg)}.top-right{right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:54vw;display:flex;position:absolute}.top-right .btn{min-height:44px}.people .dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block}.people .dot.off{opacity:.35}.people .dot.talk{box-shadow:0 0 0 3px #6f9e9ab3}.services{right:calc(12px + var(--safe-r));top:calc(62px + var(--safe-t));flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex;position:absolute}.services .svc-chip{pointer-events:auto;font:inherit;color:#6b4a2f;cursor:pointer;background:#fff0d7cc;border:1px solid #6e442659;border-radius:999px;min-height:30px;padding:3px 10px;font-size:12px}.services span{color:#8a3e27;background:#fff0d7cc;border:1px solid #a14a2f66;border-radius:8px;padding:2px 8px}#crosshair{background:#fff8ebe6;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #3d2a1e80}body.touch #crosshair{display:none}.prompt{left:50%;bottom:calc(150px + var(--safe-b));color:var(--cream);white-space:nowrap;background:#3d2a1ec7;border-radius:12px;padding:8px 14px;font-size:15px;position:absolute;transform:translate(-50%)}.prompt kbd{background:var(--cream);color:var(--ink);border-radius:5px;margin-right:6px;padding:1px 7px;font-weight:700}.interact-btn{right:calc(24px + var(--safe-r));bottom:calc(40px + var(--safe-b));background:var(--moss);color:#fff;border:3px solid #fff;border-radius:50%;width:84px;height:84px;font-weight:700;position:absolute;box-shadow:0 6px 16px #00000040}body:not(.touch) .interact-btn{display:none}.subtitle{left:50%;bottom:calc(70px + var(--safe-b));pointer-events:auto;background:#fff0d7f0;border:2px solid #6e442666;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:8px;max-width:min(760px,100vw - 32px);padding:10px 16px;font-size:17px;line-height:1.45;display:flex;position:absolute;transform:translate(-50%)}.subtitle b{color:var(--moss-d);white-space:nowrap}.badge{color:#8a3e27;border:1px solid #a14a2f80;border-radius:6px;padding:0 5px;font-size:11px}.badge:empty{display:none}.mini{border-radius:8px;min-height:32px;padding:2px 8px;font-size:12px}.toasts{left:50%;top:calc(64px + var(--safe-t));flex-direction:column;align-items:center;gap:6px;width:min(560px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.toast{border-left:5px solid var(--moss);background:#fff0d7f2;border-radius:12px;padding:8px 14px;font-size:14px;animation:.25s ease-out tin;box-shadow:0 4px 12px #00000026}.toast.warn{border-left-color:#c9784a}.toast.good{border-left-color:#7fa36b}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}.net{color:var(--cream);background:#3d2a1ed9;border-radius:12px;padding:12px 18px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.load-note{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;max-width:min(92vw,520px);padding:8px 14px;font-size:13px;transform:translate(-50%)}.joy{pointer-events:none;background:#3d2a1e26;border:2px solid #fff0d7b3;border-radius:50%;width:120px;height:120px;display:none;position:fixed}.joy.on{display:block}body.touch.playing .joy.idle{opacity:.55;left:calc(18px + var(--safe-l));top:auto;bottom:calc(18px + var(--safe-b));display:block}body.touch.playing.panel-open .joy.idle{display:none}.touch-guide{left:50%;bottom:calc(200px + var(--safe-b));pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100vw - 24px);font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.touch-guide span{color:var(--cream);background:#3d2a1eb8;border-radius:10px;padding:5px 10px}body.panel-open .touch-guide{display:none}.touch-guide b{color:#ffd98a;font-weight:700}@media (orientation:landscape) and (height<=500px){.touch-guide{bottom:auto;top:calc(64px + var(--safe-t))}}body.touch .services .svc-chip,body.touch .objective{min-height:44px}#joy-knob{background:#fff0d7d9;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.panel{left:50%;bottom:calc(16px + var(--safe-b) + var(--kb));width:min(560px,100vw - 24px);max-height:min(calc(var(--vvh) * .62), 560px, calc(var(--vvh) - 32px - var(--safe-t) - var(--safe-b)));padding:18px 18px 16px;position:fixed;overflow:auto;transform:translate(-50%)}.panel.wide{width:min(760px,100vw - 24px)}.panel .close{float:right;z-index:3;background:#fff0d7f5;border:none;border-radius:50%;margin:-10px -10px 0 6px;font-size:20px;position:sticky;top:-10px}.panel .row.cta{z-index:2;background:linear-gradient(#fff0d700,#fff0d7f7 28%);margin:10px -18px -16px;padding:12px 18px 14px;position:sticky;bottom:-16px}.panel .row.cta button{flex:auto}.panel h2{color:var(--moss-d);margin:0 40px 6px 0;font-size:20px}.panel h3{margin:14px 0 6px;font-size:15px}.panel .doc{background:#fffaf0;border:1px dashed #c9a57a;border-radius:10px;padding:12px;font-size:16px;line-height:1.6}.panel .meta{opacity:.7;margin-top:6px;font-size:12px}.panel .qs{flex-direction:column;gap:8px;display:flex}.panel .qs button{text-align:left}.panel .free{gap:6px;margin-top:10px;display:flex}.panel .free input{flex:1;min-width:0}.panel .free button{white-space:nowrap;flex:none}.panel .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.panel .ev{text-align:left;background:#fffaf0;border:2px solid #d8bf98;border-radius:10px;min-height:64px;padding:8px;font-size:13px}.panel .ev.sel{border-color:var(--moss);background:#e7f1ef}.panel .ev b{color:var(--moss-d);display:block}.panel .row>select{min-width:0;max-width:100%}.panel .row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.panel .reason{color:#a14a2f;margin-top:8px}.panel .tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.panel .tabs button.on{background:var(--moss);color:#fff}.panel ul{margin:6px 0;padding-left:18px}.panel label.vol{grid-template-columns:100px 1fr;align-items:center;gap:8px;margin:6px 0;display:grid}.focus-ui{left:50%;bottom:calc(18px + var(--safe-b));max-width:calc(100vw - 24px);max-height:calc(var(--vvh) - 90px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;background:#fff0d7eb;border:2px solid #6e442666;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%)}.focus-ui .wheel{flex-direction:column;align-items:center;gap:4px;display:flex}.focus-ui .digit{text-align:center;min-width:32px;font-size:22px;font-weight:700}.focus-ui .lbl{text-align:center;opacity:.85;width:100%;font-size:13px}.ending h2{font-size:24px}.ending p{line-height:1.7}.intro h2{margin:2px 0 6px;font-size:24px}.intro p{line-height:1.7}.intro .intro-ep{letter-spacing:.04em;opacity:.75;margin:0;font-size:13px}.intro .intro-scene{opacity:.85;font-size:14px}.intro .intro-goal{border-left:3px solid #e2a54b;padding-left:10px;font-weight:600}@media (width<=640px){.top-left{max-width:calc(100vw - 24px);top:calc(62px + var(--safe-t))}.top-right{flex-wrap:nowrap;gap:4px;max-width:calc(100vw - 24px)}#room{display:none}.services{top:calc(128px + var(--safe-t))}.objective{font-size:12px}.objective.collapsed .obj-text{max-width:calc(100vw - 110px)}.top-right .pill{padding:4px 8px;font-size:12px}.subtitle{bottom:calc(140px + var(--safe-b));font-size:15px}.prompt{bottom:calc(140px + var(--safe-b))}.panel{max-height:min(calc(var(--vvh) * .58), calc(var(--vvh) - 32px - var(--safe-t) - var(--safe-b)))}}@media (orientation:landscape) and (height<=500px){.panel{max-height:calc(var(--vvh) - 24px - var(--safe-t) - var(--safe-b));width:min(520px,60vw);left:auto;right:calc(10px + var(--safe-r));transform:none}.subtitle{bottom:calc(12px + var(--safe-b));max-width:60vw}.prompt{bottom:calc(120px + var(--safe-b))}.services{top:calc(58px + var(--safe-t))}.objective.collapsed .obj-text{max-width:38vw}#room{display:none}.top-right{flex-wrap:nowrap;gap:4px;max-width:calc(54vw - 36px)}.top-right .pill{padding:4px 8px;font-size:12px}}.talk-reply{border:1px solid #d8bf98;border-left:4px solid var(--moss);background:#fffaf0;border-radius:10px;max-height:30vh;margin:6px 0 10px;padding:10px 12px;font-size:16px;line-height:1.55;overflow-y:auto}.talk-reply b{color:var(--moss-d);margin-right:4px}body.panel-open .subtitle{bottom:auto;top:calc(64px + var(--safe-t))}@media (orientation:landscape) and (height<=500px){body.panel-open .subtitle{top:calc(54px + var(--safe-t));left:calc(12px + var(--safe-l));max-width:calc(100vw - min(520px,60vw) - 36px);transform:none}.talk-reply{max-height:22vh;font-size:15px}}.tube-head{align-items:center;gap:10px;width:100%;font-size:14px;display:flex}.tube-head .head-close{flex:none;margin-left:auto}.tube-head img{object-fit:cover;border:2px solid #6e442680;border-radius:50%;flex:none;width:56px;height:56px}.focus-ui .talk-reply{width:100%;margin:0}body.focus-open .subtitle{bottom:auto;top:calc(64px + var(--safe-t))}@media (width<=640px){.tube-head img{width:44px;height:44px}}.ep-pick{grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 8px;display:grid}.ep-pick .ep{text-align:left;font:inherit;color:#3d2a1e;cursor:pointer;background:#fff8ebe6;border:1.5px solid #6e442659;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 10px;font-size:13px;display:flex}.ep-pick .ep b{color:#6f5a3e;font-size:12px}.ep-pick .ep span{opacity:.75;font-size:11px}.ep-pick .ep.on{background:#ece8f7;border-color:#3f3b6b;box-shadow:inset 0 0 0 1px #3f3b6b}.kb-open .panel{max-height:calc(var(--vvh) - 24px - var(--safe-t))}.kb-open .talk-reply{max-height:18vh}@media (orientation:landscape) and (height<=520px){.lobby{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:8px 18px;width:min(760px,100%);padding:14px 18px;display:grid}.lobby>*{grid-column:2}.lobby .poster{max-height:calc(var(--vvh) - var(--edge-t) - var(--edge-b) - 32px);grid-area:1/1/span 12;align-self:start;max-width:34vw}.lobby h1{font-size:22px}.lobby .sub{margin:-4px 0 0;font-size:13px}}@media (orientation:portrait) and (height<=600px){.lobby{gap:8px;padding:14px}.lobby .poster{max-height:clamp(112px, calc(var(--vvh) - 440px), 220px)}}.music-ctl{background:#fffaf0b3;border:1.5px solid #6e44264d;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;font-size:14px;display:flex}.music-ctl .mc-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.music-ctl .mc-ost{overflow-wrap:anywhere}.music-ctl .mc-btns button{flex:auto;min-height:44px;padding:4px 10px}.music-ctl label.mc-vol{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.music-ctl .mc-vol input{background:0 0;border:0;flex:120px;min-width:0;min-height:32px;padding:0}.music-ctl .mc-bgm{opacity:.8;overflow-wrap:anywhere;margin:0;font-size:12px}.music-ctl button[disabled]{opacity:.5;cursor:default}.ending .music-ctl{margin:10px 0}.music-ctl .mc-lyrics summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.music-ctl .mc-lyrics-text{overscroll-behavior:contain;max-height:40vh;padding:4px 2px 8px;font-size:15px;line-height:1.6;overflow-y:auto}.music-ctl .mc-lyrics-text p{margin:0}.music-ctl .mc-lyrics-text .ly-sec{opacity:.7;margin-top:8px;font-size:12px;font-weight:700}