:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e6e6;background:#1e2129;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:#2b2f3a;border:1px solid #4b5160;border-radius:8px;padding:.6rem 1.2rem}button:hover{background:#363b48}button:disabled{opacity:.6;cursor:default}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:1rem;display:flex}.muted{color:#9aa3b2}.small{font-size:.85rem}.error{color:#ff7b7b;max-width:28rem}.shell{flex-direction:column;height:100%;display:flex}.status-bar{background:#171a20;border-bottom:1px solid #2b2f3a;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.game-canvas{flex:1;min-height:0}.game-canvas canvas{display:block}.game-host{flex:1;min-height:0;position:relative}.game-host .game-canvas{position:absolute;inset:0}.hud{z-index:2;pointer-events:none;position:absolute}.hud button{pointer-events:auto}.hud-top-left{top:12px;left:12px}.hud-top-right{top:12px;right:12px}.hud-bottom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#171a20d9;border:1px solid #2b2f3a;border-radius:12px;align-items:center;gap:14px;padding:8px 12px;display:flex;bottom:12px;left:50%;transform:translate(-50%)}.hud-group{gap:6px;display:flex}.zone-label{background:#171a20d9;border:1px solid #2b2f3a;border-radius:8px;padding:6px 10px;font-size:.95rem;font-weight:600}.chip{border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.chip.active{outline:2px solid #fff}.chip.emote{padding:.2rem .5rem;font-size:1.1rem}.status-available.active{background:#1f7a4a}.status-on_call.active{background:#8a2f2f}.status-on_break.active{background:#8a6a1f}.status-focus.active{background:#2f4a8a}.roster{background:#171a20d9;border:1px solid #2b2f3a;border-radius:10px;min-width:170px;padding:8px 10px;font-size:.85rem}.roster-head{align-items:center;gap:6px;margin-bottom:4px;font-weight:600;display:flex}.roster-row{align-items:center;gap:6px;padding:2px 0;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.conn{background:#9aa3b2;border-radius:50%;width:8px;height:8px;display:inline-block}.conn-online{background:#3ddc84}.conn-offline{background:#ff5c5c}.hint{text-align:right;margin-top:6px}.chip-avatar{object-fit:cover;object-position:top;width:14px;height:28px;image-rendering:pixelated;display:block}.modal-backdrop{z-index:5;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:#171a20;border:1px solid #2b2f3a;border-radius:14px;width:calc(100% - 32px);max-width:720px;padding:20px 24px}.modal h2{margin:0 0 4px}.avatar-grid{grid-template-columns:repeat(10,1fr);gap:8px;margin:14px 0;display:grid}.avatar-option{background:#22262f;border-radius:10px;justify-content:center;padding:6px 4px;display:flex}.avatar-option img{image-rendering:pixelated;width:32px;height:64px}.avatar-option.active{outline:2px solid #3ddc84}.modal-actions{justify-content:flex-end;display:flex}@media (width<=640px){.avatar-grid{grid-template-columns:repeat(5,1fr)}}.hud-top-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.voice{position:relative}.chip.mic{min-width:44px;font-size:1rem}.chip.mic.live{background:#1f7a4a}.chip.mic.muted{background:#8a2f2f}.chip.mic.off{opacity:.5}.chip.attention{background:#8a6a1f;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.05)}}.small-chip{padding:.35rem .5rem;font-size:.75rem}.device-popover{z-index:3;pointer-events:auto;background:#171a20;border:1px solid #2b2f3a;border-radius:10px;flex-direction:column;gap:8px;min-width:260px;padding:10px 12px;font-size:.8rem;display:flex;position:absolute;bottom:48px;left:0}.device-popover label{flex-direction:column;gap:4px;display:flex}.device-popover select{font:inherit;color:inherit;background:#22262f;border:1px solid #4b5160;border-radius:6px;padding:4px}.zone-actions{gap:6px;margin-top:6px;display:flex}.roster-name{flex:1}.roster-row input[type=range]{accent-color:#3ddc84;width:60px}.icon-btn{cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.95rem}.icon-btn:hover{background:0 0;transform:scale(1.15)}.screen-panel{z-index:3;cursor:pointer;pointer-events:auto;background:#171a20;border:1px solid #2b2f3a;border-radius:10px;width:320px;position:absolute;bottom:80px;right:12px;overflow:hidden}.screen-panel.big{width:min(70vw,1100px);bottom:90px;left:50%;right:auto;transform:translate(-50%)}.screen-head{background:#22262f;padding:6px 10px;font-size:.8rem}.screen-video video{background:#000;width:100%;height:auto;display:block}.toasts{z-index:4;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:#171a20f2;border:1px solid #4b5160;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:flex}.chat-toggle{z-index:3;pointer-events:auto;border-radius:12px;padding:.5rem .8rem;font-size:1.1rem;position:absolute;bottom:12px;left:12px}.chat-toggle .badge{color:#fff;vertical-align:top;background:#ff5c5c;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.7rem}.chat-panel{z-index:4;pointer-events:auto;background:#171a20f5;border:1px solid #2b2f3a;border-radius:12px;flex-direction:column;width:340px;max-height:60vh;display:flex;position:absolute;bottom:64px;left:12px;overflow:hidden}.chat-tabs{border-bottom:1px solid #2b2f3a;display:flex}.chat-tabs .tab{background:0 0;border:none;border-radius:0;flex:1;padding:8px;font-size:.85rem}.chat-tabs .tab.active{background:#2b2f3a;font-weight:600}.chat-tabs .tab.close{flex:0 0 36px;font-size:1.1rem}.dm-picker{border-bottom:1px solid #2b2f3a;padding:6px 8px}.dm-picker select{width:100%;font:inherit;color:inherit;background:#22262f;border:1px solid #4b5160;border-radius:6px;padding:4px}.chat-list{flex-direction:column;flex:1;gap:6px;min-height:160px;padding:8px 10px;font-size:.85rem;display:flex;overflow-y:auto}.chat-line{line-height:1.3}.chat-line.mine .chat-who{color:#3ddc84}.chat-who{margin-right:6px;font-weight:600}.chat-time{font-size:.7rem}.chat-input{border-top:1px solid #2b2f3a;gap:6px;padding:8px;display:flex}.chat-input input{font:inherit;color:inherit;background:#22262f;border:1px solid #4b5160;border-radius:8px;flex:1;padding:6px 8px}