:root{--wood: #6b4a2f;--amber: #e0a252;--forest: #1f3a2c;--sand: #e8d9bf;--night: #14110e}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--night);color:var(--sand);font-family:Pretendard Variable,Pretendard,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.hint{position:fixed;left:50%;bottom:calc(132px + env(safe-area-inset-bottom));transform:translate(-50%);padding:.5rem 1rem;border-radius:999px;background:#14110e73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:.8rem;letter-spacing:.02em;white-space:nowrap;color:var(--sand);pointer-events:none;opacity:0;transition:opacity 1.5s ease}.hint.show{opacity:.85}.actions{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:4px;padding:5px;border-radius:999px;background:#14110e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.actions button{border:0;border-radius:999px;padding:.6rem .85rem;background:transparent;color:var(--sand);font:inherit;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:background .3s ease,opacity .3s ease}.actions button:active{background:#e0a25240}.actions button:disabled{opacity:.35;cursor:default}.above-actions{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;justify-content:center}.holder-button{border:1px solid rgba(224,162,82,.55);border-radius:999px;padding:.55rem 1.1rem;background:#14110e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--amber);font:inherit;font-size:.85rem;white-space:nowrap;cursor:pointer}.holder-button:active{background:#e0a25240}.holder-card{display:flex;align-items:center;gap:.25rem;padding:.3rem .3rem .3rem 1rem;border-radius:999px;background:#14110e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;animation:fade-in 1.2s ease}.holder-more{border:0;padding:0;background:transparent;color:var(--amber);font:inherit;font-size:.85rem;cursor:pointer}.holder-card-close{width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:var(--sand);font-size:1.1rem;line-height:1;opacity:.7;cursor:pointer}[hidden]{display:none!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.info-panel{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(320px,calc(100vw - 32px));padding:1.4rem 1.4rem 1.2rem;border-radius:20px;background:#14110e9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sand);text-align:center;animation:fade-in .8s ease}.info-close{position:absolute;top:.4rem;right:.4rem;width:2.2rem;height:2.2rem;border:0;border-radius:50%;background:transparent;color:var(--sand);font-size:1.2rem;line-height:1;opacity:.7;cursor:pointer}.info-brand{font-size:.65rem;letter-spacing:.3em;opacity:.6}.info-title{margin-top:.4rem;font-family:"Noto Serif KR",serif;font-weight:700;font-size:1.3rem;letter-spacing:.12em;color:var(--amber)}.info-sub{margin-top:.2rem;font-size:.8rem;opacity:.75}.info-body{margin-top:.9rem;font-size:.85rem;line-height:1.65;word-break:keep-all;opacity:.9}.info-link{display:inline-block;margin-top:1.1rem;padding:.6rem 1.3rem;border:1px solid rgba(224,162,82,.55);border-radius:999px;color:var(--amber);font-size:.85rem;text-decoration:none}.info-link:active{background:#e0a25233}.donate-panel{bottom:auto;top:calc(66px + env(safe-area-inset-top))}.donate-thanks{margin-top:.7rem;font-family:"Noto Serif KR",serif;font-size:.92rem;word-break:keep-all}.donate-qr,.donate-qr-note{display:none}@media(hover:hover)and (pointer:fine){.donate-qr{display:block;margin:1rem auto 0;width:180px;height:180px;border-radius:12px}.donate-qr-note{display:block;margin-top:.5rem;font-size:.75rem;opacity:.65}.donate-link{display:none}}.top-right{position:fixed;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;gap:8px}.icon-button{width:42px;height:42px;border:0;border-radius:50%;background:#14110e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--sand);cursor:pointer;display:grid;place-items:center}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button .speaker{fill:currentColor;stroke:none}.icon-button .mute,.icon-button.off .wave{display:none}.icon-button.off .mute{display:inline}.icon-button.off{opacity:.6}.labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform}.label-name{padding:.15rem .55rem;border-radius:999px;background:#14110e80;color:var(--sand);font-size:.72rem;white-space:nowrap}.label-bubble{position:relative;width:max-content;max-width:15em;padding:.3rem .65rem;border-radius:12px;background:#faf4e8eb;color:#3a2a20;font-size:.72rem;line-height:1.4;text-align:center;word-break:keep-all;opacity:0;transform:translateY(4px);transition:opacity .6s ease,transform .6s ease}.label-bubble.show{opacity:1;transform:none}.label-bubble.empty{letter-spacing:.15em;color:#8a7868}.label-bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:inherit;transform:translate(-50%) rotate(45deg)}.settings-panel{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(360px,calc(100vw - 24px));padding:1.2rem 1.1rem 1rem;border-radius:20px;background:#14110ead;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sand);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;animation:fade-in .5s ease}.settings-title{font-family:"Noto Serif KR",serif;font-size:1.05rem;letter-spacing:.1em;color:var(--amber);text-align:center}.settings-label{margin:1.1rem 0 .5rem;font-size:.75rem;font-weight:500;letter-spacing:.08em;opacity:.65}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.settings-name{font-size:1rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip,.tab,.phrase{border:1px solid rgba(232,217,191,.25);border-radius:999px;padding:.45rem .8rem;background:transparent;color:var(--sand);font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .3s ease,border-color .3s ease,color .3s ease}.chip.selected,.tab.selected,.phrase.selected{border-color:var(--amber);background:#e0a25233;color:var(--amber)}.phrase-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;touch-action:pan-x;scrollbar-width:none}.phrase-tabs::-webkit-scrollbar{display:none}.phrase-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.phrase{border-radius:12px;text-align:left;white-space:normal;word-break:keep-all;line-height:1.45}.phrase-tabs-wrap{position:relative}.phrase-tabs-wrap.more-right .phrase-tabs{-webkit-mask-image:linear-gradient(to right,#000 78%,transparent);mask-image:linear-gradient(to right,#000 78%,transparent)}.phrase-tabs-wrap.more-left .phrase-tabs{-webkit-mask-image:linear-gradient(to left,#000 78%,transparent);mask-image:linear-gradient(to left,#000 78%,transparent)}.phrase-tabs-wrap.more-left.more-right .phrase-tabs{-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)}.phrase-tabs{cursor:grab}.tabs-arrow{position:absolute;top:50%;transform:translateY(-58%);z-index:1;width:28px;height:28px;border:0;border-radius:50%;background:#e0a252e6;color:#2a1d14;font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:0 1px 6px #00000059}.tabs-arrow.left{left:-4px}.tabs-arrow.right{right:-4px}.top-left{position:fixed;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));display:flex;align-items:center;gap:10px}.room-info{padding:.35rem .8rem;border-radius:999px;background:#14110e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1.25}.room-name{font-size:.8rem;color:var(--amber)}.room-count{font-size:.7rem;opacity:.75}.toast{position:fixed;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translate(-50%);max-width:calc(100vw - 32px);padding:.55rem 1rem;border-radius:999px;background:#14110eb3;color:var(--sand);font-size:.8rem;text-align:center;pointer-events:none;opacity:0;transition:opacity .6s ease}.toast.show{opacity:1}.home{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:linear-gradient(to bottom,#0a080659,#0a0806b3);overflow-y:auto;touch-action:pan-y}.home-card{width:min(340px,100%);text-align:center}.home-title{font-family:"Noto Serif KR",serif;font-weight:700;font-size:2.6rem;letter-spacing:.25em;margin-left:.25em;color:var(--amber);text-shadow:0 0 24px rgba(224,162,82,.35)}.home-sub{margin-top:.6rem;font-size:.92rem;opacity:.85}.room-list{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:8px}.room{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;border:1px solid rgba(232,217,191,.2);border-radius:14px;background:#14110e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--sand);font:inherit;cursor:pointer;transition:border-color .3s ease,background .3s ease}.room.selected{border-color:var(--amber);background:#e0a25229}.room:disabled{opacity:.45;cursor:default}.room-title{font-size:.95rem}.room.selected .room-title{color:var(--amber)}.room-people{font-size:.8rem;opacity:.8}.home-note{margin-top:.8rem;font-size:.75rem;opacity:.6}.home-msg{margin-top:.8rem;font-size:.82rem;color:var(--amber)}.enter-button{margin-top:1.4rem;width:100%;padding:.9rem;border:0;border-radius:999px;background:var(--amber);color:#2a1d14;font:inherit;font-size:1rem;font-weight:600;letter-spacing:.1em;cursor:pointer}.enter-button:disabled{opacity:.4}body.at-home .game-ui,body.at-home .top-right,body.at-home .actions,body.at-home .above-actions,body.at-home .labels,body.at-home .hint,body.at-home .settings-panel,body.at-home .info-panel{display:none!important}
