#room-social [hidden]{display:none!important}.chat-fab{position:fixed;right:22px;bottom:24px;z-index:70;border:1px solid #d8d1bd;border-radius:30px;background:#fff9eb;color:#3b433a;box-shadow:0 7px 25px #35332920;padding:14px 20px;font-weight:700;cursor:pointer}.chat-fab b{border-radius:20px;background:#d96e56;color:#fff;padding:2px 6px;margin-left:7px}.chat-panel{position:fixed;right:22px;bottom:83px;width:360px;max-width:calc(100vw - 24px);max-height:75dvh;z-index:90;display:flex;flex-direction:column;background:#fffdf6;border:1px solid #ded5c1;border-radius:22px;box-shadow:0 14px 60px #33352c30;overflow:hidden;font-size:13px}.chat-panel header{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #eee8d9}.chat-panel header small{display:block;color:#96917f;font-size:10px;margin-top:5px}.chat-close{border:0;background:transparent;font-size:25px;color:#686755;cursor:pointer}.chat-messages{overflow:auto;min-height:90px;max-height:29dvh;padding:16px;overscroll-behavior:contain}.chat-message{margin-bottom:14px}.chat-message small{font-size:10px;color:#8c887c}.chat-message p{background:#f0edde;border-radius:3px 13px 13px 13px;padding:10px 12px;margin:5px 0 0;width:fit-content;max-width:95%;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.chat-message.own{text-align:right}.chat-message.own p{margin-left:auto;background:#e4eddb;text-align:left;border-radius:13px 3px 13px 13px}.chat-empty{text-align:center;line-height:2;color:#96917f;padding:20px 0}.chat-quick{display:flex;gap:7px;padding:10px 14px;overflow:auto;flex-shrink:0;border-top:1px solid #eee8d9}.chat-quick button{white-space:nowrap;border:1px solid #e4d8b9;border-radius:15px;background:#fbf3dc;color:#756745;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer}.chat-form{display:flex;gap:7px;padding:4px 14px 10px}.chat-form input{min-width:0;flex:1;border:1px solid #ded8c7;border-radius:12px;padding:10px;font:inherit;background:#fff}.chat-form button{border:0;border-radius:12px;background:#3d513f;color:#fff;padding:0 14px;font:inherit;cursor:pointer}.chat-panel footer{display:flex;gap:8px;align-items:center;padding:0 14px 10px;font-size:9px;color:#97907f}.chat-voice{border:0;background:none;color:#536650;font-size:11px;cursor:pointer}.chat-error{color:#ad4a37;font-size:11px;margin:0;padding:0 14px 6px}.chat-bubbles{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:65;pointer-events:none;width:max-content;max-width:85vw}.chat-bubble{background:#fffdf2ee;border:1px solid #e4d5ac;border-radius:18px;padding:12px 18px;margin-top:8px;font-size:13px;color:#655c3e;box-shadow:0 5px 20px #4a402215;animation:chat-pop .2s ease-out;overflow-wrap:anywhere}.dice-stage{position:fixed;inset:30% auto auto 50%;transform:translateX(-50%);width:190px;text-align:center;padding:20px;z-index:60;background:#fffbeaee;border:1px solid #e4d8b6;border-radius:26px;box-shadow:0 14px 50px #4c422b24;pointer-events:none;backdrop-filter:blur(5px)}.dice-caption{font-size:12px;color:#71634b;overflow-wrap:anywhere}.dice-perspective{perspective:500px;height:90px;display:grid;place-items:center}.dice-cube{position:relative;width:56px;height:56px;transform-style:preserve-3d}.die-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:8px;background:#fffdf4;border:2px solid #cab98e;border-radius:10px;box-shadow:inset 0 -4px 8px #ded1ad;backface-visibility:hidden;box-sizing:border-box}.die-face i{border-radius:50%}.die-face .pip{background:#454f3e;box-shadow:inset 0 1px 2px #0004}.face-1{transform:translateZ(28px)}.face-2{transform:rotateY(90deg) translateZ(28px)}.face-3{transform:rotateX(90deg) translateZ(28px)}.face-4{transform:rotateX(-90deg) translateZ(28px)}.face-5{transform:rotateY(-90deg) translateZ(28px)}.face-6{transform:rotateY(180deg) translateZ(28px)}.dice-result{opacity:0;color:#866820;font-size:18px}.landed .dice-result{opacity:1}.chat-form button:disabled,.chat-quick button:disabled{opacity:.5;cursor:wait}@keyframes chat-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.chat-fab{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));padding:11px 15px;font-size:12px}.chat-panel{right:12px;bottom:calc(68px + env(safe-area-inset-bottom));width:360px;max-height:70dvh}.chat-bubbles{bottom:85px}.dice-stage{top:34%;width:160px;padding:14px}.chat-panel input{font-size:16px}}@media(prefers-reduced-motion:reduce){.chat-bubble{animation:none}}