:root{--glass:#ffffffb8;--ink:#1d2333;--sub:#4b5470;--line:#0000001f;--btn:#1d2333;--btn-ink:#fff;--accent:#e8a73a;--paper:#f7f4ec}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#161a289e;--ink:#f3eee2;--sub:#b9b3a4;--line:#ffffff29;--btn:#f3eee2;--btn-ink:#161a28;--paper:#1c1f2b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#161a289e;--ink:#f3eee2;--sub:#b9b3a4;--line:#ffffff29;--btn:#f3eee2;--btn-ink:#161a28;--paper:#1c1f2b}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html,body{overscroll-behavior:none;background:#0b1430;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Jua,Apple SD Gothic Neo,Malgun Gothic,sans-serif;position:relative}#c{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:fixed;inset:0}.pill{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:22px}#top{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:10px;right:10px}#clock{pointer-events:auto;white-space:nowrap;padding:8px 12px}#clock b{font-size:17px;font-weight:400;display:block}#clock span{color:var(--sub);font-size:13px}#room{pointer-events:auto;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 6px;max-width:64%;padding:8px 10px;font-size:15px;display:flex}#room button{border-radius:12px;padding:4px 8px;font-size:15px}#where{z-index:40;min-width:200px;max-width:min(78vw,300px);padding:10px 12px;font-size:15px;display:none;position:fixed;right:10px}#where.on{display:block}#where b{margin-bottom:6px;font-size:16px;font-weight:400;display:block}#where div{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:4px 0;display:flex}#where div.me{color:var(--accent)}#where i{color:var(--sub);font-style:normal}#where div.go{cursor:pointer}#where div.go:hover span{text-decoration:underline}#where small{color:var(--sub);margin-top:6px;font-size:12px;display:block}#where div.me i{color:var(--accent)}#audio{z-index:35;pointer-events:none;width:min(92vw,440px);padding:10px 14px;font-size:15px;line-height:1.5;display:none;position:fixed;left:50%;transform:translate(-50%)}#audio.on{display:block}#audio b{color:var(--accent);margin-bottom:2px;font-size:17px;font-weight:400;display:block}#audio small{color:var(--sub);margin-top:4px;font-size:12px;display:block}#more{border-top:1px solid var(--line);flex-wrap:wrap;flex-basis:100%;justify-content:flex-end;align-items:center;gap:6px;padding-top:6px;display:none}#more.on{display:flex}select{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:12px;max-width:110px;padding:3px 4px;font-size:13px}#bottom{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);flex-direction:column;gap:8px;display:flex;position:absolute}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button{font:inherit;background:var(--btn);color:var(--btn-ink);cursor:pointer;border:0;border-radius:18px;padding:11px 14px;font-size:16px}button.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px)}button.on{outline:3px solid var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#acts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#invite{box-sizing:border-box;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:18px;flex-direction:column;align-self:center;align-items:center;gap:8px;width:min(640px,94vw);padding:12px;display:none}#invite.on{animation:.6s invIn;display:flex}#invite.on~#acts{display:none}@keyframes invIn{0%{opacity:0;transform:translateY(12px)}}#invite>b{font-family:Georgia,Nanum Myeongjo,serif;font-size:20px;font-weight:400}#invite>small{color:var(--sub);font-size:13px}#invite>div{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}#invite [data-go]{background:var(--paper);color:var(--ink);border:1px solid var(--line);flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}#invite [data-go] i{font-size:28px;font-style:normal}#invite [data-go] span{font-size:16px}#invite [data-go] small{color:var(--sub);font-size:12px;line-height:1.3}#invite [data-no]{padding:6px 14px;font-size:13px}#invite [data-go]{position:relative}#invite [data-go] em{color:var(--sub);font-size:10px;font-style:normal;position:absolute;top:4px;right:6px}#invite .been{opacity:.72}@media (width<=560px){#invite>div{grid-template-columns:repeat(2,1fr)}}#acts button{padding:12px 16px;font-size:16px}#say{flex:1;align-items:center;padding:4px 4px 4px 14px;display:flex}#say input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}#log{overscroll-behavior:contain;align-self:flex-start;max-width:min(420px,78vw);max-height:150px;padding:6px 12px;font-size:14px;line-height:1.45;display:none;overflow-y:auto}#log.on{display:block}#log div{overflow-wrap:anywhere}#log b{color:var(--sub);font-weight:400}#log .me b{color:var(--accent)}#log .peer b{color:#4a9dff}#log .sys{color:var(--sub);font-size:12px}#log .npc b{color:#c98a3a}#log{transition:opacity .6s}#log.idle{opacity:.35}#log.idle:hover{opacity:1}#msg,#send{display:none}#say{padding:6px}#chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:0 2px;display:flex;overflow-x:auto}#chips::-webkit-scrollbar{display:none}#chips button{background:var(--glass);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex:none;padding:7px 12px;font-size:14px}#send{min-width:44px;font-size:18px}#burst{pointer-events:none;z-index:9997;position:fixed;inset:0;overflow:hidden}#burst .big{filter:drop-shadow(0 6px 18px #00000073);font-size:min(28vw,150px);animation:1.7s ease-out forwards bigPop;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(0)}#burst .bit{opacity:0;font-size:34px;animation:1.3s ease-out forwards bitFly;position:absolute;top:40%;left:50%}#burst .who{color:#fff;text-align:center;text-shadow:0 2px 8px #000;max-width:90vw;font-size:18px;animation:2.2s ease-out forwards whoIn;position:absolute;top:calc(40% + min(17vw,95px));left:50%;transform:translate(-50%)}@keyframes bigPop{0%{transform:translate(-50%,-50%)scale(0)rotate(-20deg)}25%{transform:translate(-50%,-50%)scale(1.3)rotate(8deg)}45%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-85%)scale(1)}}@keyframes bitFly{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--r));opacity:0}}@keyframes whoIn{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}#coach{border-color:var(--accent);align-self:center;align-items:center;gap:10px;max-width:min(520px,94vw);padding:7px 7px 7px 14px;font-size:15px;display:none;box-shadow:0 0 0 2px #e8a73a59}#coach.on{display:flex}#coach button{white-space:nowrap;padding:5px 10px;font-size:12px}.pulse{animation:1.1s ease-in-out infinite pulse}button.pulse{outline:3px solid var(--accent);outline-offset:1px}.qtable button.pulse{color:var(--accent);outline-offset:2px;border-radius:8px;padding-left:6px}@keyframes pulse{0%,to{box-shadow:0 0 #e8a73ae6}50%{box-shadow:0 0 0 8px #e8a73a00}}#room #questBtn{background:var(--accent);color:#1d2333;border-color:#0000}#qpoint{z-index:50;pointer-events:none;animation:1s ease-in-out infinite bob;display:none;position:fixed}#qpoint.on{display:block}#qpoint span{background:var(--accent);color:#1d2333;white-space:nowrap;border-radius:14px;padding:8px 12px;font-size:15px;display:block;box-shadow:0 4px 14px #00000059}#qpoint i{border:8px solid #0000;border-top:0;border-bottom-color:var(--accent);width:0;height:0;position:absolute;top:-8px;transform:translate(-50%)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#hud{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px;display:flex}#hud button{white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:14px;max-width:46vw;padding:6px 11px;font-size:13px;overflow:hidden}#hud button[hidden]{display:none}.news{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.news b{text-align:center;flex:none;width:34px;font-size:24px}.news div{flex:1;font-size:14px;line-height:1.4}.news button{flex:none;padding:6px 10px;font-size:13px}#qte{z-index:9998;justify-content:center;align-items:center;width:130px;height:130px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#qte.on{display:flex}#qte button{color:#fff;background:#e8574a;border-radius:50%;width:100px;height:100px;padding:0;font-size:22px;box-shadow:0 0 0 4px #fff,0 8px 30px #00000080}#qte i{pointer-events:none;border:6px solid #ffd34d;border-radius:50%;position:absolute;inset:0}#qte.on i{animation:1.6s linear forwards qring}#qte b{text-align:center;color:#fff;text-shadow:0 2px 6px #000;width:min(86vw,420px);font-size:18px;font-weight:400;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}@keyframes qring{0%{transform:scale(2.6)}to{transform:scale(.55)}}.duel{text-align:center;margin:6px 0;font-size:22px}.duel .vs{justify-content:space-between;align-items:center;gap:6px;display:flex}.duel .vs>div{text-align:center;flex:1;font-size:18px}.duel .vs small{color:var(--sub);font-size:14px;display:block}.mvs button{flex:1;padding:12px 6px;font-size:15px}#singInfo{text-align:center;min-height:60px;font-size:40px}.keys button{flex:1;padding:14px 4px;font-size:16px}#toast{opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:92vw;padding:10px 16px;font-size:16px;transition:opacity .25s;position:absolute;top:36%;left:50%;overflow:hidden;transform:translate(-50%)}#toast.on{opacity:1}#hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;white-space:nowrap;font-size:14px;position:absolute;transform:translate(-50%)}#joy{z-index:5;pointer-events:none;background:#ffffff14;border:2px solid #ffffff80;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}#joy i{background:#fff9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}#joy.on{display:block}#joy.idle{opacity:.4;display:block}#fade{color:#fff;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;font-size:22px;transition:opacity .4s;display:flex;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}.sheet{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.sheet.on{display:flex}.qtable{border-collapse:collapse;width:100%;font-size:15px}.qtable td{vertical-align:middle;padding:6px 8px}.qtable td:first-child{text-align:center;width:32px;font-size:18px}.qtable td:nth-child(2){text-align:center;width:28px}.qtable td:last-child{width:100%}.qtable tr:not(:last-child) td{border-bottom:1px solid var(--line)}.qtable button{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;padding:4px 0;font-size:15px}.qtable button:hover{color:var(--accent)}.card{background:var(--paper);color:var(--ink);border-radius:20px;width:100%;max-width:420px;max-height:88vh;padding:18px;overflow:auto}.card h2{margin:0 0 6px;font-size:20px;font-weight:400}.card p{margin:6px 0;font-size:15px;line-height:1.5}.card small{color:var(--sub)}.card img,.card canvas{border-radius:10px;width:100%;margin:8px 0;display:block}.card .row{justify-content:flex-start}@media (width<=480px){body{font-size:13px}#clock b{font-size:14px}#clock span{font-size:11px}#room{gap:4px 5px;padding:6px 8px;font-size:12px}#room button{padding:3px 6px;font-size:12px}select{max-width:88px;padding:2px 3px;font-size:11px}button{padding:8px 11px;font-size:13px}#acts button{padding:5px 8px;font-size:11px}#say{padding:3px 3px 3px 11px}#say input{font-size:13px}#log{max-height:96px;padding:5px 10px;font-size:12px}#coach{padding:5px 5px 5px 10px;font-size:12px}#qpoint span{padding:6px 10px;font-size:13px}#hud button{padding:4px 8px;font-size:11px}.news div{font-size:12px}#say button{padding:7px 10px;font-size:13px}#toast{padding:8px 12px;font-size:13px}#hint{font-size:12px}.card{border-radius:16px;padding:14px}.card h2{font-size:16px}.card p{font-size:13px}}