:root{--uno-bg: #0f1923;--uno-surface: #16213e;--uno-surface-2: #1a3a6a;--uno-border: #1a4a8a;--uno-text: #f5f7ff;--uno-muted: #aaa;--uno-input: #0f3460;--uno-input-border: #1a4a8a;--uno-accent: #e94560;--uno-nav-bg: #16213e;--uno-nav-border: #e94560}#app-root{min-height:100vh;background:var(--uno-bg);color:var(--uno-text);transition:background-color .25s ease,color .25s ease}#app-root[data-theme=light]{--uno-bg: #f3f6fb;--uno-surface: #ffffff;--uno-surface-2: #edf2fb;--uno-border: #d5deed;--uno-text: #1f2a44;--uno-muted: #5c6b84;--uno-input: #ffffff;--uno-input-border: #cfd9ec;--uno-accent: #e94560;--uno-nav-bg: #ffffff;--uno-nav-border: #e94560}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--uno-nav-bg);border-bottom:2px solid var(--uno-nav-border);color:var(--uno-text)}.logo{font-size:1.4rem;font-weight:700;color:var(--uno-accent)}.nav-links{display:flex;gap:12px;align-items:center}.nav-links a{color:var(--uno-text);text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .2s}.nav-links a:hover,.nav-links a.router-link-active{background:var(--uno-accent)}.icon-switcher{display:flex;border:1px solid var(--uno-border);border-radius:8px;overflow:hidden}.icon-btn{background:var(--uno-input);border:0;color:var(--uno-text);width:38px;height:30px;padding:0;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}.toolbar-flag{width:20px;height:14px;display:inline-flex;border-radius:2px;overflow:hidden}.toolbar-flag svg{width:100%;height:100%}.theme-glyph{font-size:16px;line-height:1}.toolbar-flag-us,.toolbar-flag-ru{display:inline-flex}.icon-btn+.icon-btn{border-left:1px solid var(--uno-border)}.icon-btn.active{background:var(--uno-accent);color:#fff}.icon-btn:hover{filter:brightness(1.05)}.btn-logout{background:transparent;border:1px solid var(--uno-accent);color:var(--uno-accent);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-logout:hover{background:var(--uno-accent);color:#fff}#app-root[data-theme=light] .auth-page,#app-root[data-theme=light] .auth-card,#app-root[data-theme=light] .lobby,#app-root[data-theme=light] .lobby-topbar,#app-root[data-theme=light] .room-page,#app-root[data-theme=light] .room-container,#app-root[data-theme=light] .admin-page,#app-root[data-theme=light] .stats-grid,#app-root[data-theme=light] .section,#app-root[data-theme=light] .section .search-bar,#app-root[data-theme=light] .section .search-bar input,#app-root[data-theme=light] .stat-card,#app-root[data-theme=light] .room-card,#app-root[data-theme=light] .data-table,#app-root[data-theme=light] .data-table th,#app-root[data-theme=light] .data-table td,#app-root[data-theme=light] .game-page,#app-root[data-theme=light] .area,#app-root[data-theme=light] .overlay .gameover-card,#app-root[data-theme=light] .overlay .color-picker-box,#app-root[data-theme=light] .overlay .leave-confirm-box,#app-root[data-theme=light] .modal,#app-root[data-theme=light] .draw-action-box,#app-root[data-theme=light] .turn-banner,#app-root[data-theme=light] .game-msg,#app-root[data-theme=light] .player-item,#app-root[data-theme=light] .player-waiting,#app-root[data-theme=light] .waiting-owner,#app-root[data-theme=light] .redirect-notice,#app-root[data-theme=light] .sse-status{background:var(--uno-surface)!important;border-color:var(--uno-border)!important;color:var(--uno-text)!important}#app-root[data-theme=light] .modal-overlay,#app-root[data-theme=light] .overlay{background:rgba(24,34,54,.65)!important}#app-root[data-theme=light] .room-card,#app-root[data-theme=light] .room-title,#app-root[data-theme=light] .stat-label,#app-root[data-theme=light] .badge,#app-root[data-theme=light] .auth-card h1,#app-root[data-theme=light] .lobby-topbar h2,#app-root[data-theme=light] .section h3,#app-root[data-theme=light] .area-hdr,#app-root[data-theme=light] .admin-page h2,#app-root[data-theme=light] .admin-page h3,#app-root[data-theme=light] .room-container h2,#app-root[data-theme=light] .room-meta,#app-root[data-theme=light] .search-box,#app-root[data-theme=light] .rules-select,#app-root[data-theme=light] .checkbox-label,#app-root[data-theme=light] .error-msg,#app-root[data-theme=light] .modal h3,#app-root[data-theme=light] .lobby .sse-status,#app-root[data-theme=light] .game-msg,#app-root[data-theme=light] .go-icon{color:var(--uno-text)!important}#app-root[data-theme=light] .spinner{border-color:var(--uno-input-border)!important;border-top-color:var(--uno-accent)!important}#app-root[data-theme=light] input{background:var(--uno-input)!important;border-color:var(--uno-input-border)!important;color:var(--uno-text)!important}#app-root[data-theme=light] ::placeholder{color:#7f8ca6!important}#app-root[data-theme=light] .btn-create,#app-root[data-theme=light] .btn-join,#app-root[data-theme=light] .btn-refresh,#app-root[data-theme=light] .btn-primary,#app-root[data-theme=light] .btn-secondary,#app-root[data-theme=light] .btn-leave,#app-root[data-theme=light] .btn-start,#app-root[data-theme=light] .btn-leave-game,#app-root[data-theme=light] .btn-play-drawn,#app-root[data-theme=light] .btn-pass,#app-root[data-theme=light] .btn-leave-yes,#app-root[data-theme=light] .btn-leave-no,#app-root[data-theme=light] .cbtn,#app-root[data-theme=light] .btn-cancel,#app-root[data-theme=light] .btn-uno,#app-root[data-theme=light] .btn-sm,#app-root[data-theme=light] .tabs button,#app-root[data-theme=light] .rules-select button{color:var(--uno-text)!important}#app-root[data-theme=light] .btn-refresh,#app-root[data-theme=light] .btn-primary,#app-root[data-theme=light] .btn-secondary,#app-root[data-theme=light] .btn-join,#app-root[data-theme=light] .btn-sm,#app-root[data-theme=light] .tabs button,#app-root[data-theme=light] .rules-select button,#app-root[data-theme=light] .btn-leave-game,#app-root[data-theme=light] .btn-play-drawn,#app-root[data-theme=light] .btn-pass,#app-root[data-theme=light] .btn-leave-yes,#app-root[data-theme=light] .btn-leave-no,#app-root[data-theme=light] .btn-cancel{background:var(--uno-input)!important;border-color:var(--uno-input-border)!important}#app-root[data-theme=light] .btn-primary{background:var(--uno-accent)!important;color:#fff!important}#app-root[data-theme=light] .badge{background:var(--uno-surface-2)!important;border-color:var(--uno-border)!important}#app-root[data-theme=light] .btn-join:hover:not(:disabled),#app-root[data-theme=light] .btn-join:focus-visible{background:var(--uno-accent)!important;border-color:var(--uno-accent)!important;color:#fff!important}#app-root[data-theme=light] .btn-join:disabled{opacity:.55!important}#app-root[data-theme=light] .rules-select button.active{background:var(--uno-accent)!important;border-color:var(--uno-accent)!important;color:#fff!important}@media (max-width: 520px){.navbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.logo{font-size:1.15rem}.nav-links{gap:6px;flex-wrap:wrap}.nav-links a{padding:5px 8px;font-size:.85rem}.icon-switcher{height:30px}.btn-logout{padding:5px 10px;font-size:.8rem}}