:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;--sidebar-width: 240px}*{box-sizing:border-box}body{margin:0;background:#0f1117;color:#f3f4f6;overflow:hidden}body.in-game #game{margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width))}#game{width:100vw;height:100vh}#login-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#080a10eb;z-index:10}#login-overlay.hidden{display:none}#login-card{width:min(92vw,520px);padding:1.5rem;border-radius:12px;background:#171b26;border:1px solid #2a3144;display:grid;gap:.75rem}#login-card h1{margin:0;font-size:1.5rem}#login-card>p{margin:0;color:#9aa3b5}#auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.25rem}.auth-tab{padding:.5rem .4rem;border-radius:8px;border:1px solid #334;background:#0f1117;color:#9aa3b5;cursor:pointer;font:inherit}.auth-tab:hover{border-color:#6366f1;color:#e5e7eb}.auth-tab.active{background:#312e81;border-color:#818cf8;color:#fff}.auth-error{margin:0;padding:.55rem .65rem;border-radius:8px;background:#3f1d1d;border:1px solid #7f1d1d;color:#fecaca;font-size:.88rem}.auth-error.hidden{display:none}.auth-loading{margin:0;padding:.55rem .65rem;border-radius:8px;background:#1a2236;border:1px solid #334155;color:#cbd5e1;font-size:.88rem;display:flex;align-items:center;gap:.55rem}.auth-loading.hidden{display:none}.auth-loading-spinner{width:14px;height:14px;border-radius:50%;border:2px solid #475569;border-top-color:#818cf8;flex-shrink:0;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}#login-card.auth-busy .auth-tab,#login-card.auth-busy .auth-panel input,#login-card.auth-busy .auth-panel select{pointer-events:none;opacity:.55}.auth-panel{display:grid;gap:.75rem}.auth-panel.hidden{display:none}.auth-panel label{display:grid;gap:.35rem;font-size:.9rem}.auth-panel input,.auth-panel select,.auth-panel button{font:inherit}.auth-panel input,.auth-panel select{padding:.55rem .65rem;border-radius:8px;border:1px solid #334;background:#0f1117;color:inherit}.auth-panel button[type=submit]{margin-top:.25rem;padding:.65rem;border:none;border-radius:8px;background:#6366f1;color:#fff;cursor:pointer}.auth-panel button[type=submit]:hover{background:#4f46e5}.auth-panel button[type=submit]:disabled{opacity:.6;cursor:wait}#character-preview{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem;border-radius:8px;border:1px solid #334;background:#0f1117}#character-preview-canvas{width:96px;height:96px;image-rendering:pixelated;background:linear-gradient(45deg,#141824 25%,transparent 25%) -8px 0 / 16px 16px,linear-gradient(-45deg,#141824 25%,transparent 25%) -8px 0 / 16px 16px,linear-gradient(45deg,transparent 75%,#141824 75%) -8px 0 / 16px 16px,linear-gradient(-45deg,transparent 75%,#141824 75%) -8px 0 / 16px 16px,#10131c;border-radius:8px;border:1px solid #2a3144}#character-preview-name{font-size:.85rem;color:#d1d5db;text-align:center}#character-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.4rem;max-height:220px;overflow-y:auto;padding:.45rem;border-radius:8px;border:1px solid #334;background:#0f1117}.character-option{display:grid;place-items:center;padding:.2rem;border-radius:6px;border:2px solid transparent;background:#171b26;cursor:pointer}.character-option:hover{border-color:#6366f1}.character-option.selected{border-color:#818cf8;background:#1e1b4b}.character-option-sprite{display:block;width:32px;height:32px;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}#members-panel{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;background:#111318;border-right:1px solid #1f2433;z-index:6;pointer-events:auto}#members-panel.hidden{display:none}#members-header{padding:1rem .85rem .65rem;color:#9aa3b5;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;flex-direction:column;align-items:stretch;gap:.45rem;min-width:0}#members-header-actions{display:flex;align-items:center;gap:.35rem;min-width:0}#copy-media-diag-btn,#logout-btn{font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .45rem;border-radius:6px;border:1px solid #334;background:transparent;color:#9aa3b5;cursor:pointer;white-space:nowrap;flex:1 1 auto;min-width:0}#copy-media-diag-btn:hover{border-color:#6366f1;color:#c7d2fe}#logout-btn:hover{border-color:#ef4444;color:#fecaca}#members-list{flex:1;overflow-y:auto;padding:0 .45rem .75rem;display:grid;gap:.15rem;align-content:start}.members-divider{padding:.75rem .45rem .35rem;color:#6b7280;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.member-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border:none;border-radius:8px;background:transparent;color:#d1d5db;font:inherit;font-size:.88rem;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}.member-item:hover{background:#1a1f2b;color:#f3f4f6}.member-item.active{background:#2b2f3a;color:#fff}.member-room-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#374151;color:#e5e7eb;font-weight:700;flex-shrink:0}.member-avatar-wrap{position:relative;width:32px;height:32px;flex-shrink:0;border-radius:50%}.member-avatar-wrap.media-speaking .member-avatar{box-shadow:0 0 0 2px #23a559,0 0 8px 2px #23a5598c}.member-avatar-wrap.media-screen .member-avatar{box-shadow:0 0 0 2px #22d3ee,0 0 6px 1px #22d3ee66}.member-avatar-wrap.media-connecting .member-avatar{box-shadow:0 0 0 2px #f59e0b;animation:media-connecting-pulse 1.2s ease-in-out infinite}.member-avatar-wrap.media-failed .member-avatar{box-shadow:0 0 0 2px #ef4444}@keyframes media-connecting-pulse{0%,to{box-shadow:0 0 0 2px #f59e0bf2}50%{box-shadow:0 0 0 3px #f59e0b59}}.member-avatar{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;image-rendering:pixelated;background-color:#1f2433}.member-presence{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #111318}.member-identity{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.member-you-label{flex-shrink:0;font-size:.72rem;color:#9aa3b5}.member-unread-pip{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0}.member-item.muted .member-name{color:#9aa3b5}.member-mute-badge,.member-voice-badge{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f87171}.member-voice-badges{display:inline-flex;align-items:center;gap:.28rem;flex-shrink:0}.member-voice-badge.mic-off{color:#fbbf24}.member-voice-badge.deafened{color:#f87171}.member-voice-icon{display:inline-flex;width:14px;height:14px;flex-shrink:0}.member-voice-icon svg{width:100%;height:100%;display:block}#member-context-menu{position:fixed;z-index:40;min-width:188px;padding:.35rem;border-radius:10px;background:#1c2130;border:1px solid #2a3144;box-shadow:0 12px 32px #00000073;display:grid;gap:.2rem}#member-context-menu.hidden{display:none}.member-context-action{width:100%;padding:.5rem .65rem;border:none;border-radius:7px;background:transparent;color:#e5e7eb;font:inherit;font-size:.86rem;text-align:left;cursor:pointer}.member-context-action:hover{background:#2a3144;color:#fff}.member-context-volume{display:grid;gap:.3rem;padding:.4rem .65rem .55rem;color:#9aa3b5;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.member-context-volume input[type=range]{width:100%;accent-color:#818cf8;cursor:pointer}#chat-overlay{position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:#00000047;z-index:7;pointer-events:auto;display:flex;align-items:stretch}#chat-overlay.hidden{display:none}#chat-overlay.chat-drop-active:after{content:"Solte os arquivos para anexar";position:absolute;inset:.75rem;display:flex;align-items:center;justify-content:center;border:2px dashed #6366f1;border-radius:12px;background:#312e8147;color:#e0e7ff;font-size:1rem;font-weight:600;pointer-events:none;z-index:2}#chat-panel{width:min(440px,100%);height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:.45rem;padding:.75rem;background:#18191ff0;border-right:1px solid #2a3144;box-shadow:8px 0 32px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud{position:fixed;left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width)) / 2);bottom:16px;transform:translate(-50%);width:auto;max-width:calc(100vw - var(--sidebar-width) - 32px);padding:.4rem .5rem;border-radius:14px;background:#111216f0;border:1px solid rgba(255,255,255,.06);font-size:.85rem;z-index:5;display:grid;gap:.35rem;justify-items:center;pointer-events:auto;box-shadow:0 10px 36px #00000080}#hud.hidden{display:none}#media-toolbar{display:flex;align-items:center;gap:.35rem}.hud-divider{width:1px;height:1.55rem;margin:0 .15rem;background:#ffffff1f}.hud-split{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;background:#2a2d35}.hud-split .hud-btn{border-radius:0}.hud-split .hud-btn:first-child{border-radius:10px 0 0 10px}.hud-split .hud-chevron-btn{border-radius:0 10px 10px 0;width:1.55rem;border-left:1px solid rgba(255,255,255,.08)}.hud-btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border:none;border-radius:10px;background:#2a2d35;color:#e8eaed;cursor:pointer;transition:background .12s ease,color .12s ease}.hud-btn svg{width:1.15rem;height:1.15rem;display:block}.hud-chevron-btn svg{width:.85rem;height:.85rem}.hud-btn:hover:not(:disabled){background:#353942}.hud-btn:disabled{opacity:.45;cursor:not-allowed;color:#9aa0a6}.hud-btn.active{background:#1b4332;color:#4ade80}.hud-split:has(.hud-btn.active){background:#1b4332}.hud-split:has(.hud-btn.active) .hud-chevron-btn{color:#4ade80;border-left-color:#4ade8040}.hud-split:has(.hud-btn.active) .hud-btn:hover:not(:disabled){background:#245c40}.hud-btn.denied{background:#450a0a;color:#fca5a5}.hud-btn.muted:not(.active){color:#f87171}#deafen-btn.active{background:#450a0a;color:#fca5a5}#screen-share-btn.active{background:#312e81;color:#c7d2fe}.hud-split:has(#screen-share-btn.active){background:#312e81}.hud-split:has(#screen-share-btn.active) .hud-chevron-btn{color:#c7d2fe;border-left-color:#c7d2fe40}.hud-avatar-btn{position:relative;width:2.55rem;height:2.55rem;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ffe0c2,#e8a56d 55%,#c97a45);color:#2c180c;font-weight:800;font-size:.92rem;letter-spacing:-.02em;box-shadow:inset 0 1px #ffffff59,0 0 0 2px #111216f2,0 0 0 3px #e8b48a73}.hud-avatar-btn:hover:not(:disabled){background:radial-gradient(circle at 30% 28%,#ffe8d2,#f0b27d 55%,#d48952);box-shadow:inset 0 1px #fff6,0 0 0 2px #111216f2,0 0 0 3px #f0b27db3}#presence-initial{line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.25)}.hud-presence-dot{position:absolute;right:-1px;bottom:-1px;width:.62rem;height:.62rem;border-radius:50%;background:#22c55e;border:2px solid #111216;box-sizing:content-box;box-shadow:0 0 0 1px #00000059}.hud-voice-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-menu{position:fixed;z-index:20;min-width:220px;max-width:min(320px,calc(100vw - 16px));max-height:min(360px,calc(100vh - 24px));overflow-y:auto;padding:.4rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#1a1c22;box-shadow:0 12px 40px #0000008c;display:grid;gap:.15rem}.hud-menu.hidden{display:none}.hud-menu-section{padding:.45rem .55rem .2rem;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a6}.hud-menu-note{margin:0;padding:.35rem .55rem .5rem;font-size:.75rem;color:#9aa0a6;line-height:1.35}.hud-menu-item{display:grid;grid-template-columns:1.1rem 1fr;align-items:center;gap:.45rem;width:100%;padding:.5rem .55rem;border:none;border-radius:8px;background:transparent;color:#e8eaed;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.hud-menu-item:hover:not(:disabled){background:#2a2d35}.hud-menu-item:disabled{opacity:.5;cursor:not-allowed}.hud-menu-item.selected{color:#86efac}.hud-menu-check{display:inline-flex;width:1.1rem;height:1.1rem}.hud-menu-check svg{width:1.1rem;height:1.1rem}.hud-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-menu-range{display:grid;gap:.3rem;padding:.35rem .55rem .5rem}.hud-menu-range-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#e8eaed}.hud-menu-range-value{color:#9aa0a6;font-variant-numeric:tabular-nums}.hud-menu-range input[type=range]{width:100%;accent-color:#86efac}#chat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.35rem;border-bottom:1px solid #2a3144}#chat-close-btn{width:2rem;height:2rem;padding:0;border:none;border-radius:6px;background:transparent;color:#9aa3b5;font-size:1.35rem;line-height:1;cursor:pointer}#chat-close-btn:hover{background:#2b2f3a;color:#f3f4f6}#chat-title{font-size:1rem;font-weight:600;color:#f3f4f6}#chat-log{min-height:0;overflow-y:auto;pointer-events:auto;font-size:.85rem;color:#d1d5db;padding-right:.25rem}#chat-form,#chat-input{pointer-events:auto}#meeting-view{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;gap:.6rem;padding:.75rem .75rem 6.5rem;background:#0b0d12}body.in-game #meeting-view{left:var(--sidebar-width)}#meeting-view.hidden{display:none}body.meeting-view #game{visibility:hidden}#meeting-view-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}#meeting-view-title{display:flex;align-items:baseline;gap:.5rem;min-width:0}#meeting-view-title h2{margin:0;font-size:1rem;font-weight:600}#meeting-view-count{font-size:.78rem;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#meeting-view-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}#meeting-back-btn,#meeting-fullscreen-btn{flex-shrink:0;padding:.4rem .8rem;border-radius:8px;border:1px solid #334;background:#1f2433;color:inherit;font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap}#meeting-back-btn:hover,#meeting-fullscreen-btn:hover{background:#2a3144;border-color:#6366f1}#meeting-view-body{position:relative;flex:1;min-height:0;display:flex}#meeting-empty{margin:auto;color:#9aa0a6;font-size:.95rem}#meeting-empty.hidden{display:none}#remote-screens{display:contents}#screen-share-panel{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--gallery-cols, 1),minmax(0,1fr));grid-template-rows:repeat(var(--gallery-rows, 1),minmax(0,1fr));gap:.5rem;pointer-events:none}#screen-share-panel.hidden{display:none}.screen-tile{display:flex;flex-direction:column;gap:.25rem;min-width:0;min-height:0;pointer-events:auto;cursor:pointer}.screen-tile-label{font-size:.75rem;color:#d1d5db}.screen-tile--paused .remote-screen{display:none}.screen-paused-note{flex:1;display:none;align-items:center;justify-content:center;min-height:120px;padding:.5rem;border:1px dashed #4b5563;border-radius:8px;background:#111827;color:#9aa3b5;font-size:.8rem}.screen-tile--paused .screen-paused-note{display:flex}.screen-tile:hover .screen-paused-note{border-color:#6366f1;color:#c7d2fe}.screen-tile:fullscreen,.screen-tile:-webkit-full-screen{display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;box-sizing:border-box;background:#000}.screen-tile:fullscreen .remote-screen,.screen-tile:-webkit-full-screen .remote-screen{flex:1;width:100%;max-height:none;height:auto;min-height:0;object-fit:contain;border:none;border-radius:0;transform:translateZ(0);backface-visibility:hidden}.screen-view-fullscreen #game{visibility:hidden}.screen-tile.hidden{display:none}.remote-screen{width:100%;max-height:240px;object-fit:contain;border-radius:8px;border:1px solid #6366f1;background:#000}#meeting-view .remote-screen{flex:1;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain}#view-toggle-btn{position:relative}#view-toggle-btn.has-shares:after{content:"";position:absolute;top:4px;right:4px;width:.5rem;height:.5rem;border-radius:50%;background:#6366f1;box-shadow:0 0 0 2px #2a2d35}#view-toggle-btn.active,#view-toggle-btn.active:hover:not(:disabled){background:#312e81;color:#c7d2fe}.chat-date-separator{display:flex;align-items:center;gap:.5rem;margin:.7rem .2rem .35rem;color:#6b7280;font-size:.7rem;font-weight:600;text-align:center}.chat-date-separator:before,.chat-date-separator:after{content:"";flex:1;height:1px;background:#2a3144}.chat-message{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.6rem;align-items:start;padding:.1rem .2rem;border-radius:6px}.chat-message:not(.chat-message--grouped){margin-top:.55rem}.chat-message--grouped{margin-top:.05rem}.chat-message-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#c7d2fe}.chat-message-content{grid-column:2;min-width:0}.chat-message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.1rem}.chat-message-author{font-weight:600;color:#f3f4f6}.chat-message-time{font-size:.7rem;color:#6b7280}.chat-message-text{white-space:pre-wrap;word-break:break-word;line-height:1.4;color:#d1d5db}.chat-attachment{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:.35rem;max-width:100%}.chat-attachment-media{position:relative;width:100%;max-width:100%;min-height:4.5rem;border-radius:8px;background:#151821;overflow:hidden}.chat-attachment-media-ready{cursor:zoom-in}.chat-attachment-media-ready:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.chat-attachment-actions{position:absolute;right:.4rem;bottom:.4rem;display:flex;gap:.3rem;opacity:0;transition:opacity .12s ease;pointer-events:none}.chat-attachment-media:hover .chat-attachment-actions,.chat-attachment-media:focus-within .chat-attachment-actions{opacity:1;pointer-events:auto}.chat-attachment-action{padding:.2rem .5rem;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0f1118d1;color:#f3f4f6;font:inherit;font-size:.7rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-attachment-action:hover{background:#312e81eb;border-color:#6366f1}.chat-attachment-preview{display:block;max-width:100%;max-height:260px;object-fit:contain;background:#0f1118;vertical-align:middle;pointer-events:none}video.chat-attachment-preview{width:100%;max-height:280px;background:#000}.chat-attachment-link{display:inline-block;margin-top:.15rem;padding:0;border:none;background:none;color:#93c5fd;text-decoration:underline;cursor:pointer;font:inherit;font-size:.75rem}.chat-attachment-link:hover{color:#bfdbfe}#chat-media-lightbox{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:1.5rem}#chat-media-lightbox.hidden{display:none}.chat-media-lightbox-backdrop{position:absolute;inset:0;background:#06080ed6}.chat-media-lightbox-content{position:relative;z-index:1;display:flex;max-width:min(96vw,1100px);max-height:92vh;align-items:center;justify-content:center}.chat-media-lightbox-close{position:fixed;top:1rem;right:1rem;z-index:2;width:2.25rem;height:2.25rem;border:1px solid #475569;border-radius:999px;background:#111827;color:#f8fafc;font-size:1.35rem;line-height:1;cursor:pointer}.chat-media-lightbox-close:hover{background:#1f2937;border-color:#94a3b8}.chat-media-lightbox-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;max-width:100%;max-height:92vh}.chat-media-lightbox-media{display:block;max-width:min(96vw,1100px);max-height:80vh;object-fit:contain;border-radius:8px;background:#000;box-shadow:0 18px 50px #00000073}video.chat-media-lightbox-media{width:min(96vw,1100px)}.chat-media-lightbox-footer{display:flex;align-items:center;gap:.75rem;max-width:min(96vw,1100px)}.chat-media-lightbox-name{color:#cbd5e1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-media-lightbox-download{flex-shrink:0;padding:.35rem .8rem;border:1px solid #6366f1;border-radius:6px;background:#312e81;color:#e0e7ff;font:inherit;font-size:.8rem;cursor:pointer}.chat-media-lightbox-download:hover{background:#4338ca}#chat-pending-attachment{display:flex;flex-wrap:wrap;gap:.35rem;max-height:9rem;overflow-y:auto}#chat-pending-attachment.hidden{display:none}.chat-pending-item{display:flex;align-items:center;gap:.4rem;max-width:100%;padding:.25rem .45rem;border-radius:6px;border:1px dashed #6366f1;background:#1e1b4b;font-size:.75rem}.chat-pending-item img,.chat-pending-item video{width:2.4rem;height:2.4rem;border-radius:4px;object-fit:cover;flex-shrink:0;background:#0f1118}.chat-pending-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.chat-pending-name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pending-item button{padding:0 .35rem;border:none;border-radius:4px;background:transparent;color:#fca5a5;cursor:pointer;font-size:1rem;line-height:1}#chat-form{display:flex;gap:.35rem}#chat-attach-btn{width:2rem;padding:0;border-radius:6px;border:1px solid #334;background:#1f2433;color:inherit;font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}#chat-attach-btn:hover{background:#2a3144;border-color:#6366f1}#chat-file-input.hidden{display:none}#chat-input{flex:1;padding:.4rem .55rem;border-radius:6px;border:1px solid #334;background:#0f1117;color:inherit;font:inherit}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem!important}#editor-enter-btn{margin-top:.15rem;padding:.35rem .65rem;border-radius:8px;border:1px solid #4f46e5;background:#312e81;color:#e0e7ff;cursor:pointer;font:inherit;font-size:.8rem}#editor-enter-btn.hidden{display:none}#editor-toolbar{position:fixed;top:.75rem;left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width)) / 2);transform:translate(-50%);z-index:12;width:min(96vw,920px);padding:.65rem;border-radius:10px;border:1px solid #3b4260;background:#0f1117f0;display:grid;gap:.5rem}#editor-toolbar.hidden{display:none}.editor-toolbar-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.editor-toolbar-row label{display:grid;gap:.2rem;font-size:.75rem;color:#9aa3b5}.editor-toolbar-row select,.editor-toolbar-row button{font:inherit;padding:.35rem .5rem;border-radius:6px;border:1px solid #334;background:#171b26;color:inherit}#editor-layer,#editor-tileset{min-width:9rem}#editor-layers-panel{position:fixed;top:5.5rem;left:calc(var(--sidebar-width) + .75rem);z-index:12;width:min(92vw,220px);max-height:calc(100vh - 6rem);overflow:auto;padding:.65rem;border-radius:10px;border:1px solid #3b4260;background:#0f1117f0;display:grid;gap:.45rem;align-content:start}#editor-layers-panel.hidden{display:none}#editor-layers-panel header{font-size:.85rem;color:#c7d2fe}.editor-layers-hint{margin:0;font-size:.7rem;color:#9aa3b5;line-height:1.35}.editor-layers-empty{margin:0;font-size:.78rem;color:#9aa3b5}#editor-layers-list{display:grid;gap:.25rem}.editor-layer-row{display:grid;grid-template-columns:1fr auto auto;gap:.2rem;align-items:center;padding:.15rem;border-radius:6px;border:1px solid #2a3144;background:#12151d}.editor-layer-row.selected{border-color:#6366f1;background:#1e1b4b}.editor-layer-select{min-width:0;text-align:left;padding:.3rem .4rem;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-layer-select:hover{color:#e0e7ff}.editor-layer-icon-btn{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;padding:0;border-radius:5px;border:1px solid #334;background:#171b26;color:#c7d2fe;cursor:pointer}.editor-layer-icon-btn:hover{border-color:#6366f1;color:#e0e7ff}.editor-layer-icon-btn.is-off{color:#64748b;opacity:.75}.editor-layer-trash-btn:hover{border-color:#ef4444;color:#fecaca}.editor-toolbar-row button{cursor:pointer}.editor-toolbar-row button:hover{border-color:#6366f1}.editor-map-size-row{align-items:end}.editor-map-size-label{font-size:.78rem;color:#c7d2fe;padding-bottom:.35rem}#editor-map-resize-btn{border-color:#6366f1;background:#1e1b4b;color:#e0e7ff}.editor-palette{display:grid;grid-template-columns:repeat(var(--palette-cols, 12),var(--palette-tile-size, 32px));gap:0;width:max-content;max-width:100%;max-height:420px;overflow:auto;padding:.25rem;border-radius:6px;background:#0f1117;border:1px solid #2a3144;-webkit-user-select:none;user-select:none;touch-action:none}.editor-palette-loading{margin:0;padding:.5rem;font-size:.75rem;color:#9aa3b5}.editor-palette-tile{border:1px solid transparent;padding:0;cursor:pointer;image-rendering:pixelated;background-color:#12151d;box-sizing:border-box}.editor-palette-tile--empty{opacity:.35;cursor:crosshair;background-color:#0c0e14;border-color:#1a1f2b}.editor-palette-tile:not(.editor-palette-tile--empty):hover{border-color:#4b5563;z-index:1}.editor-palette-tile.selected{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}.editor-palette-tile--empty.selected{border-color:#6366f1;background-color:#1e1b4b;opacity:.7}.editor-palette-anims{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem .15rem .5rem;border-bottom:1px solid #2a3144;margin-bottom:.35rem}.editor-palette-anim{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem;border:1px solid #2a3144;border-radius:6px;background:#12151d;cursor:pointer;color:#c6cddb}.editor-palette-anim canvas{image-rendering:pixelated;display:block;background:#0c0e14}.editor-palette-anim-label{font-size:.65rem;line-height:1.1;max-width:7rem;text-align:center;text-transform:capitalize}.editor-palette-anim:hover{border-color:#4b5563}.editor-palette-anim.selected{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}#editor-zones-panel{position:fixed;top:5.5rem;right:.75rem;z-index:12;width:min(92vw,240px);max-height:calc(100vh - 6rem);overflow:auto;padding:.65rem;border-radius:10px;border:1px solid #3b4260;background:#0f1117f0;display:grid;gap:.5rem}#editor-zones-panel.hidden{display:none}#editor-zones-panel header{font-size:.85rem;color:#c7d2fe}.editor-zone-hint{margin:0;font-size:.72rem;color:#9aa3b5;line-height:1.35}#editor-zone-create-btn{padding:.4rem .55rem;border-radius:6px;border:1px solid #16a34a;background:#14532d;color:#dcfce7;cursor:pointer;font:inherit}#editor-zone-create-btn:hover{border-color:#4ade80}#editor-zone-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.editor-zone-item{width:100%;text-align:left;padding:.35rem .5rem;border-radius:6px;border:1px solid #334;background:#171b26;color:inherit;cursor:pointer;font:inherit;display:grid;gap:.15rem}.editor-zone-item--private_call{border-left:3px solid #22c55e}.editor-zone-item--silent{border-left:3px solid #ef4444}.editor-zone-item-name{font-size:.82rem}.editor-zone-item-type{font-size:.68rem;color:#9aa3b5}.editor-zone-empty{font-size:.75rem;color:#9aa3b5;padding:.25rem 0}.editor-zone-item.selected{border-color:#fbbf24;background:#422006}#editor-zone-form{display:grid;gap:.35rem}#editor-zone-form label{display:grid;gap:.2rem;font-size:.75rem;color:#9aa3b5}#editor-zone-form input,#editor-zone-form select,#editor-zone-delete{font:inherit;padding:.35rem .5rem;border-radius:6px;border:1px solid #334;background:#0f1117;color:inherit}#editor-zone-delete{cursor:pointer;border-color:#7f1d1d;background:#450a0a}#editor-zone-form.hidden{display:none}#settings-backdrop{position:fixed;inset:0;background:#0000008c;z-index:80}#settings-backdrop.hidden{display:none}#settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 2rem));height:min(640px,calc(100vh - 2rem));display:flex;background:#141821;border:1px solid #2a3140;border-radius:12px;z-index:81;overflow:hidden;box-shadow:0 18px 50px #00000073}#settings-panel.hidden{display:none}#settings-nav{width:168px;background:#0f131a;border-right:1px solid #2a3140;padding:.75rem;display:flex;flex-direction:column;gap:.35rem}#settings-nav button{text-align:left;border:none;background:transparent;color:#cbd5e1;padding:.55rem .7rem;border-radius:8px;cursor:pointer}#settings-nav button:disabled{opacity:.4;cursor:not-allowed}#settings-nav button.active,#settings-nav button:hover{background:#1e293b;color:#fff}#settings-nav button.hidden{display:none}.settings-filter-label{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0 1rem;color:#94a3b8;font-size:.8rem}.settings-filter-label select{background:#0f131a;border:1px solid #2a3140;color:#e2e8f0;border-radius:8px;padding:.45rem .6rem}#settings-main{flex:1;display:flex;flex-direction:column;min-width:0}#settings-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #2a3140}#settings-header h2{margin:0;font-size:1.05rem}#settings-close-btn{border:none;background:transparent;color:#94a3b8;font-size:1.4rem;cursor:pointer}#settings-content{padding:1rem;overflow:auto}.settings-section{margin-bottom:1.25rem}.settings-section h3{margin:0 0 .55rem;font-size:.95rem}.settings-muted{color:#94a3b8;font-size:.85rem}.settings-list{display:flex;flex-direction:column;gap:.65rem}.settings-card{border:1px solid #2a3140;border-radius:10px;padding:.75rem;background:#10151e}.settings-card header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.settings-actions{display:flex;gap:.4rem;margin-top:.5rem}.settings-actions button,.settings-card>button,.settings-primary-btn{border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:6px;padding:.35rem .65rem;cursor:pointer}.settings-actions button.danger{color:#fca5a5}.settings-badge-row{display:flex;flex-wrap:wrap;gap:.45rem}.settings-badge-chip{--badge-color: #94a3b8;display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.15rem .55rem;background:color-mix(in srgb,var(--badge-color) 28%,#0f172a);border:1px solid color-mix(in srgb,var(--badge-color) 70%,#0f172a);color:#f8fafc;font-size:.75rem}.member-role-chips{display:inline-flex;align-items:center;gap:.2rem;margin-left:.15rem;flex-shrink:0;min-width:0}.member-role-chip{--badge-color: #94a3b8;display:inline-flex;align-items:center;justify-content:center;height:1.3rem;max-width:1.3rem;border-radius:999px;background:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 55%,#0f172a);color:#0f172a;font-size:.72rem;line-height:1;overflow:hidden;white-space:nowrap;padding:0 .12rem;transition:max-width .18s ease,padding .18s ease,box-shadow .18s ease;box-shadow:0 0 0 1px #0f172a40}.member-role-chip.primary{box-shadow:0 0 0 2px color-mix(in srgb,var(--badge-color) 80%,#fff)}.member-role-chip-icon{flex:0 0 auto;width:1rem;text-align:center}.member-role-chip-name{display:inline-block;max-width:0;opacity:0;overflow:hidden;font-size:.7rem;font-weight:700;margin-left:0;transition:max-width .18s ease,opacity .15s ease,margin-left .18s ease}.member-role-chip:hover,.member-role-chip:focus-visible{max-width:9rem;padding:0 .45rem 0 .15rem;z-index:3}.member-role-chip:hover .member-role-chip-name,.member-role-chip:focus-visible .member-role-chip-name{max-width:7.5rem;opacity:1;margin-left:.25rem}button.settings-badge-chip{cursor:pointer}button.settings-badge-chip.selected{outline:2px solid var(--badge-color)}.settings-badge-icon{font-size:.9rem}.settings-role-editor{display:flex;flex-direction:column;gap:.75rem}.settings-role-editor label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.settings-field-label{display:block;color:#94a3b8;font-size:.8rem;margin-bottom:.25rem}.settings-role-editor input[type=text],.settings-role-editor input[type=color]{border:1px solid #334155;border-radius:6px;background:#0f172a;color:#e2e8f0;padding:.4rem .55rem}.settings-role-preview-wrap{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.settings-role-preview-wrap .member-role-chip{height:1.6rem;max-width:1.6rem;font-size:.85rem}.settings-icon-picker{display:flex;flex-direction:column;gap:.45rem}.settings-icon-picker #role-icon-search{border:1px solid #334155;border-radius:6px;background:#0f172a;color:#e2e8f0;padding:.4rem .55rem;width:100%;box-sizing:border-box}.settings-icon-cats{display:flex;flex-wrap:wrap;gap:.3rem}.settings-icon-cat{border:1px solid #334155;border-radius:999px;background:#1e293b;color:#94a3b8;font-size:.72rem;padding:.2rem .55rem;cursor:pointer}.settings-icon-cat.selected{background:#334155;color:#f8fafc;border-color:#64748b}.settings-icon-grid,.settings-color-grid{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0}.settings-icon-grid{max-height:11.5rem;overflow-y:auto;padding:.35rem;border:1px solid #334155;border-radius:8px;background:#0b1220;margin:0;align-content:flex-start}.settings-icon-empty{margin:.5rem;width:100%}.settings-icon-custom{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#94a3b8}.settings-icon-btn,.settings-color-btn{width:2rem;height:2rem;border-radius:999px;border:1px solid #334155;background:#1e293b;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.settings-icon-btn:hover,.settings-color-btn:hover{border-color:#64748b}.settings-icon-btn.selected,.settings-color-btn.selected{outline:2px solid #f8fafc}.settings-color-btn{background:var(--swatch, #94a3b8)}.settings-pill{font-size:.7rem;color:#fbbf24;border:1px solid #92400e;border-radius:999px;padding:.1rem .4rem}.settings-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem;margin:.4rem 0 .6rem;font-size:.82rem}.settings-login-table{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.settings-login-row{display:grid;grid-template-columns:32px minmax(7rem,1fr) minmax(8.5rem,11rem) minmax(8.5rem,11rem) auto;align-items:center;gap:.75rem;padding:.55rem .7rem;border:1px solid #2a3140;border-radius:10px;background:#10151e}.settings-login-row.settings-login-head{border:none;background:transparent;padding:0 .7rem .15rem;color:#94a3b8;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.settings-login-row.is-online{border-color:#1d4d3a;background:#0f1a16}.settings-login-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-login-time{color:#cbd5e1;font-size:.82rem;font-variant-numeric:tabular-nums}.settings-login-out{color:#94a3b8}.settings-login-row.is-online .settings-login-out{color:#86efac;font-weight:600}.settings-reset-password{justify-self:end;border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:6px;padding:.3rem .6rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.settings-reset-password:hover{border-color:#475569;background:#263449}#settings-btn{border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:6px;padding:.2rem .45rem;cursor:pointer}