*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#efe9e0;height:100%;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.pill{-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 2px #0003;background:#30282057;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:12px;padding:9px 16px;font-size:14px;display:flex}.top{top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:fixed;left:12px;right:12px}.top .pill{pointer-events:auto}.brand{gap:6px}.brand b{font-size:17px}.sub{opacity:.75;margin-left:4px;font-size:13px}.icon{all:unset;cursor:pointer;padding:2px;font-size:16px;line-height:1}.icon:focus-visible{border-radius:4px;outline:2px solid #fff}.icon[hidden]{display:none}.icon{cursor:pointer;padding:2px;font-size:16px;line-height:1}#room{appearance:none;color:inherit;font:inherit;opacity:.85;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,#fff 50%),linear-gradient(135deg,#fff 50%,#0000 50%);background-position:right 5px center,right 1px center;background-repeat:no-repeat;background-size:4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;margin-left:4px;padding-right:14px;font-size:13px}#room option{color:#333}#room:focus-visible{border-radius:4px;outline:2px solid #fff}#toast{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 58px);opacity:0;-webkit-backdrop-filter:blur(10px);text-align:center;pointer-events:none;background:#30282066;border:1px solid #ffffff47;border-radius:18px;width:max-content;max-width:88vw;padding:9px 18px;font-size:14px;line-height:1.4;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,-6px)}#toast.on{opacity:1;transform:translate(-50%)}.tag,.bubble{pointer-events:none;white-space:nowrap;will-change:transform;position:fixed;top:0;left:0}.tag{color:#4a3d31;background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12px;display:flex;box-shadow:0 2px 8px #0000001f}.tag i{color:#fff;background:#6b7d5c;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}#npc-tag{padding:4px 10px;display:none}.bubble{color:#4a3d31;opacity:0;background:#fff;border-radius:14px;padding:5px 11px;font-size:14px;font-weight:600;transition:opacity .25s;box-shadow:0 2px 8px #0000001f}.bubble.on{opacity:1}.bar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);background:#30282057;border:1px solid #ffffff47;border-radius:26px;gap:6px;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%)}.bar button{all:unset;cursor:pointer;color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:6px 8px;font-size:13px;transition:background .2s,transform .1s;display:flex}.bar button .ic{font-size:22px;line-height:1}.bar button[aria-pressed=true]{background:#ffffff3d}.bar button:active{transform:scale(.93)}.bar button:focus-visible{outline:2px solid #fff}.hint{text-align:center;pointer-events:none;width:100%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 88px);opacity:.9;text-shadow:0 1px 3px #00000073;font-size:12px;transition:opacity 1s;position:fixed}.hint.off{opacity:0}#intro{z-index:10;color:#4b4a3c;background:#efe9e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .8s;display:flex;position:fixed;inset:0}#intro.hide{opacity:0;pointer-events:none}#intro .mark{width:64px;height:64px}#intro h1{letter-spacing:.08em;font-size:28px;font-weight:700}#intro p{color:#8b8576;font-size:14px}#intro .dot{background:#b5a283;border-radius:50%;width:6px;height:6px;margin-top:18px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){#intro .dot{animation:none}}.bar{justify-content:space-between;gap:2px;width:min(96vw,540px);padding:6px}.bar button{flex:1 1 0;min-width:0;padding:6px 2px;font-size:12px}.bar button .ic{font-size:21px}.bar button[aria-expanded=true]{background:#ffffff3d}.icon.glow{filter:drop-shadow(0 0 5px #ffe27a)}.icon[aria-expanded=true]{background:#ffffff3d;border-radius:6px}.sheet{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 80px);text-align:center;-webkit-backdrop-filter:blur(12px);background:#30282080;border:1px solid #ffffff47;border-radius:20px;width:max-content;max-width:94vw;padding:10px 12px;position:fixed;transform:translate(-50%)}.sheet[hidden]{display:none}.sheet-title{opacity:.9;margin:2px 0 8px;font-size:12px}.sheet .chips+.sheet-title{margin-top:12px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chips button{all:unset;cursor:pointer;color:#fff;background:#ffffff24;border-radius:999px;padding:7px 11px;font-size:13px;transition:background .2s,transform .1s}.chips button.big{padding:6px 10px;font-size:26px}.chips button:active{transform:scale(.92)}.chips button[aria-pressed=true]{color:#3d342b;background:#ffffffd9;font-weight:600}.chips button:disabled{opacity:.45;cursor:default}.chips button:focus-visible{outline:2px solid #fff}.emo{pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 4px #00000040);font-size:34px;animation:.35s ease-out emo-pop;position:fixed;top:0;left:0}@keyframes emo-pop{0%{opacity:0}to{opacity:1}}.hint{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 84px)}@media (width<=420px){.top .pill{gap:8px;padding:7px 11px;font-size:13px}.brand b{font-size:15px}#soak{display:none}}.joy{left:18px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 92px);touch-action:none;-webkit-backdrop-filter:blur(6px);background:#30282047;border:1px solid #ffffff59;border-radius:50%;width:112px;height:112px;display:none;position:fixed}.joy .knob{will-change:transform;background:#ffffffd9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000040}@media (pointer:coarse){.joy{display:block}}body.sheet-open .joy{opacity:.35}