.notification-bell-wrapper{position:relative}.notification-bell-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;transition:background-color .15s ease;text-align:left;position:relative}.notification-bell-btn:hover{background:var(--panel-2)}.notification-bell-btn .material-icons{font-size:22px;color:var(--muted);transition:color .15s ease}.notification-bell-btn.has-unread .material-icons{color:var(--accent)}.notification-bell-label{font-weight:500}.notification-badge{position:absolute;top:4px;left:26px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown{width:400px;max-height:520px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0000002e,0 2px 8px #0000000f;z-index:99999;overflow:hidden;display:flex;flex-direction:column;animation:notifAppear .22s cubic-bezier(.16,1,.3,1)}@keyframes notifAppear{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.notif-header-title{font-weight:700;font-size:16px;color:var(--text);letter-spacing:-.02em}.notif-mark-all{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background-color .15s}.notif-mark-all:hover{background:rgba(var(--accent-rgb),.1)}.notif-tabs{display:flex;gap:4px;padding:0 18px 10px}.notif-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.notif-tab:hover{background:var(--panel-2);color:var(--text)}.notif-tab.active{background:var(--chip-active);color:var(--chip-active-text, #fff)}.notif-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.notif-tab.active .notif-tab-badge{background:#ffffff40}.notif-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 25%,transparent) transparent}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 25%,transparent);border-radius:10px}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;color:var(--muted);font-size:13px}.notif-empty .material-icons{font-size:36px;opacity:.35}.notif-group-label{padding:8px 18px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:10px 18px;cursor:pointer;transition:background-color .12s;position:relative}.notif-item:hover{background:var(--panel-2)}.notif-item.unread{background:rgba(var(--accent-rgb),.04)}.notif-item.unread:hover{background:rgba(var(--accent-rgb),.08)}.notif-avatar{width:42px;height:42px;border-radius:12px;overflow:visible;background:var(--panel-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.notif-avatar img{width:42px;height:42px;border-radius:12px;object-fit:cover;display:block}.notif-avatar>.material-icons{font-size:22px}.notif-type-badge{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.notif-type-badge .material-icons{font-size:10px;color:#fff}.notif-item-body{flex:1;min-width:0}.notif-item-main{font-size:13.5px;line-height:1.4;color:var(--text)}.notif-from{font-weight:600;color:var(--accent)}.notif-action{color:var(--text);margin-left:4px}.notif-preview{margin-top:3px;padding:5px 8px;border-radius:6px;background:var(--panel-2);font-size:12.5px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;font-style:italic}.notif-item-footer{display:flex;align-items:center;gap:10px;margin-top:4px}.notif-time{font-size:11.5px;color:var(--muted)}.notif-dest{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--accent);opacity:.7;transition:opacity .15s}.notif-item:hover .notif-dest{opacity:1}.notif-dest .material-icons{font-size:12px}.notif-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:8px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.notif-reply-zone{margin-top:6px}.notif-reply-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.notif-reply-btn .material-icons{font-size:14px;color:var(--muted)}.notif-reply-btn:hover{background:var(--panel-2);border-color:var(--accent)}.notif-reply-form{display:flex;flex-direction:column;gap:6px}.notif-reply-input{width:100%;min-height:48px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .15s}.notif-reply-input:focus{outline:none;border-color:var(--accent)}.notif-reply-actions{display:flex;gap:6px;justify-content:flex-end}.notif-reply-cancel{padding:5px 10px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.notif-reply-cancel:hover{color:var(--text)}.notif-reply-send{width:32px;height:32px;border-radius:8px;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.notif-reply-send .material-icons{font-size:16px}.notif-reply-send:hover{opacity:.85}.notif-reply-send:disabled{opacity:.35;cursor:default}@keyframes notifSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notif-spin{animation:notifSpin .8s linear infinite}@media (max-width: 768px){.notif-dropdown{width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;max-height:calc(100vh - 120px)}.notification-bell-btn{padding:8px 12px}.notification-badge{top:2px;left:22px}.notif-preview{max-width:200px}}.profile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2249;pointer-events:auto!important}.profile-panel{position:fixed;bottom:80px;left:80px;width:420px;height:calc(65vh - 60px);z-index:2250;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 40px #00000059,0 0 0 1px #ffffff0d;animation:profilePanelIn .22s cubic-bezier(.4,0,.2,1);overflow:hidden;pointer-events:auto!important}.profile-panel *{pointer-events:auto!important}@keyframes profilePanelIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .profile-panel{box-shadow:0 8px 40px #00000026,0 0 0 1px #00000014}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;flex-shrink:0;border-bottom:1px solid var(--border)}.profile-panel-title{font-size:15px;font-weight:700;color:var(--text)}.profile-panel-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.profile-panel-close:hover{color:var(--text);background:var(--hover)}.profile-panel-close .material-icons{font-size:18px}.profile-panel-body{flex:1 1 0;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-panel-mobile-wrapper{padding:12px}.profile-panel-mobile-wrapper .profile-header{display:flex;flex-direction:column;gap:12px;margin:0;align-items:stretch}.profile-panel-mobile-wrapper .avatar-character-container{width:100%;max-width:none;min-width:0;margin:0}.profile-panel-mobile-wrapper .profile-fields-wrapper{display:flex;flex-direction:column;gap:12px;width:100%!important;order:2}.profile-panel-mobile-wrapper .profile-info-row{display:flex;flex-direction:row;gap:10px}.profile-panel-mobile-wrapper .profile-info-row .profile-info-card,.profile-panel-mobile-wrapper .profile-info-row .profile-stub-card{flex:1 1 0;min-width:0;width:0}.profile-panel-mobile-wrapper .profile-info-row .profile-stub-card{display:flex!important}.profile-panel-mobile-wrapper .profile-info-card{display:flex;flex-direction:column;overflow:hidden}.profile-panel-mobile-wrapper .profile-info-card .card-content{flex:1;min-height:0;overflow-y:auto}.profile-panel-mobile-wrapper .profile-info-card textarea.form-input{resize:none!important}.profile-panel-mobile-wrapper .profile-wall-card{width:100%;margin-top:0}.profile-panel-mobile-wrapper .profile-fields{width:auto;gap:6px}.profile-panel-mobile-wrapper .profile-fields .form-group{margin:0}.profile-panel-mobile-wrapper .profile-fields input.form-input{position:relative;overflow:hidden;text-overflow:clip;white-space:nowrap}.profile-panel-mobile-wrapper .form-group{margin-bottom:0}.profile-panel-mobile-wrapper .avatar-character-content{height:auto;aspect-ratio:3 / 4;min-height:unset;border-radius:16px}.profile-panel-mobile-wrapper .profile-header .avatar-container{width:100%;height:100%;margin:0;border:none!important;border-radius:16px}.profile-panel-mobile-wrapper .profile-header .avatar-container:after{border-width:1px;border-radius:16px}.profile-panel-mobile-wrapper .profile-header .character-container{border-radius:16px;overflow:hidden}.profile-panel-mobile-wrapper .profile-header .character-container .user-profile-character-panel{border-radius:0;border:none;padding:0;height:100%}.profile-panel-mobile-wrapper .profile-header .character-container .user-profile-character-placeholder,.profile-panel-mobile-wrapper .profile-header .character-container .user-profile-character-empty{border-radius:0;border:none;min-height:100%}.profile-panel-mobile-wrapper .profile-balance-section{margin-top:8px}.profile-panel-mobile-wrapper .avatar-character-switcher{padding:3px;gap:4px}.profile-panel-mobile-wrapper .switcher-button{padding:6px 12px;font-size:12px}.profile-panel-mobile-wrapper .avatar-placeholder{font-size:80px}.profile-panel-mobile-wrapper .avatar-placeholder .material-icons{font-size:80px!important}.profile-panel-mobile-wrapper .avatar-upload-label,.profile-panel-mobile-wrapper .character-bg-upload-label{opacity:1!important;transform:none!important;pointer-events:auto!important;font-size:12px;padding:8px 12px}.profile-panel-mobile-wrapper .form-label{font-size:11px;margin-bottom:3px}.profile-panel-mobile-wrapper .form-input,.profile-panel-mobile-wrapper .form-value{font-size:13px;padding:6px 10px;min-height:32px}.profile-panel-mobile-wrapper .card .panel-title{font-size:14px!important}.profile-panel-mobile-wrapper .user-profile-character-panel{min-height:unset;border-radius:16px}.profile-panel-mobile-wrapper .user-profile-character-panel__content{padding:16px}.profile-panel-mobile-wrapper .user-profile-character-panel:after{border-width:1px;border-radius:16px}.profile-panel-mobile-wrapper .user-profile-character-placeholder,.profile-panel-mobile-wrapper .user-profile-character-empty{min-height:unset;padding:16px}.profile-panel-mobile-wrapper .user-profile-character-panel .composite-character-image{transform:scale(1)}.profile-panel-mobile-wrapper .user-profile-character-panel .user-info{gap:4px;padding:6px 2px;top:0!important}.profile-panel-mobile-wrapper .user-profile-character-panel .username{font-size:12px;padding:4px 10px}.profile-panel-mobile-wrapper .user-profile-character-panel .user-date,.profile-panel-mobile-wrapper .user-profile-character-panel .user-last-online{font-size:9px;padding:4px 8px}.profile-panel-mobile-wrapper .profile-header-card .panel-title{font-size:14px!important}.profile-panel-mobile-wrapper .profile-header-card .panel-title>div>span:first-child{font-size:14px!important}.profile-panel-mobile-wrapper .rooms-container{padding:0!important}.profile-panel-mobile-wrapper .card-content{padding:6px!important}.profile-panel-mobile-wrapper .rooms-view-tabs{gap:4px;margin-bottom:12px;padding-bottom:8px}.profile-panel-mobile-wrapper .rooms-view-tab{padding:6px 12px;font-size:13px;flex:1;justify-content:center}.profile-panel-mobile-wrapper .rooms-view-tab .material-icons{font-size:18px}.profile-panel-mobile-wrapper .rooms-header{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px!important}.profile-panel-mobile-wrapper .rooms-header>span{font-size:14px!important}.profile-panel-mobile-wrapper .rooms-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-panel-mobile-wrapper .rooms-header .rooms-view-tab{padding:10px;min-width:44px;height:40px}.profile-panel-mobile-wrapper .rooms-header .rooms-view-tab .material-icons{font-size:24px}.profile-panel-mobile-wrapper .rooms-header .btn{width:auto;min-width:unset;padding:10px 16px;font-size:14px;flex-shrink:0}.profile-panel-mobile-wrapper .rooms-create-btn{width:44px;height:40px}.profile-panel-mobile-wrapper .rooms-create-btn .material-icons{font-size:24px}.profile-panel-mobile-wrapper .rooms-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px}.profile-panel-mobile-wrapper .room-card{padding:8px}.profile-panel-mobile-wrapper .room-image{height:80px;margin-bottom:6px}.profile-panel-mobile-wrapper .room-name{font-size:12px;margin-bottom:4px}.profile-panel-mobile-wrapper .room-description{font-size:10px;margin-bottom:6px}.profile-panel-mobile-wrapper .room-meta{font-size:10px;gap:4px}.profile-panel-mobile-wrapper .room-author{font-size:10px}.profile-panel-mobile-wrapper .room-actions{gap:6px;margin-top:6px}.profile-panel-mobile-wrapper .room-action-btn{height:44px}.profile-panel-mobile-wrapper .room-action-btn .material-icons{font-size:24px}.profile-panel-mobile-wrapper .rooms-carousel{margin:0 -6px;padding-left:6px;padding-right:6px}.profile-panel-mobile-wrapper .rooms-carousel .room-card{width:240px;min-height:auto}.profile-panel-mobile-wrapper .rooms-carousel .room-image{height:120px}.profile-panel-mobile-wrapper .rooms-carousel .room-name{font-size:14px;margin-bottom:4px}.profile-panel-mobile-wrapper .rooms-carousel .room-description{font-size:12px;margin-bottom:6px}.profile-panel-mobile-wrapper .rooms-carousel .room-meta{font-size:11px}.profile-panel-mobile-wrapper .rooms-carousel-track{gap:10px}.profile-panel-mobile-wrapper .rooms-search-container{padding:0 8px}.profile-panel-mobile-wrapper .rooms-search-input{font-size:14px}.profile-panel-mobile-wrapper .rooms-search-input-wrapper{padding:8px 10px}.profile-panel-mobile-wrapper .rooms-map-body{flex-direction:column!important;height:calc(65vh - 180px)!important;min-height:300px!important;max-height:none!important;border-radius:0}.profile-panel-mobile-wrapper .rooms-map-container{flex:1;min-height:200px}.profile-panel-mobile-wrapper .rooms-map-leaflet{height:100%!important;width:100%!important}.profile-panel-mobile-wrapper .rooms-map-sidebar{width:100%!important;border-left:none!important;border-top:1px solid var(--border);max-height:40%;flex-shrink:0}.profile-panel-mobile-wrapper .rooms-map-sidebar-item{padding:8px 10px;gap:10px}.profile-panel-mobile-wrapper .rooms-map-sidebar-thumb{width:40px;height:40px}.profile-panel-mobile-wrapper .rooms-map-sidebar-name{font-size:13px}.profile-panel-mobile-wrapper .rooms-map-sidebar-address,.profile-panel-mobile-wrapper .rooms-map-sidebar-meta{font-size:11px}.profile-panel-mobile-wrapper .card-content:has(.rooms-map-wrapper)>.rooms-search-container{top:8px;left:8px;right:8px}.profile-panel-mobile-wrapper .rooms-map-overlay-controls{bottom:14px;left:10px}.profile-panel-mobile-wrapper .rooms-map-locate-btn{width:38px;height:38px;border-radius:10px}.profile-panel-mobile-wrapper .rooms-map-locate-btn .material-icons{font-size:20px}.profile-panel-mobile-wrapper .rooms-map-radius-overlay input[type=range]{width:80px}.profile-panel-mobile-wrapper .room-list-item{padding:8px 10px;gap:8px}.profile-panel-mobile-wrapper .room-list-name{font-size:13px}.profile-panel-mobile-wrapper .room-list-meta{font-size:11px}.profile-panel .card{contain:none!important}.profile-panel-mobile-wrapper .rooms-view-dropdown-item{padding:10px 12px;font-size:14px}.profile-panel-mobile-wrapper .rooms-create-form-container{padding:0}.profile-panel-mobile-wrapper .rooms-create-fields-grid{flex-direction:column;gap:0}.profile-panel-mobile-wrapper .dropdown-panel{min-width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;right:auto!important}.profile-panel-mobile-wrapper .form-actions{flex-direction:column-reverse;gap:10px}.profile-panel-mobile-wrapper .form-actions .btn{width:100%}.profile-panel-mobile-wrapper .rooms-loading,.profile-panel-mobile-wrapper .rooms-empty{font-size:13px;padding:20px 10px}.profile-panel-mobile-wrapper .card .panel-title{font-size:14px!important;padding:10px 12px}.profile-panel-mobile-wrapper .user-profile-page{flex-direction:column;gap:16px}.profile-panel-mobile-wrapper .user-profile-sidebar{width:100%;order:2}.profile-panel-mobile-wrapper .user-profile-main{order:1}.profile-panel-mobile-wrapper .profile-friends-desktop{display:none!important}.profile-panel-mobile-wrapper .profile-friends-mobile-card{display:block;width:100%;order:2}.profile-panel-mobile-wrapper .user-friends-grid{grid-template-columns:1fr;gap:6px}.profile-panel-mobile-wrapper .user-friends-header{flex-direction:column;align-items:stretch;gap:10px}.profile-panel-mobile-wrapper .user-friends-tabs{align-self:center}.profile-panel-mobile-wrapper .user-friends-header .btn{width:100%;min-width:unset;padding:10px 16px;font-size:13px;border-radius:22px}.profile-panel-mobile-wrapper .profile-friends-panel{gap:12px}.profile-panel-mobile-wrapper .user-friend-card{padding:10px;border-radius:14px}.profile-panel-mobile-wrapper .user-friend-avatar{width:44px;height:44px}.profile-panel-mobile-wrapper .profile-wide-fields{gap:12px}.profile-panel-mobile-wrapper .profile-message-btn-wrapper{margin-top:4px;padding-top:4px}.profile-panel-mobile-wrapper .career-page{padding-bottom:20px}.profile-panel-mobile-wrapper .career-grid{grid-template-columns:1fr!important;gap:12px}.profile-panel-mobile-wrapper .career-side-col{position:static!important}.profile-panel-mobile-wrapper .career-main-col,.profile-panel-mobile-wrapper .career-side-col{gap:12px}.profile-panel-mobile-wrapper .career-hero,.profile-panel-mobile-wrapper .career-details,.profile-panel-mobile-wrapper .career-section-card{padding:14px;border-radius:16px}.profile-panel-mobile-wrapper .salary-value{font-size:26px}.profile-panel-mobile-wrapper .salary-currency{font-size:22px}.profile-panel-mobile-wrapper .stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.profile-panel-mobile-wrapper .stat-value{font-size:18px}.profile-panel-mobile-wrapper .stat-icon{font-size:20px;margin-bottom:4px}.profile-panel-mobile-wrapper .ranking-item{padding:8px 12px;gap:10px}.profile-panel-mobile-wrapper .ranking-avatar{width:32px;height:32px}.profile-panel-mobile-wrapper .ranking-name{font-size:13px}.profile-panel-mobile-wrapper .bonuses-grid{grid-template-columns:1fr 1fr}.profile-panel-mobile-wrapper .bonus-item{padding:10px;gap:8px}.profile-panel-mobile-wrapper .bonus-icon{font-size:20px}.profile-panel-mobile-wrapper .bonus-value{font-size:14px}.profile-panel-mobile-wrapper .info-item{font-size:12px}.profile-panel-mobile-wrapper .info-bullet{width:20px;height:20px;font-size:10px}.profile-panel-mobile-wrapper .lvl-node{width:52px;height:52px}.profile-panel-mobile-wrapper .lvl-node.compact{width:32px;height:32px}.profile-panel-mobile-wrapper .lvl-node.compact .lvl-node-num{font-size:11px}.profile-panel-mobile-wrapper .lvl-node.locked{width:28px;height:28px}.profile-panel-mobile-wrapper .lvl-node-emoji{font-size:20px}.profile-panel-mobile-wrapper .lvl-node-num{font-size:10px}.profile-panel-mobile-wrapper .lvl-track-seg{width:10px}.profile-panel-mobile-wrapper .lvl-detail{padding:14px 16px;gap:12px}.profile-panel-mobile-wrapper .lvl-detail-icon{width:52px;height:52px;font-size:26px}.profile-panel-mobile-wrapper .lvl-detail-title{font-size:16px}.profile-panel-mobile-wrapper .fr-card{padding:10px;border-radius:14px}.profile-panel-mobile-wrapper .fr-list{grid-template-columns:repeat(2,1fr);gap:8px}.profile-panel-mobile-wrapper .fr-row{flex-direction:column;align-items:center;text-align:center;padding:14px 10px 12px;gap:8px;border-radius:14px}.profile-panel-mobile-wrapper .fr-row-left{flex-direction:column;align-items:center;gap:8px}.profile-panel-mobile-wrapper .fr-avatar{width:52px;height:52px}.profile-panel-mobile-wrapper .fr-info{align-items:center}.profile-panel-mobile-wrapper .fr-name{font-size:13px}.profile-panel-mobile-wrapper .fr-sub{font-size:11px}.profile-panel-mobile-wrapper .fr-actions{width:100%;justify-content:center;gap:8px;margin-top:2px}.profile-panel-mobile-wrapper .fr-btn{width:38px;height:38px;padding:0;border-radius:50%;flex:none;justify-content:center;align-items:center}.profile-panel-mobile-wrapper .fr-btn .material-icons{font-size:20px}.profile-panel-mobile-wrapper .fr-btn-label{display:none}.profile-panel-mobile-wrapper .fr-section-hdr{font-size:11px;padding:2px 4px 6px}.profile-panel-mobile-wrapper .fr-empty{padding:30px 16px}.profile-panel-mobile-wrapper .users-page{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex;flex-direction:column;overflow:hidden;padding:0!important;box-sizing:border-box;height:100%;z-index:auto!important}.profile-panel:has(.users-page){height:calc(55vh - 60px)!important}.profile-panel-body:has(.users-page){overflow:hidden!important;display:flex;flex-direction:column}.profile-panel-mobile-wrapper:has(.users-page){flex:1;min-height:0;display:flex;flex-direction:column;padding:0!important;height:100%}.profile-panel-mobile-wrapper .users-toolbar--desktop{display:none!important}.profile-panel-mobile-wrapper .users-toolbar--mobile{display:flex!important;flex-direction:column;gap:10px;padding:10px 12px 8px;flex:0 0 auto}.profile-panel-mobile-wrapper .users-carousel-wrapper{flex:1 1 0;min-height:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}.profile-panel-mobile-wrapper .users-carousel-container{flex:1 1 0;min-height:0}.profile-panel-mobile-wrapper .users-search-input{padding:10px 42px;font-size:14px;border-radius:14px}.profile-panel-mobile-wrapper .users-search-icon{font-size:20px;left:12px}.profile-panel-mobile-wrapper .users-filters-row{gap:6px;align-items:stretch}.profile-panel-mobile-wrapper .users-chips{gap:5px}.profile-panel-mobile-wrapper .users-chip{padding:6px 10px;font-size:12px;gap:3px;border-radius:16px}.profile-panel-mobile-wrapper .users-chip .material-icons{font-size:14px}.profile-panel-mobile-wrapper .users-chip .online-dot{font-size:9px}.profile-panel-mobile-wrapper .users-sort-select{font-size:12px;padding:6px 22px 6px 8px;border-radius:10px;min-width:max-content}.profile-panel-mobile-wrapper .users-carousel-native{gap:8px;padding:8px 10px}.profile-panel-mobile-wrapper .users-carousel-container{zoom:.7}.profile-panel-mobile-wrapper .users-carousel-wrapper{padding-top:50px}.profile-panel-mobile-wrapper .users-count{font-size:12px;padding:4px 8px}.profile-panel-mobile-wrapper .notif-panel-embedded{display:flex;flex-direction:column;height:100%}.profile-panel-mobile-wrapper .notif-panel-embedded .notif-header,.profile-panel-mobile-wrapper .notif-panel-embedded .notif-tabs{flex-shrink:0}.profile-panel-mobile-wrapper .notif-panel-embedded .notif-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-panel-body:has(.notif-panel-embedded){overflow:hidden!important}.profile-panel-mobile-wrapper:has(.notif-panel-embedded){padding:0!important;height:100%;display:flex;flex-direction:column}.profile-panel-mobile-wrapper .stg{flex-direction:column;gap:0;min-height:0}.profile-panel-mobile-wrapper .stg.stg--embedded{flex-direction:column}.profile-panel-mobile-wrapper .stg.stg--embedded .stg-sidebar{width:100%;padding:0}.profile-panel-mobile-wrapper .stg.stg--embedded .stg-content{padding:0;gap:12px;width:100%;box-sizing:border-box}.profile-panel-mobile-wrapper:has(.stg){padding:0!important}.profile-panel-mobile-wrapper .stg.stg--embedded .settings-section{padding:0 12px;box-sizing:border-box}.profile-panel-mobile-wrapper .stg.stg--embedded .stg-card,.profile-panel-mobile-wrapper .stg.stg--embedded .stg-profile-card{width:100%;box-sizing:border-box}.profile-panel-mobile-wrapper .stg.stg--embedded.stg--subpage .stg-sidebar{display:none}.profile-panel-mobile-wrapper .stg.stg--embedded .settings-section-header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.profile-panel-mobile-wrapper .stg.stg--embedded .settings-back-link{background:none;border:none;font-family:inherit}.stg-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;padding:8px 4px;margin-bottom:4px;font-family:inherit}.stg-back-btn .material-icons{font-size:20px}.profile-panel-mobile-wrapper .stg-sidebar{width:100%;padding:0}.profile-panel-mobile-wrapper .stg-nav{gap:12px}.profile-panel-mobile-wrapper .settings-section-header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.profile-panel-mobile-wrapper .stg-nav-chevron{display:block}.profile-panel-mobile-wrapper .stg-nav-item{padding:13px 16px}.profile-panel-mobile-wrapper .stg-nav-item.active{background:none}.profile-panel-mobile-wrapper .stg-nav-item.active .stg-nav-icon,.profile-panel-mobile-wrapper .stg-nav-item.active .stg-nav-label{color:inherit;font-weight:inherit}.profile-panel-mobile-wrapper .settings-index-desktop-hint{display:none}.profile-panel-mobile-wrapper .settings-index-mobile,.profile-panel-mobile-wrapper .settings-index-mobile-header{display:block}.profile-panel-mobile-wrapper .settings-row-action-btn{width:100%}.profile-panel-mobile-wrapper .theme-color-bar{gap:6px;padding:3px}.profile-panel-mobile-wrapper .theme-color-dot{width:28px;height:28px}.profile-panel-mobile-wrapper .settings-kv-row{flex-wrap:wrap}.profile-panel-mobile-wrapper .invites-container{grid-template-columns:1fr}.profile-panel-mobile-wrapper .character-new-page{padding:0!important}.profile-panel-mobile-wrapper .character-new-container{max-width:100%;padding:0}.profile-panel-mobile-wrapper .character-new-card{padding:0;gap:0}.profile-panel-mobile-wrapper .character-new-content{gap:0;align-items:stretch;display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;height:calc(65vh - 100px)!important;overflow:hidden}.profile-panel-mobile-wrapper .character-new-preview-column{position:sticky;top:0;z-index:5;flex-shrink:0;gap:6px;padding:0 8px 6px}.profile-panel-mobile-wrapper .character-new-preview{border-radius:16px;min-height:340px!important;max-height:360px!important}.profile-panel-mobile-wrapper .character-new-preview>div:first-of-type{min-height:340px!important;zoom:.75}.profile-panel-mobile-wrapper .character-new-editor{max-height:none!important;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.profile-panel-mobile-wrapper .character-new-editor-panels{grid-template-columns:120px 1fr!important;gap:12px;flex:1;min-height:0}.profile-panel-mobile-wrapper .character-new-form-card{flex-wrap:nowrap;gap:10px}.profile-panel-mobile-wrapper .character-new-form-group{flex:1;min-width:0}.profile-panel-mobile-wrapper .balance-sidebar,.profile-panel-mobile-wrapper .cart-sidebar{width:95px;height:75px;padding:8px 6px 38px;gap:0}.profile-panel-mobile-wrapper .cart-total-display{font-size:15px}.profile-panel-mobile-wrapper .cart-sidebar .cart-purchase-button-inline{left:6px;right:6px;bottom:6px}.profile-panel-mobile-wrapper .cart-purchase-button-inline{padding:6px 8px!important;font-size:14px!important;min-height:32px}.profile-panel-mobile-wrapper .card-categories .panel-title{min-height:44px;max-height:44px;font-size:15px!important}.profile-panel-mobile-wrapper .categories{padding:12px;gap:10px}.profile-panel-mobile-wrapper .cat-btn{padding:12px 14px;font-size:14px;min-height:44px;line-height:1.2;font-weight:600}.profile-panel-mobile-wrapper .categories-dropdowns{padding:8px;gap:6px}.profile-panel-mobile-wrapper .category-dropdown-btn{padding:12px 10px;font-size:12px;gap:4px}.profile-panel-mobile-wrapper .category-dropdown-top{gap:5px}.profile-panel-mobile-wrapper .category-dropdown-btn .material-icons,.profile-panel-mobile-wrapper .category-dropdown-btn .dropdown-arrow{font-size:16px}.profile-panel-mobile-wrapper .category-count{padding:2px 5px;font-size:10px}.profile-panel-mobile-wrapper .category-dropdown-list{margin-left:8px;padding-left:8px;gap:2px}.profile-panel-mobile-wrapper .category-dropdown-list .cat-btn{padding:12px 10px;font-size:12px;min-height:44px}.profile-panel-mobile-wrapper .grid-scroll-wrapper .grid,.profile-panel-mobile-wrapper .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;padding:8px}.profile-panel-mobile-wrapper .grid-panel-title{padding:8px 10px;min-height:44px;max-height:44px}.profile-panel-mobile-wrapper .grid-panel-title:has(.color-bar-inline){padding:2px 6px 2px 10px!important;min-height:44px!important;max-height:44px!important}.profile-panel-mobile-wrapper .grid-placeholder{font-size:11px}.profile-panel-mobile-wrapper .color-bar-inline{gap:6px;padding:3px}.profile-panel-mobile-wrapper .color-bar-inline .color-dot{width:28px;height:28px;border-width:2px}.profile-panel-mobile-wrapper .grid-item.action-item{min-height:100px;padding:12px 6px}.profile-panel-mobile-wrapper .grid-item.action-item .action-icon{font-size:36px!important}.profile-panel-mobile-wrapper .grid-item-lock{bottom:4px;right:4px;padding:3px 6px;font-size:10px}.profile-panel-mobile-wrapper .grid-item-lock .material-icons{font-size:14px}.profile-panel-mobile-wrapper .skintone-grid{grid-template-columns:repeat(5,1fr);gap:5px;max-width:240px}.profile-panel-mobile-wrapper .skintone-item{width:40px;height:40px;border-width:2px}.profile-panel-mobile-wrapper .skintone-item .material-icons{font-size:18px}.profile-panel-mobile-wrapper .character-new-form-actions{gap:8px}.profile-panel-mobile-wrapper .character-new-btn{padding:10px 12px;min-width:40px;height:40px}.profile-panel-mobile-wrapper .character-new-btn .material-icons{font-size:14px}.profile-panel-mobile-wrapper .character-new-message{top:10px;padding:12px 14px;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;min-width:0;contain:layout paint;touch-action:auto}.users-page .card,.users-page .card-content{overflow:visible}body.loaded .card{transition:background-color .3s ease,border-color .3s ease}.panel-title{padding:4px 16px;font-weight:800;letter-spacing:.02em;border-bottom:1px solid var(--border);background:var(--panel-title-tinted, var(--panel-2));font-size:14px;color:var(--panel-title-text, white);min-height:48px;max-height:48px;box-sizing:border-box;display:flex;align-items:center}@media (max-width: 768px){.panel-title,.card .panel-title,.clothing-grid-card .panel-title,.card-categories .panel-title{font-size:14px!important;padding:4px 16px!important}}@media (max-width: 480px){.panel-title,.card .panel-title,.clothing-grid-card .panel-title,.card-categories .panel-title{font-size:13px!important;padding:4px 14px!important}}.card-content{padding:16px;display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.card-content{padding:12px;gap:12px}}.new-chat-window-card{display:flex!important;flex-direction:column!important;max-height:calc(100vh - 120px)!important;height:calc(100vh - 120px)!important}.new-chat-window-card .card-content{padding:0!important;flex:1!important;min-height:0!important;overflow:hidden!important;gap:0!important;display:flex!important;flex-direction:column!important}.new-chat-list-card{display:flex!important;flex-direction:column!important}.new-chat-list-card .card-content{padding:16px!important;flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:0!important}.card.collapsible .panel-title.collapsible-title{-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.card.collapsible .panel-title.collapsible-title:hover{background:var(--panel-title-hover, var(--panel-2))}.card.collapsible .panel-title.collapsible-title .collapse-icon{display:inline-flex;align-items:center;justify-content:center}.card.collapsible .card-content{max-height:5000px;transition:max-height .3s ease,opacity .3s ease,padding-top .3s ease,padding-bottom .3s ease;overflow:hidden}.card.collapsible .card-content.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .14s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:13px;font-family:inherit}.btn-primary{background:var(--accent);color:var(--chip-active-text, white)}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-secondary{background:var(--chip);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--chip-active);border-color:transparent;color:var(--chip-active-text, white)}.btn-danger{background:var(--btn-danger-bg, rgba(239, 68, 68, .2));color:var(--btn-danger-text, #fca5a5);border:1px solid var(--btn-danger-border, rgba(239, 68, 68, .3));transition:background-color .3s ease,color .3s ease,border-color .3s ease}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover-bg, rgba(239, 68, 68, .3))}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.btn{padding:10px 16px;font-size:13px}}.avatar-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.avatar-crop-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.avatar-crop-modal__content{position:relative;width:min(540px,100%);max-height:100%;background:var(--card-bg, #111);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;z-index:1;box-shadow:0 15px 40px #00000073}.avatar-crop-modal__title{font-size:1.25rem;font-weight:600}.avatar-crop-modal__hint{font-size:.9rem;color:var(--muted, #999)}.avatar-crop-modal__crop-area{position:relative;border-radius:20px;overflow:hidden;background:#000;align-self:center;display:flex;align-items:center;justify-content:center}.avatar-crop-modal__crop-area .reactEasyCrop_CropArea{border:2px solid rgba(255,255,255,.4)}.avatar-crop-modal__slider{display:flex;align-items:center;gap:12px;font-size:.9rem}.avatar-crop-modal__slider input[type=range]{flex:1;accent-color:var(--primary, #7c3aed)}.avatar-crop-modal__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.avatar-crop-modal__actions button{min-width:120px}@media (max-width: 600px){.avatar-crop-modal{padding:12px}.avatar-crop-modal__content{padding:16px;border-radius:16px}}.reactEasyCrop_Container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:0;bottom:0;left:33.33%;right:33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:33.33%;bottom:33.33%;left:0;right:0;border-left:0;border-right:0}.chubrik-bg-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.chubrik-bg-crop-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chubrik-bg-crop-modal__content{position:relative;width:min(620px,100%);max-height:100%;background:var(--card-bg, #111);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;z-index:1;box-shadow:0 15px 40px #00000073}.chubrik-bg-crop-modal__title{font-size:1.25rem;font-weight:600}.chubrik-bg-crop-modal__hint{font-size:.9rem;color:var(--muted, #999)}.chubrik-bg-crop-modal__panel{position:relative;border-radius:12px;border:none!important;overflow:hidden;background:#000;align-self:center;display:flex;align-items:center;justify-content:center;box-sizing:content-box}.chubrik-bg-crop-modal__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.2);border-radius:inherit;pointer-events:none;z-index:10}@media (max-width: 768px){.chubrik-bg-crop-modal__panel:after{border-width:1px}}.chubrik-bg-crop-modal__panel .reactEasyCrop_CropArea{border:none;box-shadow:0 0 0 9999px #00000080}.chubrik-bg-crop-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.chubrik-bg-crop-modal__overlay-content{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box}.chubrik-bg-crop-modal__slider{display:flex;align-items:center;gap:12px;font-size:.9rem}.chubrik-bg-crop-modal__slider input[type=range]{flex:1;accent-color:var(--primary, #7c3aed)}.chubrik-bg-crop-modal__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.chubrik-bg-crop-modal__actions button{min-width:120px}@media (max-width: 600px){.chubrik-bg-crop-modal{padding:12px}.chubrik-bg-crop-modal__content{padding:16px;border-radius:16px}}.composite-character-view{display:flex;align-items:flex-start;justify-content:center}.composite-character-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.composite-character-error{background:var(--surface, #1a1a1a);border-radius:8px}.character-canvas-container{width:100%;height:100%;position:relative}.character-canvas{opacity:0;transition:opacity .3s ease-in-out;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.character-canvas.visible{opacity:1}.profile-gallery{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:var(--panel-2);border-radius:12px;overflow:hidden}.profile-gallery-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);padding:40px 20px}.profile-gallery-empty .material-icons{font-size:64px;opacity:.5}.profile-gallery-empty-text{font-size:14px;text-align:center}.profile-gallery-viewport{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab}.profile-gallery-viewport:active{cursor:grabbing}.profile-gallery-track{display:flex;height:100%;will-change:transform;transform:translate(0)}.profile-gallery-slide{flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;overflow:hidden}.profile-gallery-slide img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-gallery-dots{position:absolute;bottom:68px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;pointer-events:auto}.profile-gallery-dot{width:7px;height:7px;border-radius:50%;background:#ffffff73;cursor:pointer;transition:background .2s,transform .2s}.profile-gallery-dot.active{background:#fff;transform:scale(1.3)}.profile-gallery-dot:hover:not(.active){background:#ffffffb3}.profile-gallery-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;z-index:10;background:rgba(var(--accent-rgb, 59, 130, 246),.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:999px;box-shadow:0 4px 12px #0000004d;pointer-events:auto}.profile-gallery-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.profile-gallery-nav:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.profile-gallery-nav:disabled{opacity:.3;cursor:not-allowed}.profile-gallery-nav .material-icons{font-size:20px}.profile-gallery-counter{color:#fff;font-size:13px;font-weight:500;min-width:40px;text-align:center}.profile-gallery-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.profile-gallery-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.profile-gallery-action-btn:hover:not(:disabled){background:#000c;transform:scale(1.1)}.profile-gallery-action-btn:disabled{opacity:.5;cursor:not-allowed}.profile-gallery-action-btn .material-icons{font-size:20px}.profile-gallery-action-btn.primary{background:#3b82f6e6}.profile-gallery-action-btn.primary:hover:not(:disabled){background:#3b82f6}.profile-gallery-action-btn.danger{background:#ef4444e6}.profile-gallery-action-btn.danger:hover:not(:disabled){background:#ef4444}.profile-gallery-comment-fab{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;background:var(--accent);color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 4px 12px #0003}.profile-gallery-comment-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.profile-gallery-comment-fab .material-icons{font-size:28px}.profile-gallery-comment-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.profile-gallery-upload-btn--empty{position:static!important}.profile-gallery-upload-btn{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;background:var(--accent);color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 4px 12px #0003}.profile-gallery-upload-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.profile-gallery-upload-btn:disabled{opacity:.5;cursor:not-allowed}.profile-gallery-upload-btn .material-icons{font-size:28px}.profile-gallery-primary-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#22c55ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;color:#fff;font-size:12px;font-weight:600;z-index:10}.profile-gallery-primary-badge .material-icons{font-size:16px}.profile-gallery-error{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#ef4444e6;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;z-index:20}.photo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.photo-modal-container{display:flex;background:var(--panel);border-radius:16px;max-width:1100px;width:100%;height:85vh;overflow:hidden;position:relative;box-shadow:0 32px 100px #00000080;animation:modalSlideIn .25s cubic-bezier(.25,.46,.45,.94)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.photo-modal-photo{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden;min-width:0}.photo-modal-photo img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.photo-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-modal-nav:hover:not(:disabled){background:#ffffff40;transform:translateY(-50%) scale(1.08)}.photo-modal-nav:disabled{opacity:.25;cursor:default}.photo-modal-nav .material-icons{font-size:24px}.photo-modal-nav--prev{left:12px}.photo-modal-nav--next{right:12px}.photo-modal-counter{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:999px;z-index:5}.photo-modal-sidebar{width:360px;min-width:360px;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);overflow:hidden}.photo-modal-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.photo-modal-header-left{display:flex;align-items:center;gap:8px;color:var(--text)}.photo-modal-header-left .material-icons{font-size:20px;color:var(--muted)}.photo-modal-header-title{font-size:15px;font-weight:600}.photo-modal-header-count{font-size:12px;font-weight:500;color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.12);padding:2px 8px;border-radius:999px}.photo-modal-close-btn{width:32px;height:32px;border:none;background:var(--panel-2);color:var(--muted);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.photo-modal-close-btn:hover{background:var(--chip-active);color:var(--text)}.photo-modal-close-btn .material-icons{font-size:18px}.photo-modal-sidebar>.photo-comments-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.photo-comments-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;min-height:0}.photo-comments-list::-webkit-scrollbar{width:4px}.photo-comments-list::-webkit-scrollbar-track{background:transparent}.photo-comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.photo-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--muted);font-size:13px}.photo-comments-load-more{display:block;width:100%;padding:8px;border:none;background:none;color:var(--accent);font-size:13px;cursor:pointer;text-align:center;margin-bottom:8px}.photo-comments-load-more:hover{text-decoration:underline}.photo-comment-item{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2, rgba(128, 128, 128, .06));margin-bottom:6px;transition:background .15s}.photo-comment-item:last-child{margin-bottom:0}.photo-comment-item:hover{background:var(--hover, rgba(128, 128, 128, .1))}.photo-comment-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--panel-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--muted)}.photo-comment-avatar img{width:100%;height:100%;object-fit:cover}.photo-comment-body{flex:1;min-width:0}.photo-comment-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.photo-comment-author{font-size:13px;font-weight:600;color:var(--text)}.photo-comment-time{font-size:11px;color:var(--muted)}.photo-comment-text{font-size:13px;color:var(--text);line-height:1.45;word-break:break-word}.photo-comment-img{max-width:160px;max-height:120px;border-radius:8px;margin-top:6px;display:block}.photo-comment-form{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--panel-2)}.photo-comment-input{flex:1;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;font-size:13px;font-family:inherit;color:var(--text);resize:none;box-sizing:border-box;line-height:1.4;max-height:80px;overflow-y:auto}.photo-comment-input::placeholder{color:var(--muted)}.photo-comment-input:focus{border-color:var(--accent);outline:none}.photo-comment-send{flex-shrink:0;width:34px;height:34px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s}.photo-comment-send:disabled{opacity:.35;cursor:not-allowed}.photo-comment-send:not(:disabled):hover{transform:scale(1.08)}.photo-comment-send .material-icons{font-size:18px}.spinner-small{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.photo-modal-overlay{padding:0;align-items:flex-end}.photo-modal-container{flex-direction:column;height:95vh;max-height:95vh;border-radius:16px 16px 0 0}.photo-modal-photo{flex:0 0 auto;height:40vh}.photo-modal-nav{width:36px;height:36px}.photo-modal-nav--prev{left:8px}.photo-modal-nav--next{right:8px}.photo-modal-sidebar{width:100%;min-width:100%;flex:1 1 auto;border-left:none;border-top:1px solid var(--border);min-height:0}.photo-modal-sidebar-header,.photo-comments-list,.photo-comment-form{padding:10px 14px}}@media (max-width: 768px){.profile-gallery-controls{bottom:12px;padding:6px 12px;gap:8px}.profile-gallery-nav{width:28px;height:28px}.profile-gallery-nav .material-icons{font-size:18px}.profile-gallery-counter{font-size:12px;min-width:35px}.profile-gallery-actions{top:12px;right:12px;gap:6px}.profile-gallery-action-btn{width:36px;height:36px}.profile-gallery-action-btn .material-icons{font-size:18px}.profile-gallery-upload-btn,.profile-gallery-comment-fab{bottom:12px;width:48px;height:48px}.profile-gallery-dots{bottom:58px;gap:5px}.profile-gallery-dot{width:6px;height:6px}.profile-gallery-upload-btn{right:12px}.profile-gallery-comment-fab{left:12px}.profile-gallery-upload-btn .material-icons,.profile-gallery-comment-fab .material-icons{font-size:24px}.profile-gallery-primary-badge{top:12px;left:12px;padding:5px 10px;font-size:11px}.profile-gallery-primary-badge .material-icons{font-size:14px}.photo-modal-overlay{padding:10px}}.profile-header.page-loading{opacity:0;visibility:hidden}.profile-header.page-ready{opacity:1;visibility:visible;animation:profileFadeIn .3s ease-out forwards}.profile-level-badge-wrapper{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.profile-balance-section{margin-top:12px;width:100%}.profile-header .avatar-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;border:none!important;flex-shrink:0;background:var(--panel-2);box-sizing:border-box;overflow:hidden;display:block;opacity:1;visibility:visible;transition:opacity .15s ease-out,visibility .15s ease-out;contain:layout style paint;backface-visibility:hidden;transform:translateZ(0)}.profile-header .avatar-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border);border-radius:inherit;pointer-events:none;z-index:5}.avatar-container--editable{cursor:pointer}.avatar-container--editable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-container--editable[aria-disabled=true]{cursor:not-allowed}.avatar-container--editable[aria-disabled=true] .avatar-image{opacity:.7}.avatar-container--editable:not([aria-disabled=true]):hover .avatar-image{transform:scale(1.01)}.profile-wall-card{margin-top:0}.form-input{width:100%;padding:10px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:13px;font-family:inherit;box-sizing:border-box}.form-input:disabled{opacity:.6;cursor:not-allowed}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block;transition:transform .12s ease}.avatar-upload-label,.character-bg-upload-label{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;background:#0f1115cc;color:#fff;font-size:13px;font-weight:600;text-align:center;letter-spacing:.01em;cursor:pointer;border-radius:0;text-transform:none;transform:translateY(100%);opacity:0;transition:opacity .14s ease,transform .14s ease;pointer-events:none;z-index:10}.avatar-container--editable:not([aria-disabled=true]):hover .avatar-upload-label,.avatar-container--editable:not([aria-disabled=true]):focus-visible .avatar-upload-label,.user-profile-character-panel--editable:not([aria-disabled=true]):hover .character-bg-upload-label,.user-profile-character-panel--editable:not([aria-disabled=true]):focus-visible .character-bg-upload-label{opacity:1;transform:translateY(0);pointer-events:auto}.avatar-container--editable[aria-disabled=true] .avatar-upload-label,.user-profile-character-panel--editable[aria-disabled=true] .character-bg-upload-label{background:#0f111599;cursor:not-allowed}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);z-index:1000;max-width:90%;padding:12px;border-radius:8px;display:none;font-size:13px}.character-section{width:100%;min-height:400px}@media (min-width: 769px){.profile-fields .btn{align-self:flex-end;width:auto;min-width:180px;padding:10px 24px}}@media (max-width: 768px){.profile-header{display:flex;flex-direction:column;gap:12px;margin:0;align-items:stretch}.avatar-character-container{width:100%;max-width:none;min-width:0;margin:0}.profile-fields-wrapper{display:flex;flex-direction:column;gap:12px;width:100%;order:2}.profile-info-row{display:flex;flex-direction:row;gap:10px}.profile-info-row .profile-info-card,.profile-info-row .profile-stub-card{flex:1 1 0;min-width:0;width:0}.profile-info-row .profile-stub-card{display:flex!important}.profile-info-card{display:flex;flex-direction:column;overflow:hidden}.profile-info-card .card-content{flex:1;min-height:0;overflow-y:auto}.profile-info-card textarea.form-input{resize:none!important}.profile-wall-card{width:100%;margin-top:0}.profile-fields{width:auto;gap:6px}.profile-fields .form-group{margin:0}.profile-fields input.form-input{position:relative;overflow:hidden;text-overflow:clip;white-space:nowrap}.profile-fields input.form-input::placeholder{animation:marquee-placeholder 10s ease-in-out infinite;display:inline-block;white-space:nowrap;position:relative}.profile-fields input.form-input.text-overflowing:not(:placeholder-shown){animation:marquee-text 10s ease-in-out infinite}@keyframes marquee-placeholder{0%{transform:translate(0)}30%{transform:translate(0)}70%{transform:translate(calc(-100% + 80px))}to{transform:translate(0)}}@keyframes marquee-text{0%{text-indent:0}30%{text-indent:0}70%{text-indent:calc(-100% + 80px)}to{text-indent:0}}.form-group{margin-bottom:0}.avatar-character-content{height:auto;aspect-ratio:3 / 4;min-height:unset;border-radius:16px}.profile-header .avatar-container{width:100%;height:100%;margin:0;border:none!important;border-radius:16px}.profile-header .avatar-container:after{border-width:1px;border-radius:16px}.profile-header .character-container{border-radius:16px;overflow:hidden}.profile-header .character-container .user-profile-character-panel{border-radius:0;border:none;padding:0;height:100%}.profile-header .character-container .user-profile-character-placeholder,.profile-header .character-container .user-profile-character-empty{border-radius:0;border:none;min-height:100%}.profile-balance-section{margin-top:8px}.avatar-character-switcher{padding:3px;gap:4px}.switcher-button{padding:6px 12px;font-size:12px}.avatar-placeholder{font-size:80px}.avatar-placeholder .material-icons{font-size:80px!important}.avatar-upload-label,.character-bg-upload-label{opacity:1!important;transform:none!important;pointer-events:auto!important;font-size:12px;padding:8px 12px}.profile-wide-fields{gap:12px}.form-label{font-size:11px;margin-bottom:3px}.form-input,.form-value{font-size:13px;padding:6px 10px;min-height:32px}.card .panel-title{font-size:14px!important}}.profile-header-card .panel-title{text-align:center;font-size:14px;display:flex;align-items:center;justify-content:center}.profile-header-card .panel-title>div{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.profile-header-card .panel-title>div>span:first-child{font-size:14px}.profile-character-wrapper{width:100%;height:400px;background:var(--character-panel-bg, radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%));border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-character-fallback,.profile-character-empty,.profile-wall-fallback{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.profile-wall-fallback{min-height:160px}.user-profile-character-panel--editable{cursor:pointer}.user-profile-character-panel--editable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-profile-character-panel--editable[aria-disabled=true]{cursor:not-allowed}@media (max-width: 768px){.user-profile-character-panel{min-height:unset;border-radius:16px}.avatar-character-container{width:100%;max-width:none;min-width:0}.user-profile-character-panel__content{padding:16px}.user-profile-character-panel:after{border-width:1px;border-radius:16px}.user-profile-character-placeholder,.user-profile-character-empty{min-height:unset;padding:16px}.user-profile-character-panel .composite-character-image{transform:scale(1)}}@media (max-width: 768px){.user-profile-character-panel .user-info{gap:4px;padding:6px 2px;top:0!important}.user-profile-character-panel .username{font-size:12px;padding:4px 10px}.user-profile-character-panel .user-date,.user-profile-character-panel .user-last-online{font-size:9px;padding:4px 8px}.avatar-character-content,.user-profile-character-panel,.user-profile-character-panel--editable{pointer-events:none!important}.avatar-character-switcher,.character-bg-upload-label,.avatar-upload-label,.avatar-container{pointer-events:auto!important}}@media (prefers-reduced-motion: reduce){.profile-fields input.form-input,.profile-fields input.form-input::placeholder{animation:none!important}.profile-header .avatar-container,.profile-header .character-container{transition:none!important}}@keyframes profile-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.profile-skeleton{display:flex;gap:20px;align-items:flex-start;width:100%}.profile-skeleton .skel-bone{background:linear-gradient(90deg,var(--panel-2) 0%,rgba(255,255,255,.05) 20%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 80%,var(--panel-2) 100%);background-size:200% 100%;animation:profile-shimmer 1.5s ease-in-out infinite;border-radius:14px}[data-theme=light] .profile-skeleton .skel-bone{background:linear-gradient(90deg,var(--panel-2) 0%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.03) 80%,var(--panel-2) 100%);background-size:200% 100%;animation:profile-shimmer 1.5s ease-in-out infinite}.profile-skeleton .skel-left{width:clamp(300px,32vw,360px);flex-shrink:0;display:flex;flex-direction:column;gap:12px}.profile-skeleton .skel-switcher{height:42px;border-radius:14px}.profile-skeleton .skel-character{height:380px;border-radius:20px}.profile-skeleton .skel-level{height:48px;border-radius:16px}.profile-skeleton .skel-message-btn{height:44px;border-radius:14px;margin-top:4px}.profile-skeleton .skel-right{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;width:100%}.profile-skeleton .skel-info-row{display:flex;gap:16px;align-items:stretch;width:100%}.profile-skeleton .skel-info-card,.profile-skeleton .skel-stub-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;flex:1 1 0;min-width:0;width:0;box-sizing:border-box}.profile-skeleton .skel-stub-card{align-items:center;justify-content:center;gap:10px}.profile-skeleton .skel-input{height:44px;border-radius:12px}.profile-skeleton .skel-label{height:16px;width:60px;border-radius:6px}.profile-skeleton .skel-textarea{height:100px;border-radius:12px}.profile-skeleton .skel-button{height:44px;width:180px;border-radius:14px}.profile-skeleton .skel-stub-icon{width:40px;height:40px;border-radius:12px}.profile-skeleton .skel-stub-line{width:70%;height:14px;border-radius:7px}.profile-skeleton .skel-stub-line.short{width:50%;height:12px;border-radius:6px}.profile-skeleton .skel-wall-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.profile-skeleton .skel-wall-header{height:20px;width:120px;border-radius:6px}.profile-skeleton .skel-wall-input{height:80px;border-radius:14px}.profile-skeleton .skel-wall-post{height:64px;border-radius:14px}.profile-skeleton .skel-friends-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.profile-skeleton .skel-friends-header{display:flex;align-items:center;justify-content:space-between}.profile-skeleton .skel-friends-title{height:18px;width:100px;border-radius:6px}.profile-skeleton .skel-friends-btn{height:36px;width:140px;border-radius:10px}.profile-skeleton .skel-friends-grid{display:flex;gap:10px}.profile-skeleton .skel-friend-avatar{width:48px;height:48px;border-radius:12px;flex-shrink:0}@media (max-width: 768px){.profile-skeleton{flex-direction:column;gap:12px}.profile-skeleton .skel-left,.profile-skeleton .skel-right{width:100%}.profile-skeleton .skel-character{height:300px}.profile-skeleton .skel-textarea{height:80px}.profile-skeleton .skel-button{width:100%}.profile-skeleton .skel-info-row{display:flex;flex-direction:row;gap:10px;width:100%}.profile-skeleton .skel-info-card,.profile-skeleton .skel-stub-card{flex:1 1 0!important;width:0!important;padding:12px}}.map-search{position:absolute;top:12px;left:50px;right:50px;z-index:1000;max-width:420px}@media (max-width: 768px){.map-search{left:10px;right:10px;max-width:none}}.map-search-input-wrapper{display:flex;align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #ddd);border-radius:10px;padding:0 10px;height:42px;box-shadow:0 2px 8px #00000026;transition:box-shadow .2s,border-color .2s}.map-search-input-wrapper:focus-within{border-color:var(--primary-color, #6c5ce7);box-shadow:0 2px 12px #6c5ce740}.map-search-icon{font-size:20px;color:var(--text-secondary, #888);margin-right:6px;flex-shrink:0}.map-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-color, #222);height:100%}.map-search-input::placeholder{color:var(--text-secondary, #999)}.map-search-spinner{font-size:18px;color:var(--primary-color, #6c5ce7);animation:map-search-spin 1s linear infinite;flex-shrink:0}@keyframes map-search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-search-clear{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:var(--text-secondary, #888);flex-shrink:0}.map-search-clear:hover{color:var(--text-color, #222)}.map-search-clear .material-icons{font-size:18px}.map-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg, #fff);border:1px solid var(--border-color, #ddd);border-radius:10px;box-shadow:0 4px 16px #0000002e;overflow:hidden;animation:map-search-fade-in .15s ease}@keyframes map-search-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.map-search-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;color:var(--text-color, #222)}.map-search-item+.map-search-item{border-top:1px solid var(--border-color, #eee)}.map-search-item:hover,.map-search-item.highlighted{background:var(--hover-bg, rgba(108,92,231,.08))}.map-search-item-icon{font-size:20px;color:var(--primary-color, #6c5ce7);flex-shrink:0}.map-search-item-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.map-search-item-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-search-item-detail{font-size:12px;color:var(--text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.location-picker{display:flex;flex-direction:column;gap:10px}.location-picker-map-container{position:relative;border-radius:10px;overflow:visible;border:1px solid var(--border)}.location-picker-map-container .map-search{top:8px;left:8px;right:8px;max-width:none}.location-picker-map-container .map-search-dropdown{max-height:200px;overflow-y:auto}.location-picker-map{height:220px;width:100%;z-index:0}.location-picker-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--panel);color:var(--muted);font-size:12px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);pointer-events:none;z-index:1;white-space:nowrap;box-shadow:0 2px 8px #00000026}.location-picker-controls{display:flex;gap:8px}.location-picker-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.location-picker-btn:hover:not(:disabled){border-color:var(--accent);background:var(--panel)}.location-picker-btn:disabled{opacity:.5;cursor:not-allowed}.location-picker-btn .material-icons{font-size:18px}.location-picker-detect .material-icons{color:var(--accent)}.location-picker-clear{color:#ef4444}.location-picker-clear:hover:not(:disabled){border-color:#ef4444;background:#ef444414}.location-picker-coords{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.location-picker-error{font-size:12px;color:#fca5a5}@media (max-width: 768px){.location-picker-map{height:180px}.location-picker-controls{flex-wrap:wrap}.location-picker-btn{flex:1;justify-content:center;min-width:0}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.rooms-map-wrapper{display:flex;flex-direction:column;gap:0;animation:roomsFadeIn .25s ease-out forwards}.card-content:has(.rooms-map-wrapper){position:relative;padding:0!important;gap:0!important}.rooms-container:has(.rooms-map-wrapper){padding:0!important}.card-content:has(.rooms-map-wrapper)>.rooms-search-container{position:absolute;top:12px;left:12px;right:332px;z-index:1000;padding:0;margin:0}.card-content:has(.rooms-map-wrapper) .rooms-search-input-wrapper{background:var(--panel);box-shadow:0 2px 12px #0003;border-radius:12px}.card-content:has(.rooms-map-wrapper) .rooms-search-dropdown{left:0;right:0;border-radius:12px;box-shadow:0 4px 20px #0000004d}.rooms-map-body{display:flex;gap:0;border-radius:0;overflow:hidden;border:none;height:calc(100vh - 160px);min-height:400px;max-height:850px}.rooms-map-container{position:relative;flex:1;min-width:0;height:100%}.rooms-map-leaflet{height:100%;width:100%;z-index:0}.rooms-map-sidebar{width:320px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.rooms-map-sidebar-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);background:var(--panel-2);flex-shrink:0}.rooms-map-sidebar-header .material-icons{font-size:20px;color:var(--muted)}.rooms-map-sidebar-count{margin-left:auto;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;min-width:22px;text-align:center}.rooms-map-sidebar-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.rooms-map-sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 16px;color:var(--muted);font-size:13px;text-align:center}.rooms-map-sidebar-empty .material-icons{font-size:32px;opacity:.35}.rooms-map-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;border:1px solid transparent;border-radius:14px;background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease;box-sizing:border-box}.rooms-map-sidebar-item:hover{background:var(--panel);border-color:var(--border)}.rooms-map-sidebar-item:active{transform:scale(.98)}.rooms-map-sidebar-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--panel)}.rooms-map-sidebar-thumb--empty{display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.rooms-map-sidebar-thumb--empty .material-icons{font-size:18px;color:var(--muted);opacity:.4}.rooms-map-sidebar-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rooms-map-sidebar-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.rooms-map-sidebar-lock{font-size:14px;color:var(--muted)}.rooms-map-sidebar-address{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-map-sidebar-address .material-icons{font-size:14px;color:var(--accent);flex-shrink:0}.rooms-map-sidebar-address span:last-child{overflow:hidden;text-overflow:ellipsis}.rooms-map-sidebar-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.rooms-map-sidebar-online{display:flex;align-items:center;gap:5px}.rooms-map-sidebar-online.active{color:#22c55e}.rooms-map-sidebar-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.rooms-map-sidebar-online.active .rooms-map-sidebar-dot{background:#22c55e;box-shadow:0 0 5px #22c55e80}.rooms-map-sidebar-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--muted)}.rooms-map-empty .material-icons{font-size:48px;opacity:.4}.rooms-map-empty p{margin:0;font-size:14px}.rooms-map-overlay-controls{position:absolute;bottom:20px;left:14px;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.rooms-map-overlay-controls>*{pointer-events:auto}.rooms-map-locate-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 2px 8px #00000040;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rooms-map-locate-btn:hover:not(:disabled){background:var(--panel-2);transform:scale(1.06)}.rooms-map-locate-btn:disabled{opacity:.6;cursor:not-allowed}.rooms-map-locate-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 12px #3b82f666}.rooms-map-locate-btn.active:hover:not(:disabled){background:var(--accent-2)}.rooms-map-locate-btn .material-icons{font-size:22px}.rooms-map-radius-overlay{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-radius:10px;box-shadow:0 2px 8px #00000040;font-size:12px;color:var(--muted)}.rooms-map-radius-overlay input[type=range]{width:100px;accent-color:var(--accent);cursor:pointer}.rooms-map-leaflet .leaflet-top.leaflet-left{top:50%!important;transform:translateY(-50%);left:0!important}.rooms-map-leaflet .leaflet-control-zoom{margin:0 0 0 10px!important;border:none!important;border-radius:12px!important;overflow:hidden;box-shadow:0 2px 8px #00000040}.rooms-map-leaflet .leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;background:var(--panel)!important;color:var(--text)!important;border:none!important;border-bottom:1px solid var(--border)!important}.rooms-map-leaflet .leaflet-control-zoom a:last-child{border-bottom:none!important}.rooms-map-leaflet .leaflet-control-zoom a:hover{background:var(--panel-2)!important}.rooms-map-count-badge{position:absolute;bottom:14px;right:14px;z-index:1000;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;box-shadow:0 2px 8px #00000040;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.rooms-map-user-marker{display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d}.rooms-map-user-marker .material-icons{font-size:18px;color:#fff}.room-marker-wrap{background:none!important;border:none!important;box-shadow:none!important}.room-marker{width:60px;height:60px;box-sizing:border-box;border-radius:50%;border:3px solid var(--border, #3a3b4d);background:var(--panel, #1a1b2e);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000059;position:relative;transition:border-color .2s,box-shadow .2s}.room-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.room-marker .material-icons{font-size:28px;color:var(--text-secondary, #999)}.room-marker--online{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d,0 2px 8px #00000059}.room-marker-dot{position:absolute;bottom:1px;right:1px;width:14px;height:14px;background:#22c55e;border:2px solid var(--panel, #1a1b2e);border-radius:50%;z-index:1}.rooms-map-popup-wrapper .leaflet-popup-content-wrapper{background:var(--panel, #1a1b2e);color:var(--text, #e4e4e7);border:1px solid var(--border, #2a2b3d);border-radius:10px;box-shadow:0 4px 16px #0000004d;padding:0;overflow:hidden}.rooms-map-popup-wrapper .leaflet-popup-content{margin:0;width:240px!important}.rooms-map-popup-wrapper .leaflet-popup-tip{background:var(--panel, #1a1b2e);border:1px solid var(--border, #2a2b3d)}.rooms-map-popup{display:flex;flex-direction:column}.rooms-map-popup-image{width:100%;height:100px;object-fit:cover}.rooms-map-popup-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.rooms-map-popup-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;color:var(--text, #e4e4e7)}.rooms-map-popup-desc{font-size:12px;color:var(--muted, #71717a);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rooms-map-popup-meta{display:flex;align-items:center;gap:8px;font-size:12px}.rooms-map-popup-online{display:flex;align-items:center;gap:6px;color:var(--muted, #71717a)}.rooms-map-popup-online.active{color:#22c55e}.rooms-map-popup-dot{width:7px;height:7px;border-radius:50%;background:var(--muted, #71717a);flex-shrink:0}.rooms-map-popup-online.active .rooms-map-popup-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.rooms-map-popup-join{width:100%;padding:8px;background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease;margin-top:4px}.rooms-map-popup-join:hover{background:var(--accent-2, #2563eb)}.leaflet-div-icon.room-cluster-icon{background:none;border:none}.room-cluster-stack{position:relative;height:60px;pointer-events:auto}.room-cluster-thumb{position:absolute;top:0;width:60px!important;height:60px!important;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border-radius:50%;border:3px solid var(--border, #3a3b4d);background:var(--panel, #1a1b2e);object-fit:cover;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}img.room-cluster-thumb{display:block;object-fit:cover}.room-cluster-thumb--empty{color:var(--text-secondary, #999)}.room-cluster-thumb--empty .material-icons{font-size:24px}.room-cluster-count{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--accent, #3b82f6);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:10;line-height:1}@media (max-width: 768px){.rooms-map-body{flex-direction:column;border-radius:0;height:calc(100dvh - 158px);min-height:350px;max-height:none}.rooms-map-container{flex:1;min-height:200px}.rooms-map-sidebar{width:100%;border-left:none;border-top:1px solid var(--border);max-height:40%;flex-shrink:0}.card-content:has(.rooms-map-wrapper)>.rooms-search-container{top:8px;left:8px;right:8px}.rooms-map-overlay-controls{bottom:14px;left:10px}.rooms-map-locate-btn{width:38px;height:38px;border-radius:10px}.rooms-map-locate-btn .material-icons{font-size:20px}.rooms-map-radius-overlay input[type=range]{width:80px}}.card-content:has(.rooms-search-container){gap:4px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;animation:roomsFadeIn .25s ease-out forwards}@keyframes roomsFadeIn{0%{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rooms-view-tabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.rooms-view-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.rooms-view-tab:hover{background:var(--chip);color:var(--text)}.rooms-view-tab.active{background:var(--accent);color:#fff}.rooms-view-tab.active:hover{background:var(--accent-2)}.rooms-view-tab .material-icons{font-size:20px}.rooms-carousel{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;margin:0 -16px;padding-left:16px;padding-right:16px;transform:translateZ(0);will-change:scroll-position;overscroll-behavior-x:contain;touch-action:auto}.rooms-carousel::-webkit-scrollbar{height:8px}.rooms-carousel::-webkit-scrollbar-track{background:transparent}.rooms-carousel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rooms-carousel::-webkit-scrollbar-thumb:hover{background:var(--muted)}.rooms-carousel-track{display:flex;gap:16px;padding:8px 0;width:max-content;min-width:100%}.rooms-carousel .room-card{flex-shrink:0;width:360px;min-height:420px;scroll-snap-align:start;scroll-snap-stop:always;animation:roomsFadeIn .3s ease forwards}.rooms-carousel .room-image{height:220px}.rooms-carousel .room-name{font-size:18px;margin-bottom:8px}.rooms-carousel .room-description{font-size:15px;margin-bottom:10px}.rooms-carousel .room-meta{font-size:13px}.room-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px;transition:all .14s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden;box-shadow:var(--card-shadow, 0 1px 3px rgba(0, 0, 0, .1));display:flex;flex-direction:column;contain:layout style paint;transform:translateZ(0)}.room-card-content{cursor:pointer;flex:1;display:flex;flex-direction:column}.room-info{flex:1;display:flex;flex-direction:column}.room-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--card-shadow-hover, 0 4px 12px rgba(0, 0, 0, .15))}.room-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:10px;background:var(--chip)}.room-name{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:var(--text)}.room-name .material-icons{font-size:16px;color:var(--muted);vertical-align:middle;line-height:1}.room-description{color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-address{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-secondary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-address .material-icons{font-size:14px;color:var(--accent);flex-shrink:0}.room-address span:last-child{overflow:hidden;text-overflow:ellipsis}.room-meta{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);margin-top:auto;padding-top:4px}.room-meta-row{display:flex;justify-content:space-between;align-items:center}.room-users{display:flex;align-items:center;gap:4px}.room-users .material-icons{font-size:16px;vertical-align:middle}.room-author{display:flex;align-items:center;gap:4px;font-size:11px;margin-bottom:2px;flex-wrap:wrap;line-height:1.4}.room-admin-edit{margin-top:4px;padding-top:4px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.room-admin-edit .room-author-label,.room-admin-edit .room-author-link{font-size:10px}.room-admin-edit .material-icons{font-size:14px!important}.room-edit-date{margin-left:4px;color:var(--muted);font-size:10px}.room-author-label{color:var(--muted)}.room-author-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;transition:color .2s ease;font-weight:500}.room-author-link:hover{color:var(--accent-2);text-decoration:underline}.room-author-link .material-icons{font-size:16px;vertical-align:middle}.room-actions{display:flex;gap:6px;margin-top:10px;width:100%;flex-shrink:0;padding-top:8px;border-top:1px solid var(--border)}.room-action-btn{display:flex;align-items:center;justify-content:center;flex:1;height:36px;border:none;border-radius:8px;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .14s ease;padding:0}.room-action-btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--accent);transform:translateY(-1px)}.room-action-btn:active:not(:disabled){transform:translateY(0)}.room-action-btn:disabled{opacity:.5;cursor:not-allowed}.room-action-btn .material-icons{font-size:20px;line-height:1}.room-action-edit{color:var(--accent)}.room-action-delete{color:#ef4444}.room-action-delete:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.rooms-container{padding:16px;touch-action:pan-y}.rooms-header{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:inherit;font-weight:inherit;color:inherit;min-height:0;max-height:100%}.rooms-header>span{font-size:inherit;font-weight:inherit;color:inherit}.rooms-tabs{display:flex;background:var(--panel-2);border-radius:8px;padding:3px;gap:2px;border:1px solid var(--border)}.rooms-tab{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.rooms-tab:hover{color:var(--text)}.rooms-tab.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #00000026}.rooms-header-actions{display:flex;align-items:center;gap:8px}.rooms-header .rooms-view-tabs{display:flex;gap:4px;margin:0;padding:0;border:none}.rooms-view-dropdown{position:relative;display:inline-block}.rooms-view-dropdown-btn{display:flex;align-items:center;gap:4px;padding:10px;min-width:44px;height:40px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.rooms-view-dropdown-btn:hover{background:var(--panel);border-color:var(--accent)}.rooms-view-dropdown-btn .material-icons:first-child{font-size:20px}.rooms-view-dropdown-btn .material-icons:last-child{font-size:18px;margin-left:-4px}.rooms-view-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:140px;z-index:1000;overflow:hidden}.rooms-view-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer;transition:background .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:left;font-family:inherit}.rooms-view-dropdown-item:hover{background:var(--panel-2)}.rooms-view-dropdown-item.active{background:var(--accent);color:#fff}.rooms-view-dropdown-item.active:hover{background:var(--accent-2)}.rooms-view-dropdown-item .material-icons{font-size:20px;flex-shrink:0}.rooms-header .rooms-view-tab{padding:10px;font-size:16px;min-width:44px;height:40px;display:flex;align-items:center;justify-content:center}.rooms-header .rooms-view-tab .material-icons{font-size:24px}.rooms-header .btn{width:auto;min-width:180px;padding:6px 16px;font-size:12px;flex-shrink:0}.rooms-create-btn{display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.rooms-create-btn:hover{background:var(--accent-2);transform:scale(1.05)}.rooms-create-btn:active{transform:scale(.95)}.rooms-create-btn .material-icons{font-size:24px}.rooms-loading,.rooms-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.rooms-skeleton{display:flex;flex-direction:column;gap:12px}.rooms-skeleton-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel-2, rgba(255, 255, 255, .03));border-radius:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}.rooms-skeleton-image{width:80px;height:50px;border-radius:8px;background:var(--chip, rgba(255, 255, 255, .08));flex-shrink:0}.rooms-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.rooms-skeleton-title{height:16px;width:60%;border-radius:4px;background:var(--chip, rgba(255, 255, 255, .08))}.rooms-skeleton-desc{height:12px;width:40%;border-radius:4px;background:var(--chip, rgba(255, 255, 255, .06))}.rooms-skeleton-online{width:50px;height:24px;border-radius:12px;background:var(--chip, rgba(255, 255, 255, .08));flex-shrink:0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:90%;padding:12px;border-radius:8px;display:none}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-title{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text)}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--muted);font-size:14px}.form-input{width:100%;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit}.form-input:focus{outline:none;border-color:var(--accent)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.file-input-wrapper input[type=file]{position:absolute;left:-9999px}.file-input-label{display:block;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:center;transition:all .14s ease;color:var(--text)}.file-input-label:hover{background:var(--panel);border-color:var(--accent)}.file-preview{margin-top:12px;max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.rooms-background-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;background:var(--panel-2);border:2px dashed var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease;color:var(--text);min-height:140px;width:100%;box-sizing:border-box}.rooms-background-upload-btn:hover{background:var(--panel);border-color:var(--accent);border-style:solid}.rooms-background-upload-btn .material-icons{font-size:48px;color:var(--muted)}.rooms-background-upload-btn span:not(.material-icons){font-size:14px;font-weight:500}.rooms-background-preview{margin-top:8px}.rooms-background-preview img{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border);display:block}.room-preview-container{position:relative;width:100%;max-height:400px;overflow:hidden;background:transparent;border:none;outline:none}.room-preview-container img{width:100%;height:auto;display:block;border:none;outline:none}.room-preview-container canvas{border:none!important;outline:none!important}@media (min-width: 769px){.rooms-create-form-container .room-preview-container{max-height:500px;min-height:400px}.rooms-create-form-container .room-preview-container img{width:100%;height:auto;object-fit:contain}}@media (max-width: 768px){.rooms-create-form-container .room-preview-container{max-height:300px;min-height:250px}.rooms-create-form-container .room-preview-container img{width:100%;height:auto;object-fit:contain}}@media (max-width: 480px){.rooms-create-form-container .room-preview-container{max-height:250px;min-height:200px}}.rooms-create-form-container{padding:0;animation:fadeIn .2s ease;position:relative;overflow:hidden}.rooms-create-form-container form{overflow:hidden;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rooms-create-form-carousel{display:flex;width:200%;transition:transform .3s ease-in-out;will-change:transform;position:relative}.rooms-create-form-page{width:50%;flex-shrink:0;box-sizing:border-box;min-width:50%;padding:24px}.rooms-create-fields-grid{display:flex;gap:24px}.rooms-create-col{flex:1;display:flex;flex-direction:column}.rooms-create-col .form-group,.rooms-create-map-group{margin-bottom:16px}.rooms-create-map-group .location-picker-map{height:450px}@media (max-width: 768px){.rooms-create-fields-grid{flex-direction:column;gap:0}.rooms-create-map-group .location-picker-map{height:200px}}.rooms-create-form-container form{overflow:hidden}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1002;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0003;min-width:500px;max-width:calc(100vw - 32px);max-height:calc(90vh - 100px);display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dropdown-panel-create:before{content:"";position:absolute;top:-8px;right:24px;width:16px;height:16px;background:var(--panel);border:1px solid var(--border);border-bottom:none;border-right:none;transform:rotate(45deg);border-radius:3px 0 0}.dropdown-panel-edit{position:fixed;top:0;right:0;bottom:0;left:auto;width:600px;max-width:90vw;max-height:100vh;min-width:auto;border-radius:0;border-left:1px solid var(--border);border-right:none;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--panel-2);flex-shrink:0}.dropdown-panel-title{font-size:20px;font-weight:700;color:var(--text);margin:0}.dropdown-panel-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:8px;transition:all .2s ease;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dropdown-panel-close:hover{background:var(--chip);color:var(--accent)}.dropdown-panel-close:active{transform:scale(.95)}.dropdown-panel-close .material-icons{font-size:24px}.dropdown-panel-content{flex:1;overflow-y:auto;padding:24px;overscroll-behavior:contain}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text);font-size:14px}.form-input{width:100%;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input:hover:not(:disabled){border-color:var(--accent)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.file-input-label{display:block;padding:12px 16px;background:var(--panel-2);border:2px dashed var(--border);border-radius:8px;cursor:pointer;text-align:center;transition:all .2s ease;color:var(--text);font-weight:500}.file-input-label:hover{background:var(--panel);border-color:var(--accent);border-style:solid}.file-input-label:active{transform:scale(.98)}@media (max-width: 768px){.card-content{padding:6px!important}.rooms-container{padding:0!important}.rooms-view-tabs{gap:4px;margin-bottom:16px;padding-bottom:8px}.rooms-view-tab{padding:6px 12px;font-size:13px;flex:1;justify-content:center}.rooms-view-tab .material-icons{font-size:18px}.rooms-grid{grid-template-columns:repeat(2,1fr);gap:6px}.room-card{padding:8px}.rooms-carousel{margin:0 -8px;padding-left:8px;padding-right:8px}.rooms-carousel .room-card{width:300px;min-height:380px}.rooms-carousel .room-image{height:180px}.rooms-carousel .room-name{font-size:16px;margin-bottom:6px}.rooms-carousel .room-description{font-size:13px;margin-bottom:8px}.rooms-carousel .room-meta{font-size:11px}.rooms-carousel-track{gap:12px}.room-image{height:100px;margin-bottom:6px}.room-name{font-size:12px;margin-bottom:4px}.room-description{font-size:10px;margin-bottom:6px}.room-meta{font-size:10px;gap:4px}.room-author{font-size:10px}.room-actions{gap:6px;margin-top:6px}.room-action-btn{height:44px}.room-action-btn .material-icons{font-size:24px}.rooms-header{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px!important}.rooms-header>span{font-size:14px!important}.rooms-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rooms-view-dropdown-menu{position:fixed;bottom:auto;right:12px;left:auto;min-width:160px;z-index:10000;top:52px}.rooms-view-dropdown-item{padding:12px 14px;font-size:15px}.rooms-header .rooms-view-tabs{gap:4px}.rooms-header .rooms-view-tab{padding:10px;min-width:44px;height:40px}.rooms-header .rooms-view-tab .material-icons{font-size:24px}.rooms-header .btn{width:auto;min-width:unset;padding:10px 16px;font-size:14px;flex-shrink:0}.rooms-create-btn{width:44px;height:40px}.rooms-create-btn .material-icons{font-size:24px}.dropdown-panel{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);right:16px;left:16px;max-height:calc(100vh - 100px)}.dropdown-panel-create{position:fixed;top:auto;bottom:16px;left:16px;right:16px;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}.dropdown-panel-edit{width:100vw;max-width:100vw;left:0;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-panel-header{padding:16px 20px}.dropdown-panel-title{font-size:18px}.dropdown-panel-content{padding:20px}.form-actions{flex-direction:column-reverse;gap:10px;margin-top:24px;padding-top:20px}.form-actions .btn{width:100%}.modal{padding:0}.modal-content{padding:20px;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.modal-title{font-size:20px}}.rooms-search-container{position:relative;margin-bottom:0;padding:0 16px}.rooms-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;transition:all .2s ease}.rooms-search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.rooms-search-icon{color:var(--muted);font-size:20px;margin-right:8px;flex-shrink:0}.rooms-search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:14px;font-family:inherit;outline:none}.rooms-search-input::placeholder{color:var(--muted)}.rooms-search-input:disabled{opacity:.6;cursor:not-allowed}.rooms-search-clear{background:none;border:none;padding:4px;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0;margin-left:8px}.rooms-search-clear:hover{color:var(--text)}.rooms-search-clear .material-icons{font-size:18px}.rooms-search-loading{color:var(--accent);font-size:18px;animation:spin 1s linear infinite;margin-left:8px;flex-shrink:0}.rooms-search-dropdown{position:absolute;top:calc(100% + 4px);left:16px;right:16px;background:var(--panel, #1a1b2e);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px #00000040;z-index:100;overflow:hidden;max-height:380px;overflow-y:auto;animation:searchDropdownIn .15s ease}@keyframes searchDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rooms-search-section{padding:4px 0}.rooms-search-section+.rooms-search-section{border-top:1px solid var(--border)}.rooms-search-section-label{padding:8px 14px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.rooms-search-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;text-align:left;transition:background .12s;color:var(--text)}.rooms-search-dropdown-item:hover,.rooms-search-dropdown-item.highlighted{background:var(--hover-bg, rgba(108, 92, 231, .08))}.rooms-search-dropdown-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.rooms-search-dropdown-icon{font-size:20px;color:var(--accent);flex-shrink:0;width:36px;text-align:center}.rooms-search-dropdown-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.rooms-search-dropdown-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.rooms-search-dropdown-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.rooms-search-dropdown-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.rooms-search-dropdown-dot.active{background:#22c55e;box-shadow:0 0 4px #22c55e80}@media (max-width: 768px){.rooms-search-input{font-size:16px}.rooms-search-input-wrapper{padding:10px 12px}}@media (max-width: 480px){.rooms-header{font-size:13px!important}.rooms-header>span{font-size:13px!important}}.rooms-list{display:flex;flex-direction:column;gap:2px;background:var(--panel-2);border-radius:10px;border:1px solid var(--border);overflow:hidden;animation:roomsFadeIn .3s ease forwards}.rooms-list.pointer-events-none,.rooms-grid.pointer-events-none,.rooms-carousel.pointer-events-none{pointer-events:none}.room-list-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel);cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--border);contain:layout paint}.room-list-item:last-child{border-bottom:none}.room-list-item:hover{background:var(--panel-2)}.room-list-item:active{background:var(--chip);transform:scale(.99)}.rooms-list{transform:translateZ(0);will-change:scroll-position;overscroll-behavior-y:auto;touch-action:pan-y}.room-list-image-wrapper{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--chip)}.room-list-image{width:100%;height:100%;object-fit:cover}.room-list-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.room-list-image-placeholder .material-icons{font-size:24px}.room-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-list-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-list-lock{font-size:14px;color:var(--muted);flex-shrink:0}.room-list-author{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.room-list-author .material-icons{font-size:14px}.room-list-address{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-secondary);margin-top:2px}.room-list-address .material-icons{font-size:13px;color:var(--accent);flex-shrink:0}.room-list-address span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-online{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel-2);border-radius:6px;flex-shrink:0}.room-list-online-indicator{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.room-list-online-indicator.active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.room-list-online-count{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.room-list-actions{display:flex;gap:4px;flex-shrink:0}.room-list-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--panel-2);color:var(--muted);cursor:pointer;transition:all .15s ease}.room-list-action-btn:hover:not(:disabled){background:var(--chip);color:var(--accent)}.room-list-action-btn:disabled{opacity:.5;cursor:not-allowed}.room-list-action-btn .material-icons{font-size:18px}.room-list-action-delete:hover:not(:disabled){color:#ef4444;background:#ef44441a}@media (max-width: 768px){.room-list-item{padding:8px 10px;gap:10px}.room-list-image-wrapper{width:40px;height:40px}.room-list-name{font-size:13px}.room-list-author{font-size:11px}.room-list-online{padding:5px 8px}.room-list-online-count{font-size:12px}.room-list-action-btn{width:36px;height:36px}}.claim-balance-button{display:flex;width:100%;height:100%;padding:0;background:transparent;border:none}.balance-display-vertical{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;text-align:center;flex:1;min-height:0;gap:0}.balance-value{color:var(--accent, #3b82f6);font-size:16px;font-weight:700;white-space:nowrap;line-height:1;width:100%;flex:0 0 auto;margin-bottom:auto}.claim-button-inline{position:absolute;bottom:8px;left:8px;right:8px;width:auto!important;padding:8px 10px!important;font-size:14px;font-weight:600;border-radius:12px!important;min-height:36px;border:none!important;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;transition:all .2s ease}.claim-button-inline:not(.disabled){background:var(--accent, #3b82f6)!important;color:var(--chip-active-text, #fff)!important}.claim-button-inline:not(.disabled):hover{opacity:.9;transform:translateY(-1px)}.claim-button-inline.disabled{background:var(--chip, #2a2a3e)!important;color:var(--text-secondary, #666)!important;cursor:not-allowed}.error-message{color:#fca5a5;font-size:12px;text-align:center;margin-top:4px}@media (max-width: 768px){.balance-value{font-size:15px}.claim-button-inline{padding:6px 8px!important;font-size:14px;min-height:32px;left:6px;right:6px;bottom:6px}}:root{--bg: #0f1115;--panel: #161a22;--panel-2: #1c2230;--text: #e5e7eb;--muted: #9aa3af;--accent: #3b82f6;--accent-2: #60a5fa;--border: #263041;--chip: #2a3345;--chip-active: #3b82f6;--character-panel-bg: radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--grid-item-bg: #121827;--grid-thumb-bg: #0b0f17;--color-dot-border: rgba(255, 255, 255, .8);--color-dot-selected: rgba(255, 255, 255, .9)}body:has(.character-new-page),html:has(.character-new-page){overflow:visible!important;height:auto!important;max-height:none!important}@media (max-width: 768px){body:has(.character-new-page),html:has(.character-new-page){overflow:hidden!important;height:100%!important;max-height:100%!important}}.character-new-page{width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0;background:var(--bg);position:relative}.character-new-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.character-new-loading-text{color:var(--muted);text-align:center;padding:40px;font-size:16px}.character-new-container{width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;gap:14px;padding:0}.character-new-card{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;min-height:0;max-width:100%;width:100%}.character-new-content{width:100%;display:grid;grid-template-columns:420px minmax(0,1fr);gap:14px;align-items:stretch;min-height:0;min-width:0}@media (min-width: 1280px){.character-new-content{grid-template-columns:480px 1fr}}@media (max-width: 1024px){.character-new-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.character-new-preview-column{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;width:100%}@media (min-width: 1024px){.character-new-preview-column{gap:16px}}.character-name-block{display:none}.character-name-overlay{position:absolute;top:10px;left:12px;right:12px;z-index:8;pointer-events:auto;display:flex;align-items:center;justify-content:center}.name-input-wrapper{position:relative;display:flex;align-items:center;max-width:240px;width:100%}.name-edit-icon{position:absolute;left:10px;font-size:15px;color:var(--muted);pointer-events:none;opacity:.45;transition:opacity .2s ease;z-index:1}.name-input-wrapper:focus-within .name-edit-icon{opacity:0}.character-name-input-overlay{flex:1;min-width:0;padding:8px 30px;font-size:15px;text-align:center;font-family:inherit;font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box;height:40px;opacity:.92}.character-name-input-overlay:focus{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.2)}.character-name-input-overlay::placeholder{color:var(--text-secondary, #999);font-weight:400}.overlay-buttons{position:absolute;top:0;display:flex;align-items:center;gap:8px}.overlay-buttons-left{left:0}.overlay-buttons-right{right:0}.overlay-action-btn{flex-shrink:0;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;color:var(--text)}.overlay-action-btn .material-icons{font-size:20px}.overlay-btn-cancel{background:var(--panel);opacity:.92}.overlay-btn-cancel:hover{opacity:1;background:var(--chip-active);color:var(--chip-active-text, #fff);border-color:transparent}.overlay-btn-save{background:var(--accent);color:var(--chip-active-text, #fff);border-color:transparent}.overlay-btn-save:hover:not(:disabled){filter:brightness(1.1)}.overlay-btn-save:disabled{opacity:.5;cursor:not-allowed}.character-name-label{font-size:13px;font-weight:500;color:var(--text-secondary);padding-left:2px}.character-name-input{width:100%;padding:10px 14px;font-size:15px;text-align:center;font-family:inherit;color:var(--text);background:var(--card-bg, var(--panel-2));border:1px solid var(--border);border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.character-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 66, 133, 244),.15)}.character-name-input::placeholder{color:var(--text-secondary);opacity:.6}.character-new-preview{position:relative;flex:1;min-height:350px;background:var(--character-panel-bg);border-radius:20px;border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001a}.character-new-preview>div:first-of-type{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:350px}@media (min-width: 769px){.character-new-preview{min-height:480px}.character-new-preview>div:first-of-type{min-height:0}}@media (min-width: 1025px){.character-new-preview{min-height:540px}}.character-new-preview canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;position:absolute;top:0;left:0;pointer-events:none;image-rendering:auto;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;opacity:0;transition:opacity .22s ease}.character-new-preview.is-loaded canvas{opacity:1}@media (max-width: 768px){.character-new-preview{min-height:300px;border-radius:16px}.character-new-preview>div:first-of-type{min-height:300px}}.character-new-balance-section{position:absolute;top:auto;bottom:12px;left:12px;right:12px;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;pointer-events:none}.character-new-balance-section>*{pointer-events:auto}.balance-sidebar,.cart-sidebar{position:relative;width:110px;min-width:100px;max-width:130px;height:85px;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 10px 42px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px #00000014;opacity:.92;text-align:center;box-sizing:border-box}.balance-sidebar{align-items:center}.balance-sidebar .claim-balance-button{width:100%;height:100%;display:flex;flex-direction:column}.cart-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;font-size:14px;font-weight:600;width:100%;flex:0 0 auto;min-height:0}.cart-sidebar .cart-purchase-button-inline{position:absolute;bottom:8px;left:8px;right:8px;width:auto;margin:0}.cart-total-display{color:var(--accent);font-weight:700;font-size:16px;white-space:nowrap;line-height:1}.cart-purchase-button-inline{padding:8px 10px!important;font-size:14px!important;font-weight:600;border-radius:10px!important;min-height:36px;border:none!important;cursor:pointer;white-space:nowrap;margin-left:0;width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}@media (max-width: 768px){.balance-sidebar,.cart-sidebar{width:95px;height:75px;padding:8px 6px 38px;gap:0}.cart-section{gap:0}.cart-total-display{font-size:15px}.cart-sidebar .cart-purchase-button-inline{left:6px;right:6px;bottom:6px}.cart-purchase-button-inline{padding:6px 8px!important;font-size:14px!important;min-height:32px}}.character-new-form-card{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap;overflow-x:auto}.character-new-form-group{display:flex;flex:1;min-width:0}.character-new-form-group .character-new-input,.character-new-form-group .character-new-select{width:100%}.character-new-input,.character-new-select{width:100%;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.character-new-input:focus,.character-new-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f640}.character-new-input::placeholder{color:var(--muted)}.character-new-select{cursor:pointer}.character-new-select option{background:var(--panel);color:var(--text)}@media (max-width: 768px){.character-new-form-card{flex-wrap:nowrap;gap:10px}.character-new-form-group{flex:1;min-width:0}}.character-new-editor{display:flex;flex-direction:column;gap:16px;min-height:0;min-width:0;background:transparent;border:none;border-radius:0;padding:0;overflow:hidden;height:100%;max-height:480px;opacity:0;transition:opacity .3s ease}@media (min-width: 769px){.character-new-editor{max-height:560px}}@media (min-width: 1025px){.character-new-editor{max-height:620px}}.character-new-editor.character-new-ready{opacity:1}.character-new-editor-panels{display:grid;grid-template-columns:160px 1fr;gap:16px;flex:1;min-height:0;min-width:0;height:100%;overflow:hidden}.character-new-categories-wrapper,.character-new-clothing-wrapper{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;max-height:100%}.character-new-clothing-wrapper{flex:1}@media (max-width: 1200px){.character-new-editor-panels{grid-template-columns:140px 1fr}}@media (max-width: 768px){.character-new-page{padding:0}.character-new-container{max-width:100%;padding:0}.character-new-card{padding:0;gap:0}.character-new-content{gap:0;align-items:stretch;display:flex;flex-direction:column;height:calc(100dvh - var(--mobile-panel-space, 84px) - 18px);overflow:hidden}.character-new-preview-column{position:sticky;top:0;z-index:5;flex-shrink:0;gap:6px;padding:0 8px 6px}.character-new-preview{border-radius:16px;min-height:380px;max-height:400px}.character-new-preview>div:first-of-type{min-height:380px}.character-new-editor{max-height:none!important;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.character-new-editor-panels{grid-template-columns:120px 1fr;gap:12px;flex:1;min-height:0}}@media (max-width: 480px){.character-new-page{padding:0}.character-new-card{padding:0;gap:0}.character-new-content{gap:0}.character-new-preview{min-height:340px;max-height:360px}.character-new-preview>div:first-of-type{min-height:340px}.character-new-editor-panels{grid-template-columns:100px 1fr;gap:10px}.character-new-editor{max-height:none}}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;min-width:0;box-shadow:0 1px 8px #0000000f}.card.clothing-grid-card{overflow:hidden!important;display:flex!important;flex-direction:column!important}.panel-title{padding:12px 16px;font-weight:700;letter-spacing:.02em;border-bottom:none;background:transparent;font-size:13px;color:var(--panel-title-text, var(--text));text-transform:uppercase;letter-spacing:.5px;opacity:.8}@media (max-width: 768px){.panel-title,.card .panel-title,.clothing-grid-card .panel-title,.card-categories .panel-title{font-size:14px!important;padding:12px 16px!important}}@media (max-width: 480px){.panel-title,.card .panel-title,.clothing-grid-card .panel-title,.card-categories .panel-title{font-size:13px!important;padding:12px 14px!important}}.card-categories{overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;border-radius:18px;min-height:0;flex:1;box-shadow:none;border:none}.categories{display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;scrollbar-gutter:stable;flex:1;min-height:0;touch-action:pan-y}.cat-btn{background:var(--chip);color:var(--text);padding:10px 12px;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600;font-size:13px;min-height:40px;line-height:1.2}.cat-btn:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.1);transform:translate(2px)}.cat-btn.active{background:var(--chip-active);border-color:transparent;color:var(--chip-active-text, white);box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.25)}@media (max-width: 768px){.card-categories .panel-title{min-height:44px;max-height:44px;font-size:15px}.categories{padding:12px;gap:10px}.cat-btn{padding:12px 14px;font-size:14px;min-height:44px;line-height:1.2;font-weight:600}}@media (max-width: 480px){.card-categories .panel-title{min-height:42px;max-height:42px;font-size:13px}.categories{padding:12px;gap:10px}.cat-btn{padding:12px 14px;font-size:14px;min-height:44px;line-height:1.2;font-weight:600}}.categories-dropdowns{display:flex;flex-direction:column;gap:6px;padding:8px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-dropdown-group{display:flex;flex-direction:column;gap:0}.category-dropdown-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:var(--chip);border:1px solid transparent;border-radius:14px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.category-dropdown-btn:hover{background:var(--panel-2);border-color:rgba(var(--accent-rgb, 59, 130, 246),.3)}.category-dropdown-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.25)}.category-dropdown-top{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.category-dropdown-btn .material-icons{font-size:18px;flex-shrink:0}.category-dropdown-btn .dropdown-arrow{font-size:18px;transition:transform .25s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-dropdown-btn .dropdown-arrow.expanded{transform:rotate(180deg)}.category-count{background:#fff3;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:500;flex-shrink:0}.category-dropdown-list{display:flex;flex-direction:column;gap:3px;margin-left:10px;border-left:2px solid var(--border);padding:6px 0 0 10px;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-dropdown-list .cat-btn{padding:10px 12px;font-size:12px;min-height:42px;border-radius:8px}.category-empty-message{margin-left:10px;color:var(--muted);font-size:12px;font-style:italic;border-left:2px solid var(--border);padding:10px 12px 10px 10px}@media (max-width: 768px){.categories-dropdowns{padding:8px;gap:6px}.category-dropdown-btn{padding:12px 10px;font-size:12px;gap:4px}.category-dropdown-top{gap:5px}.category-dropdown-btn .material-icons,.category-dropdown-btn .dropdown-arrow{font-size:16px}.category-count{padding:2px 5px;font-size:10px}.category-dropdown-list{margin-left:8px;padding-left:8px;gap:2px}.category-dropdown-list .cat-btn{padding:12px 10px;font-size:12px;min-height:44px}.category-empty-message{font-size:11px;margin-left:8px;padding:8px 10px 8px 8px}}@media (max-width: 480px){.categories-dropdowns{padding:6px;gap:5px}.category-dropdown-btn{padding:10px 8px;font-size:11px;gap:3px;border-radius:8px}.category-dropdown-top{gap:4px}.category-dropdown-btn .material-icons,.category-dropdown-btn .dropdown-arrow{font-size:14px}.category-count{padding:1px 4px;font-size:9px}.category-dropdown-list{margin-left:6px;padding-left:6px;gap:2px}.category-dropdown-list .cat-btn{padding:10px 8px;font-size:11px;min-height:40px;border-radius:6px}.category-empty-message{font-size:10px;margin-left:6px;padding:6px 8px 6px 6px}}.grid-panel-title{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:10px 12px;min-height:48px;max-height:48px}.grid-panel-title:has(.color-bar-inline){padding:4px 8px 4px 12px;min-height:48px;max-height:48px;align-items:center}.grid-placeholder{color:inherit;font-size:13px;font-weight:600}.color-bar-inline{display:flex;gap:8px;align-items:center;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:4px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.color-bar-inline::-webkit-scrollbar{height:3px}.color-bar-inline::-webkit-scrollbar-track{background:transparent}.color-bar-inline::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.color-bar-inline::-webkit-scrollbar-thumb:hover{background:#ffffff59}[data-theme=light] .color-bar-inline{scrollbar-color:rgba(0,0,0,.15) transparent}[data-theme=light] .color-bar-inline::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .color-bar-inline::-webkit-scrollbar-thumb:hover{background:#00000040}.color-bar-inline .color-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .15s ease;flex-shrink:0;box-shadow:0 1px 3px #00000026}.color-bar-inline .color-dot:hover{transform:scale(1.12);border-color:#fff9}.color-bar-inline .color-dot.selected{outline:3px solid var(--accent);outline-offset:1px;transform:scale(1.05)}.clothing-grid-card .grid-scroll-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;scrollbar-gutter:stable;max-height:100%;touch-action:pan-y}.grid-scroll-wrapper .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:12px;width:100%;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:12px;max-width:100%;box-sizing:border-box;width:100%}.grid-item{background:var(--panel);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;width:100%;aspect-ratio:1 / 1;position:relative;box-sizing:border-box;box-shadow:0 1px 4px #0000000f}.grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);transition:opacity .25s ease;opacity:1;pointer-events:none;z-index:2;border-radius:16px}.grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.grid-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.15)}.grid-item-wrapper{position:relative}.grid-item.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.grid-item.locked:hover{transform:none}.grid-item-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10;border-radius:12px}.grid-item-lock-overlay .material-icons{font-size:32px;color:var(--muted)}.grid-item-price{font-size:14px;font-weight:700;color:var(--accent);background:#3b82f626;padding:4px 8px;border-radius:6px;border:1px solid var(--accent)}.grid-item-purchasing{font-size:12px;color:var(--text);font-weight:600}.grid-item-owned-badge{position:absolute;top:4px;right:4px;background:#22c55ee6;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #0000004d}.grid-item-owned-badge .material-icons{font-size:16px;color:#fff}.grid-item-price-badge{position:absolute;top:6px;left:6px;font-size:11px;font-weight:700;color:#fff;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px 8px;border-radius:10px;border:none;z-index:5;pointer-events:none}[data-theme=light] .grid-item-price-badge{background:#0009;color:#fff}.grid-item-price-badge-right{left:auto;right:4px}.grid-item-cart-badge{position:absolute;top:4px;right:4px;background:var(--accent);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #0000004d}.grid-item-cart-badge .material-icons{font-size:16px;color:#fff}.grid-item-default-badge{position:absolute;bottom:4px;right:4px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #0000004d}.grid-item-default-badge .material-icons{font-size:14px;color:#fff}.grid-item-wrapper.default-skin.selected .grid-item{border-color:#f59e0b}.grid-item-sell-price-badge{position:absolute;top:6px;left:6px;font-size:11px;font-weight:700;color:#fff;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px 8px;border-radius:10px;border:none;z-index:5;pointer-events:none}[data-theme=light] .grid-item-sell-price-badge{background:#0009;color:#fff}.grid-item-sell-price-text{white-space:nowrap}.grid-item-sell-button-inline{position:absolute;bottom:6px;right:6px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:10px;border:none;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.2;z-index:5}.grid-item-sell-button-inline:hover:not(:disabled){background:#000000b3;transform:translateY(-1px)}[data-theme=light] .grid-item-sell-button-inline{background:#0009;color:#fff}[data-theme=light] .grid-item-sell-button-inline:hover:not(:disabled){background:#000000bf}.grid-item-sell-button-inline:disabled{opacity:.5;cursor:not-allowed}.cart-summary{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--panel-2, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:8px;flex-shrink:0}.cart-info{display:flex;align-items:center;gap:8px;font-size:13px}.cart-items-count{color:var(--muted);font-weight:500}.cart-total{color:var(--accent);font-weight:700;font-size:14px}.cart-purchase-button{padding:6px 16px;font-size:13px;font-weight:600;min-height:32px}@media (max-width: 768px){.cart-summary{flex-direction:column;gap:6px;padding:8px}.cart-info{width:100%;justify-content:space-between}.cart-purchase-button{width:100%}}.balance-display-inline{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--panel-2, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:8px;font-size:13px;white-space:nowrap;flex-shrink:0}.balance-display-inline .balance-label{color:var(--muted, #999);font-weight:500}.balance-display-inline .balance-value{color:var(--accent, #3b82f6);font-weight:700;font-size:14px}@media (max-width: 768px){.balance-display-inline{font-size:12px;padding:4px 8px;gap:4px}.balance-display-inline .balance-value{font-size:13px}}.grid-thumb{width:100%;flex:1;object-fit:contain;background:var(--grid-thumb-bg);display:block;min-height:0;padding:8px;transition:opacity .25s ease,background-color .3s ease;position:relative;z-index:3}@media (max-width: 768px){.grid-scroll-wrapper .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;max-width:100%}.grid-item{max-width:100%}.grid-panel-title{padding:8px 10px;min-height:44px;max-height:44px}.grid-panel-title:has(.color-bar-inline){padding:2px 6px 2px 10px!important;min-height:44px!important;max-height:44px!important}.grid-placeholder{font-size:11px}.color-bar-inline{gap:6px;padding:3px}.color-bar-inline .color-dot{width:28px;height:28px;border-width:2px}}@media (max-width: 480px){.grid-scroll-wrapper .grid,.grid{gap:8px;padding:8px}.grid-panel-title{padding:6px 8px;min-height:42px;max-height:42px}.grid-panel-title:has(.color-bar-inline){padding:2px 4px 2px 8px!important;min-height:42px!important;max-height:42px!important}.grid-placeholder{font-size:10px}.color-bar-inline{gap:6px;padding:3px}.color-bar-inline .color-dot{width:26px;height:26px;border-width:2px}}.character-new-message{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;max-width:90%;text-align:center}.character-new-message.character-new-show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.character-new-error{background:#dc2626;color:#fff;border:1px solid #b91c1c}.character-new-success{background:#16a34a;color:#fff;border:1px solid #15803d}@media (max-width: 768px){.character-new-message{top:10px;padding:12px 14px;font-size:13px}}.character-new-form-actions{display:flex;gap:10px;flex-shrink:0}.character-new-btn{display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:none;background:var(--panel-2);color:var(--text);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;min-width:44px;height:44px}.character-new-btn:hover:not(:disabled){background:var(--panel-2);transform:translateY(-1px)}.character-new-btn:disabled{opacity:.5;cursor:not-allowed}.character-new-btn-cancel{background:var(--chip)}.character-new-btn-cancel:hover:not(:disabled){background:var(--chip-active);color:#fff}.character-new-btn-save{background:var(--accent);color:#fff}.character-new-btn-save:hover:not(:disabled){background:var(--accent-2);box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.3)}.character-new-btn .material-icons{font-size:20px}@media (max-width: 768px){.character-new-form-actions{gap:8px}.character-new-btn{padding:10px 12px;min-width:40px;height:40px}.character-new-btn .material-icons{font-size:14px}}.chubrik-dropdown{background:linear-gradient(135deg,#f96,#ff5e62)!important}.chubrik-dropdown:hover{background:linear-gradient(135deg,#ffad80,#ff7a7e)!important}.chubrik-dropdown.active{background:linear-gradient(135deg,#f85,#ff4d51)!important}.category-empty-hint{padding:12px 16px;color:var(--muted);font-size:13px;text-align:center}.skintone-panel{padding:20px;display:flex;flex-direction:column;align-items:center}.skintone-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:280px}.skintone-item{width:48px;height:48px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 -2px 4px #00000026,0 1px 2px #0003}.skintone-item:hover{transform:scale(1.1);border-color:#ffffff80;z-index:1}.skintone-item.selected{border-color:var(--accent);box-shadow:0 0 10px #3b82f699,inset 0 -2px 4px #00000026;transform:scale(1.05)}.skintone-item .material-icons{font-size:22px}@media (max-width: 768px){.skintone-grid{grid-template-columns:repeat(5,1fr);gap:5px;max-width:240px}.skintone-item{width:40px;height:40px;border-width:2px}.skintone-item .material-icons{font-size:18px}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.editor-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:160px 1fr;gap:16px;padding:0;z-index:5}@media (max-width: 1200px){.editor-skeleton{grid-template-columns:140px 1fr}}@media (max-width: 768px){.editor-skeleton{grid-template-columns:1fr;grid-template-rows:auto 1fr}.skeleton-categories{flex-direction:row!important;gap:8px!important}.skeleton-btn{width:auto!important;flex:1}}.skeleton-categories{display:flex;flex-direction:column;gap:12px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding:12px;background:var(--panel);border-radius:12px;border:1px solid var(--border)}.skeleton-item{background:linear-gradient(90deg,var(--panel-2) 0%,rgba(255,255,255,.05) 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 80%,var(--panel-2) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-btn{width:100%;height:48px;border-radius:10px}.skeleton-card{aspect-ratio:1;min-height:90px}.character-new-editor{position:relative}.character-new-editor-panels{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.character-new-editor:not(.character-new-ready) .character-new-editor-panels{opacity:0;transform:translateY(10px)}.character-new-editor.character-new-ready .character-new-editor-panels{opacity:1;transform:translateY(0)}.character-new-editor.character-new-ready .editor-skeleton{display:none}.grid-item.action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;min-height:120px}.grid-item.action-item .action-icon{transition:transform .2s ease,color .2s ease}.grid-item.action-item:hover .action-icon{transform:scale(1.1);color:var(--accent-2)}.grid-item.action-item .action-label{font-weight:500;color:var(--text);transition:color .2s ease}.grid-item.action-item:hover .action-label{color:var(--accent-2)}.grid-item-wrapper.locked .grid-item{position:relative;opacity:.7}.grid-item-lock{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;background:#000000d9;padding:4px 8px;border-radius:12px;font-size:12px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-item-lock .material-icons{font-size:16px;color:#fbbf24}.grid-item-price{font-weight:600;color:#fbbf24}.grid-item-free-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#22c55e33;border-radius:50%}.grid-item-free-badge .material-icons{font-size:18px;color:#22c55e}.grid-item-wrapper.locked:hover .grid-item{opacity:.9;border-color:#fbbf24}.grid-item-wrapper.locked:hover .grid-item-lock{background:#fbbf2433;transform:scale(1.05);transition:all .2s ease}@media (max-width: 768px){.grid-item.action-item{min-height:100px;padding:12px 6px}.grid-item.action-item .action-icon{font-size:36px!important}.grid-item-lock{bottom:4px;right:4px;padding:3px 6px;font-size:10px}.grid-item-lock .material-icons{font-size:14px}}.chubrik-page-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:1;transition:opacity .35s ease-out}.chubrik-page-skeleton.fade-out{opacity:0;pointer-events:none}.chubrik-page-content{opacity:0;transition:opacity .35s ease-out}.chubrik-page-content.visible{opacity:1}@keyframes chubrik-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chubrik-skel-bone{background:linear-gradient(90deg,var(--panel-2) 0%,rgba(255,255,255,.05) 20%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 80%,var(--panel-2) 100%);background-size:200% 100%;animation:chubrik-shimmer 1.5s ease-in-out infinite;border-radius:14px}[data-theme=light] .chubrik-skel-bone{background:linear-gradient(90deg,var(--panel-2) 0%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.03) 80%,var(--panel-2) 100%);background-size:200% 100%;animation:chubrik-shimmer 1.5s ease-in-out infinite}.chubrik-skeleton-preview{position:relative;flex:1;min-height:350px;background:var(--character-panel-bg);border-radius:20px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-sizing:border-box}.chubrik-skel-name{width:180px;height:40px;border-radius:12px;align-self:center}.chubrik-skel-bottom{display:flex;justify-content:space-between;gap:10px}.chubrik-skel-balance{width:110px;height:85px;border-radius:16px}.chubrik-skeleton-editor{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;height:100%}.chubrik-skeleton-panels{display:grid;grid-template-columns:160px 1fr;gap:16px;flex:1;min-height:0;overflow:hidden}.chubrik-skel-categories{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.chubrik-skel-cat-title{height:36px;border-radius:10px;margin-bottom:4px}.chubrik-skel-cat-item{height:40px;border-radius:10px}.chubrik-skel-grid{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:0}.chubrik-skel-grid-title{height:48px;border-radius:12px;flex-shrink:0}.chubrik-skel-grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.chubrik-skel-grid-item{aspect-ratio:1;min-height:80px;border-radius:14px}@media (min-width: 1280px){.chubrik-skeleton-preview{min-height:420px}}@media (max-width: 1200px){.chubrik-skeleton-panels{grid-template-columns:140px 1fr}}@media (max-width: 1024px){.chubrik-skeleton-panels{grid-template-columns:1fr}.chubrik-skel-categories{flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px}.chubrik-skel-cat-title{display:none}.chubrik-skel-cat-item{width:60px;height:32px;flex-shrink:0}}@media (max-width: 768px){.chubrik-skeleton-preview{min-height:200px;flex:none;border-radius:0;border-left:none;border-right:none}.chubrik-skel-balance{width:90px;height:70px}.chubrik-skel-name{width:150px;height:36px}.chubrik-skeleton-editor{flex:1;min-height:0}.chubrik-skeleton-panels{grid-template-columns:1fr;gap:8px}.chubrik-skel-categories{flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px;border-radius:0;border-left:none;border-right:none}.chubrik-skel-cat-title{display:none}.chubrik-skel-cat-item{width:60px;height:32px;flex-shrink:0}.chubrik-skel-grid{border-radius:0;border-left:none;border-right:none;flex:1;min-height:0}.chubrik-skel-grid-items{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px}.chubrik-skel-grid-item{min-height:70px}}.user-profile-page{display:flex;gap:12px;width:100%}.user-profile-page.page-loading{opacity:0;visibility:hidden}.user-profile-page.page-ready{opacity:1;visibility:visible;animation:profileFadeIn .3s ease-out forwards}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}.user-profile-main{flex:1;display:flex;flex-direction:column;gap:20px}.user-profile-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;gap:20px;align-items:flex-start}.avatar-character-container{display:flex;flex-direction:column;gap:12px;width:clamp(300px,32vw,360px);flex-shrink:0}.avatar-character-switcher{display:flex;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:4px}.switcher-button{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:10px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-appearance:none;appearance:none;-webkit-appearance:none}.switcher-button:hover:not(:disabled){color:var(--text);background:var(--panel)}.switcher-button:focus{outline:none}.switcher-button:focus-visible{outline:none}.switcher-button.active,.switcher-button:active:not(:disabled){background:var(--accent);color:var(--chip-active-text, white)}.switcher-button:disabled{opacity:.5;cursor:not-allowed}.avatar-character-content{width:100%;height:auto;aspect-ratio:3 / 4;max-height:480px;min-height:0;position:relative;border-radius:16px;overflow:hidden;contain:layout paint;will-change:contents}.profile-header .avatar-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;border:2px solid var(--border);flex-shrink:0;background:var(--panel-2);box-sizing:border-box;overflow:hidden;display:block;opacity:1;visibility:visible;transition:opacity .15s ease-out,visibility .15s ease-out;contain:layout style paint;backface-visibility:hidden;transform:translateZ(0)}.profile-header .avatar-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.profile-header .character-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden;opacity:1;visibility:visible;transition:opacity .15s ease-out,visibility .15s ease-out;contain:layout style paint;backface-visibility:hidden;transform:translateZ(0)}.profile-header .character-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.user-profile-character-panel{position:relative;width:100%;height:100%;background:var(--character-panel-bg, radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%));border:none!important;border-radius:16px;overflow:hidden;box-sizing:border-box;contain:layout paint;transform:translateZ(0)}.user-profile-character-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border);border-radius:inherit;pointer-events:none;z-index:5}.chubrik-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.user-profile-character-panel__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:24px;box-sizing:border-box;z-index:1}.user-profile-character-panel .composite-character-view{width:100%;max-width:720px;height:100%;display:flex;align-items:flex-end;justify-content:center}.user-profile-character-panel .composite-character-image{width:100%;height:auto;transform:scale(1);transform-origin:center bottom}.user-profile-character-placeholder,.user-profile-character-empty{width:100%;height:100%;background:var(--character-panel-bg, radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%));border-radius:16px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;box-sizing:border-box}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block}.avatar-placeholder{width:100%;height:100%;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:128px;border-radius:inherit}.avatar-placeholder .material-icons{font-size:128px;color:var(--muted)}.profile-fields-wrapper{display:flex;flex-direction:column;gap:20px}.profile-info-row{display:flex;gap:16px;align-items:stretch}.profile-info-row .profile-info-card{flex:1 1 0;min-width:0;width:0}.profile-info-row .profile-stub-card{flex:1 1 0;min-width:0;width:0;display:flex}.profile-info-row .profile-stub-card .card-content{display:flex;flex:1;align-items:center;justify-content:center}.profile-stub-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;text-align:center;width:100%;opacity:.5}.profile-stub-icon{font-size:40px;color:var(--muted);opacity:.6}.profile-stub-text{font-size:13px;color:var(--muted);line-height:1.5}.profile-fields{display:flex;flex-direction:column;gap:8px;min-width:0}.profile-fields .form-group{margin:0}.form-value-with-placeholder.empty{color:var(--muted);font-style:normal}.profile-wall-card{margin-top:20px}.profile-friends-panel{display:flex;flex-direction:column;gap:14px}.form-group{margin-bottom:0}.form-label{display:block;margin-bottom:6px;font-weight:600;color:var(--muted);font-size:12px}.form-value{font-size:13px;color:var(--text);padding:10px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;min-height:36px;display:flex;align-items:center}.form-value.empty{color:var(--muted);font-style:italic}.user-friends-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.user-friends-tabs{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:22px;padding:3px}.user-friends-tab{padding:6px 16px;border-radius:18px;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;font-family:inherit}.user-friends-tab:hover{color:var(--text);background:var(--panel)}.user-friends-tab.active{background:var(--accent);color:var(--chip-active-text, #fff)}.user-friends-header .btn{width:auto;min-width:auto;padding:6px 18px;font-size:12px;flex-shrink:0;border-radius:18px}.user-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.user-friend-card{border:none;border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;background:var(--panel-2);cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;color:inherit;text-align:left;width:100%;font:inherit}.user-friend-card:hover{background:var(--panel);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.user-friend-card:active{transform:translateY(0)}.user-friend-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-friend-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-friend-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-friend-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:linear-gradient(135deg,var(--panel),var(--panel-2))}.user-friend-avatar-placeholder .material-icons{font-size:28px}.user-friend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-friend-username{font-weight:600;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-friend-fullname{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-friend-fullname--muted{opacity:.6}.user-friends-state{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.user-friends-state--error{color:#fca5a5}.user-friends-state--empty{font-style:italic;opacity:.7}.user-profile-character-empty{font-style:italic}.profile-fields-wrapper{display:flex;flex-direction:column}.profile-friends-mobile-card{display:none}@media (max-width: 768px){.profile-friends-desktop{display:none!important}.profile-friends-mobile-card{display:block;width:100%;order:2}.user-profile-page{flex-direction:column;gap:16px}.user-profile-sidebar{width:100%;order:2}.profile-header{display:flex;flex-direction:column;gap:12px;align-items:stretch}.avatar-character-container{width:100%;max-width:none;min-width:0;margin:0}.profile-fields-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.profile-info-row{display:flex;flex-direction:row;gap:10px}.profile-info-row .profile-info-card,.profile-info-row .profile-stub-card{flex:1 1 0;min-width:0;width:0}.profile-info-row .profile-stub-card{display:flex!important}.profile-info-card{display:flex;flex-direction:column;overflow:hidden}.profile-info-card .card-content{flex:1;min-height:0;overflow-y:auto}.profile-wall-card{width:100%;order:3;margin-top:0}.profile-fields{width:auto;gap:6px}.profile-fields .form-group{margin:0}.profile-fields .form-value-with-placeholder{position:relative;overflow:hidden;text-overflow:clip}.profile-fields .form-value-with-placeholder.empty span,.profile-fields .form-value-with-placeholder.text-overflowing span{display:inline-block;white-space:nowrap;animation:marquee 10s ease-in-out infinite}.profile-fields .form-value-with-placeholder:not(.empty):not(.text-overflowing) span{display:inline-block;white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}30%{transform:translate(0)}70%{transform:translate(calc(-100% + 80px))}to{transform:translate(0)}}.form-group{margin-bottom:0}.user-profile-character-panel{min-height:unset;border-radius:16px}.user-profile-character-panel__content{padding:16px}.user-profile-character-panel:after{border-width:1px;border-radius:16px}.user-profile-character-placeholder,.user-profile-character-empty{min-height:unset;padding:16px}.user-profile-character-panel .composite-character-image{transform:scale(1)}.avatar-character-content{height:auto;aspect-ratio:3 / 4;min-height:unset;border-radius:16px}.profile-header .avatar-container{width:100%;height:100%;margin:0;border-radius:16px;border-width:1px}.profile-header .character-container{border-radius:16px;overflow:hidden}.profile-header .character-container .user-profile-character-panel{border-radius:0;border:none;padding:0;height:100%}.avatar-character-switcher{padding:3px;gap:4px}.switcher-button{padding:6px 12px;font-size:12px}.form-label{font-size:11px;margin-bottom:3px}.form-value{font-size:13px;padding:6px 10px;min-height:32px}.avatar-placeholder{font-size:80px}.avatar-placeholder .material-icons{font-size:80px!important}.user-profile-main{order:1}.profile-wide-fields{gap:12px}.user-friends-grid{grid-template-columns:1fr;gap:6px}.user-friends-header{flex-direction:column;align-items:stretch;gap:10px}.user-friends-tabs{align-self:center}.user-friends-header .btn{width:100%;min-width:unset;padding:10px 16px;font-size:13px;border-radius:22px}.profile-friends-panel{gap:12px}.user-friend-card{padding:10px;border-radius:14px}.user-friend-avatar{width:44px;height:44px}}.profile-header-card .panel-title{font-size:14px}.profile-header-card .panel-title>div{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.profile-header-card .panel-title>div>span:nth-child(2){font-size:14px;text-align:center}.profile-header-card .panel-title>div>span:last-child{text-align:right}@media (max-width: 768px){.profile-header-card .panel-title{font-size:14px!important}.profile-header-card .panel-title>div>span:first-child{font-size:14px!important}}.user-profile-online-indicator{display:inline-block;width:10px;height:10px;background:#22c55e;border:2px solid var(--panel, #fff);border-radius:50%;box-shadow:0 0 0 2px #22c55e4d,0 2px 4px #0003;animation:pulse-online 2s ease-in-out 3;vertical-align:middle;flex-shrink:0;will-change:opacity,transform;contain:strict}.user-profile-offline-indicator{display:inline-block;width:10px;height:10px;background:#ef4444;border:2px solid var(--panel, #fff);border-radius:50%;box-shadow:0 0 0 2px #ef44444d,0 2px 4px #0003;vertical-align:middle;flex-shrink:0}@keyframes pulse-online{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile-room-badge{margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.profile-room-badge__header{display:flex;align-items:center;gap:5px;margin-bottom:6px;padding:0 2px}.profile-room-badge__icon{font-size:15px;color:var(--accent);animation:roomBadgePulse 2.5s ease-in-out infinite}.profile-room-badge__label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.profile-room-badge__body{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:12px;background:rgba(var(--accent-rgb, 59, 130, 246),.06);border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.15);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;color:inherit}.profile-room-badge__body:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.12);border-color:rgba(var(--accent-rgb, 59, 130, 246),.3);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.1)}.profile-room-badge__body:active{transform:translateY(0)}.profile-room-badge__thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--panel-2)}.profile-room-badge__thumb--placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.profile-room-badge__thumb--placeholder .material-icons{font-size:20px}.profile-room-badge__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-room-badge__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-room-badge__users{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);font-weight:500}.profile-room-badge__arrow{font-size:18px;color:var(--accent);flex-shrink:0;transition:transform .2s ease}.profile-room-badge__body:hover .profile-room-badge__arrow{transform:translate(3px)}@keyframes roomBadgePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes roomBadgeAppear{0%{opacity:0;transform:translateY(-6px);max-height:0;margin-top:0;padding-top:0}to{opacity:1;transform:translateY(0);max-height:120px;margin-top:6px;padding-top:8px}}.profile-room-badge{animation:roomBadgeAppear .4s ease-out both;overflow:hidden}.profile-level-badge-wrapper,.profile-message-btn-wrapper{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.profile-message-btn{width:100%;display:flex;align-items:center;justify-content:center;border-radius:12px}@media (max-width: 768px){.profile-message-btn-wrapper{margin-top:4px;padding-top:4px}.avatar-character-container{width:100%;max-width:none;min-width:0}}.user-profile-character-panel .user-info{position:absolute;top:6%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 4px;z-index:10;pointer-events:none}.user-profile-character-panel .username{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:700;background:linear-gradient(135deg,#6366f1e6,#3b82f6e6);border-color:#93c5fd66;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transform:translateZ(0)}.user-profile-character-panel .user-date,.user-profile-character-panel .user-last-online{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transform:translateZ(0);font-size:10px;font-weight:600}.user-profile-character-panel .user-date{color:#e4e7ec;background:#0d111bd9;border-color:#ffffff1f}.user-profile-character-panel .user-date:before{content:"🏠";font-size:10px;margin-right:4px;flex-shrink:0}.user-profile-character-panel .user-last-online{color:#e4ffe4;background:linear-gradient(135deg,#22c55ed9,#16a34ad9);border-color:#86efac66}.user-profile-character-panel .user-last-online:before{content:"🟢";font-size:8px;margin-right:4px;flex-shrink:0}@media (max-width: 768px){.user-profile-character-panel .user-info{gap:4px;padding:6px 2px;top:0!important}.user-profile-character-panel .username{font-size:12px;padding:4px 10px}.user-profile-character-panel .user-date,.user-profile-character-panel .user-last-online{font-size:9px;padding:4px 8px}.avatar-character-content,.user-profile-character-panel{pointer-events:none!important}.avatar-character-switcher,.avatar-container{pointer-events:auto!important}}@media (max-width: 768px){.user-profile-character-panel .user-info{gap:4px;padding:6px 2px;top:0!important}.user-profile-character-panel .username{font-size:12px;padding:4px 10px}}@media (max-width: 480px){.user-profile-character-panel .username{font-size:11px;padding:3px 8px}}@media (max-width: 380px){.user-profile-character-panel .user-info{gap:3px;padding:4px 2px}.user-profile-character-panel .username{font-size:10px;padding:3px 6px}}@media (prefers-reduced-motion: reduce){.user-profile-online-indicator,.form-value-with-placeholder span,.form-value-with-placeholder.text-overflowing span{animation:none!important}.profile-header .avatar-container,.profile-header .character-container{transition:none!important}}.topup-balance-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.topup-balance-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topup-balance-modal__content{position:relative;width:min(480px,100%);max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:0;display:flex;flex-direction:column;z-index:1;box-shadow:0 20px 60px #0000004d;overflow:hidden;box-sizing:border-box;animation:topupSlideIn .25s ease}@keyframes topupSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.topup-balance-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.topup-balance-modal__title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.topup-balance-modal__close{background:var(--panel-2);border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.topup-balance-modal__close:hover{background:var(--border);color:var(--text)}.topup-balance-modal__close .material-icons{font-size:20px}.topup-balance-modal__body{display:flex;flex-direction:column;gap:16px;padding:16px 24px;overflow-y:auto}.topup-balance-modal__current-balance{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.08),rgba(var(--accent-rgb, 59, 130, 246),.03));border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.15);border-radius:14px}.topup-balance-modal__current-balance .balance-label{font-size:13px;color:var(--muted);font-weight:500}.topup-balance-modal__current-balance .balance-value{font-size:17px;color:var(--accent);font-weight:700}.topup-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.topup-package{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;background:var(--panel-2);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;min-width:0;box-sizing:border-box}.topup-package:hover{background:var(--panel);border-color:rgba(var(--accent-rgb, 59, 130, 246),.3);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.topup-package.selected{background:rgba(var(--accent-rgb, 59, 130, 246),.08);border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.12)}.topup-package.popular{border-color:#f59e0b66;background:#f59e0b0a}.topup-package.popular.selected{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;background:#f59e0b14}.package-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:2px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;font-size:9px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}.package-bonus{position:absolute;top:4px;right:4px;padding:1px 5px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:6px;font-size:9px;font-weight:700;color:#22c55e}.package-name{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.package-amount{font-size:17px;font-weight:800;color:var(--text);line-height:1.2}.package-timer{display:flex;align-items:center;gap:3px;font-size:10px;color:#22c55e;font-weight:600}.package-timer .material-icons{font-size:13px}.package-price{font-size:13px;font-weight:700;color:var(--accent);margin-top:2px}.topup-summary{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:rgba(var(--accent-rgb, 59, 130, 246),.06);border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.12);border-radius:14px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.summary-value{font-weight:700;color:var(--text)}.summary-value.timer{color:#22c55e}.topup-balance-modal__error{padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:13px;text-align:center}.topup-balance-modal__success{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:14px;animation:topupSlideIn .3s ease}.topup-balance-modal__success .success-icon{font-size:28px}.topup-balance-modal__success .success-text{font-size:15px;font-weight:700;color:#22c55e}.topup-balance-modal__success .success-details{display:flex;gap:14px;font-size:13px;color:var(--text);font-weight:600}.topup-balance-modal__actions{display:flex;gap:10px;padding:0 24px 16px}.topup-balance-modal__actions button{flex:1;border-radius:14px!important;font-weight:600!important;padding:12px 16px!important;font-size:14px!important}.topup-note{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px 16px;font-size:11px;color:var(--muted);opacity:.7}.topup-note .material-icons{font-size:14px}@media (max-width: 600px){.topup-balance-modal{padding:10px;align-items:flex-end}.topup-balance-modal__content{border-radius:20px 20px 0 0;max-height:92vh;animation:topupSlideUp .3s ease}@keyframes topupSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.topup-balance-modal__header{padding:16px 18px 0}.topup-balance-modal__title{font-size:1.1rem}.topup-balance-modal__body{padding:14px 18px}.topup-packages{grid-template-columns:repeat(2,1fr)}.topup-package{padding:12px 8px 10px}.package-amount{font-size:15px}.topup-balance-modal__actions{padding:0 18px 14px;flex-direction:column}.topup-balance-modal__actions button{width:100%}.topup-note{padding:8px 18px 14px}}.invite-info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.invite-info-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.invite-info-modal__content{position:relative;width:min(460px,100%);max-height:88vh;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:0;display:flex;flex-direction:column;z-index:1;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:inviteSlideIn .25s ease}@keyframes inviteSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.invite-info-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0}.invite-info-modal__title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.invite-info-modal__close{background:var(--panel-2);border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.invite-info-modal__close:hover{background:var(--border);color:var(--text)}.invite-info-modal__close .material-icons{font-size:20px}.invite-info-modal__body{display:flex;flex-direction:column;gap:14px;padding:16px 22px 20px;overflow-y:auto}.invite-loading,.invite-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;color:var(--muted)}.invite-error{color:#ef4444}.loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.invite-info-block{display:flex;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#22c55e0f,#22c55e05);border:1px solid rgba(34,197,94,.15);border-radius:16px}.info-icon{font-size:22px;flex-shrink:0}.info-text p{margin:0;font-size:13px;color:var(--text);line-height:1.5}.info-text p strong{color:var(--accent)}.info-hint{margin-top:4px!important;font-size:11px!important;color:var(--muted)!important}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.invite-stats .stat-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;cursor:default}.invite-stats .stat-card.highlight{background:#22c55e0f;border-color:#22c55e33}.invite-stats .stat-card.bonus{background:#f59e0b0f;border-color:#f59e0b33}.invite-stats .stat-number{font-size:18px;font-weight:800;color:var(--text)}.invite-stats .stat-card.highlight .stat-number{color:#22c55e}.invite-stats .stat-card.bonus .stat-number{color:#f59e0b}.invite-stats .stat-label{font-size:10px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.invite-codes-section,.invited-users-section{display:flex;flex-direction:column;gap:8px}.section-header h3{font-size:12px;font-weight:700;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.5px}.invite-codes-list{display:flex;flex-direction:column;gap:6px}.invite-code-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;transition:background .15s}.invite-code-item:hover{background:var(--panel)}.invite-code-item .code{font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.5px}.copy-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.copy-btn:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent)}.copy-btn .material-icons{font-size:17px}.no-codes{padding:16px;text-align:center;color:var(--muted);font-size:13px}.invited-users-section .invite-codes-list{max-height:180px;overflow-y:auto;scrollbar-width:thin}.invited-users-section .invite-code-item .code{font-family:inherit;letter-spacing:normal}.code-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.code-action-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.code-action-btn:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent)}.code-action-btn .material-icons{font-size:17px}.invite-code-item.active{border-color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.04)}.qr-display{animation:qrFadeIn .25s ease}@keyframes qrFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 18px;background:var(--panel-2);border:1px solid var(--border);border-radius:18px}.qr-card svg{border-radius:12px}.qr-code-label{font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:700;color:var(--accent);letter-spacing:1px}.qr-hint{font-size:11px;color:var(--muted)}.qr-actions{display:flex;gap:8px;margin-top:4px}.qr-action-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;background:rgba(var(--accent-rgb, 59, 130, 246),.08);border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.15);border-radius:10px;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.qr-action-btn:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.15)}.qr-action-btn .material-icons{font-size:16px}.invite-info-modal__actions{display:none}@media (max-width: 500px){.invite-info-modal{padding:10px;align-items:flex-end}.invite-info-modal__content{border-radius:20px 20px 0 0;max-height:92vh;animation:inviteSlideUp .3s ease}@keyframes inviteSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.invite-info-modal__header{padding:16px 18px 0}.invite-info-modal__body{padding:14px 18px 18px}.invite-stats{grid-template-columns:repeat(3,1fr)}}.fortune-wheel-container{width:100%;max-width:100%;overflow:visible}.wheel-header{text-align:center;margin-bottom:16px}.wheel-header h3{font-size:22px;font-weight:700;color:var(--text);margin:0 0 6px}.wheel-hint{font-size:13px;color:var(--muted);margin:0}.wheel-level-hint{font-size:12px;color:var(--accent);margin:0 0 2px;font-weight:600;opacity:.85}.wheel-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 14px;border-radius:12px;text-align:center;margin-bottom:14px;font-size:13px}.wheel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--muted)}.wheel-stage{position:relative;width:100%;max-width:360px;margin:0 auto}.wheel-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;opacity:0;transition:opacity .6s ease;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 65%)}.wheel-glow.active{opacity:1;animation:glowPulse 1.2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.wheel-pointer-wrap{position:absolute;top:-12px;left:50%;margin-left:-16px;z-index:10;transform-origin:50% 0%}.wheel-pointer-wrap.tick{animation:pointerTick .18s cubic-bezier(.22,1,.36,1)}.wheel-pointer{width:32px;height:42px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}@keyframes pointerTick{0%{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-2deg)}to{transform:rotate(0)}}.wheel-svg{display:block;width:100%;height:auto;will-change:transform;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.wheel-svg.spinning{transition:transform 14s cubic-bezier(.03,.65,.05,1)}.wheel-svg text{pointer-events:none;-webkit-user-select:none;user-select:none}.wheel-tick-lights{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.tick-light{position:absolute;width:6px;height:6px;border-radius:50%;background:gold;left:-3px;top:-180px;transform-origin:3px 180px;animation:tickBlink .6s ease-in-out infinite alternate;box-shadow:0 0 6px 2px #ffd70080}@keyframes tickBlink{0%{opacity:.2;background:gold;box-shadow:0 0 4px 1px #ffd7004d}to{opacity:1;background:#fff8dc;box-shadow:0 0 8px 3px #ffd700b3}}.wheel-stage.is-spinning{animation:stageShake 14s ease-out}@keyframes stageShake{0%,5%{transform:scale(1)}1%{transform:scale(1.01)}2%{transform:scale(1)}85%{transform:scale(1)}90%{transform:scale(1.015)}95%{transform:scale(1.01)}to{transform:scale(1)}}.prize-result{margin-top:18px;padding:20px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:16px;text-align:center;position:relative;overflow:hidden;animation:prizeSlideIn .5s ease}.prize-result.celebrate{border-color:var(--accent);box-shadow:0 0 24px rgba(var(--accent-rgb, 59, 130, 246),.2)}@keyframes prizeSlideIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.prize-icon{font-size:48px;margin-bottom:8px;animation:prizeBounce .8s ease}@keyframes prizeBounce{0%{transform:scale(.3) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}70%{transform:scale(.9) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.prize-label{font-size:22px;font-weight:800;color:var(--accent);margin-bottom:6px}.prize-description{font-size:14px;color:var(--text);margin-bottom:4px;line-height:1.4}.prize-verb{font-size:12px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.prize-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;animation:sparkleFloat 1.5s ease-out forwards}.sparkle:nth-child(1){left:10%;top:20%;animation-delay:0s}.sparkle:nth-child(2){left:85%;top:15%;animation-delay:.1s;background:gold}.sparkle:nth-child(3){left:50%;top:5%;animation-delay:.2s}.sparkle:nth-child(4){left:20%;top:80%;animation-delay:.15s;background:gold}.sparkle:nth-child(5){left:75%;top:75%;animation-delay:.25s}.sparkle:nth-child(6){left:5%;top:50%;animation-delay:.05s;background:gold}.sparkle:nth-child(7){left:90%;top:50%;animation-delay:.3s}.sparkle:nth-child(8){left:45%;top:90%;animation-delay:.12s;background:gold}.sparkle:nth-child(9){left:30%;top:10%;animation-delay:.18s}.sparkle:nth-child(10){left:65%;top:85%;animation-delay:.08s;background:gold}.sparkle:nth-child(11){left:15%;top:60%;animation-delay:.22s}.sparkle:nth-child(12){left:80%;top:35%;animation-delay:.28s;background:gold}@keyframes sparkleFloat{0%{opacity:0;transform:scale(0) translateY(0)}30%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(0) translateY(-30px)}}.last-prize{margin-top:14px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.last-prize-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.last-prize-body{display:flex;flex-direction:column;gap:2px}.last-prize-label{font-size:16px;font-weight:700;color:var(--accent)}.last-prize-desc{font-size:12px;color:var(--muted);line-height:1.4}:root{--fw-ring: #1a1a2e;--fw-pin: #1a1a2e;--fw-pin-border: #ffd700;--fw-center: #1a1a2e}[data-theme=light]{--fw-ring: #e2e8f0;--fw-pin: #f8fafc;--fw-pin-border: #f59e0b;--fw-center: #f8fafc}@media (max-width: 768px){.wheel-stage{max-width:100%}.wheel-pointer{width:26px;height:34px}.prize-label{font-size:18px}.prize-description{font-size:13px}.tick-light{width:5px;height:5px;left:-2.5px}}.career-page{width:100%;overflow-x:hidden}.career-grid{display:grid;grid-template-columns:1fr minmax(300px,400px);gap:20px;align-items:start}.career-main-col{display:flex;flex-direction:column;gap:16px;min-width:0}.career-side-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:0}.career-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.career-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--muted)}.career-empty.small{padding:24px 16px}.career-empty .material-icons{font-size:48px;opacity:.4}.career-empty.small .material-icons{font-size:32px}.career-empty p{margin:0;font-size:14px}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:90%;padding:12px 24px;border-radius:22px;font-size:14px;font-weight:500;display:none;box-shadow:0 4px 24px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message.show{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.success-message{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#86efac}.career-section-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px}.career-section-card.wheel-card{padding:16px 8px;overflow:visible}@media (max-width: 768px){.career-section-card.wheel-card{padding:12px 4px}}.section-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.career-hero{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;min-width:0;overflow:hidden;flex-direction:column;gap:16px}.career-hero-level{display:flex}.career-hero-level .user-level-badge{flex:1}.hero-bonuses{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.hero-bonus-item{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--panel-2);border-radius:20px;font-size:13px;white-space:nowrap}.hero-bonus-item .material-icons{font-size:16px;color:var(--muted)}.hero-bonus-item.accent{background:#4caf501a}.hero-bonus-item.accent .material-icons,.hero-bonus-item.accent .hero-bonus-val{color:#4caf50}.hero-bonus-val{font-weight:700;color:var(--text)}.hero-bonus-lbl{color:var(--muted);font-size:11px}.hero-description{text-align:center;font-size:13px;color:var(--muted);font-style:italic;padding:0 8px}.lvl-inline-detail{display:flex;flex-direction:column;gap:8px}.lvl-inline-head{display:flex;align-items:center;gap:12px}.lvl-inline-icon{width:52px;height:52px;border-radius:50%;background:rgba(var(--accent-rgb, 59, 130, 246),.08);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.lvl-inline-icon.pulse{animation:dotPulse 2s ease-in-out infinite}.lvl-inline-icon.locked{opacity:.4;border-color:var(--border);background:var(--panel-2)}.lvl-inline-info{flex:1;min-width:0}.lvl-inline-title{font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lvl-inline-lvl{font-size:11px;font-weight:600;color:var(--muted);background:var(--panel-2);padding:2px 8px;border-radius:8px}.lvl-lock-icon{font-size:16px!important;color:var(--muted)}.lvl-inline-stars{font-size:13px;color:gold;letter-spacing:1px}.lvl-inline-desc{font-size:12px;color:var(--muted);font-style:italic;padding:0 4px}.lvl-inline-chips{display:flex;gap:6px;flex-wrap:wrap}.hero-bonus-item.done{background:#4caf501a}.hero-bonus-item.done .material-icons,.hero-bonus-item.done .hero-bonus-val{color:#4caf50}.career-current-stats{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.career-hero-claim{display:flex;flex-direction:column;gap:10px}.claim-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.claim-btn .material-icons{font-size:20px}.claim-btn.ready{background:linear-gradient(135deg,var(--accent),var(--accent-2, #60a5fa));color:#fff;box-shadow:0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.35)}.claim-btn.ready:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--accent-rgb, 59, 130, 246),.45)}.claim-btn.ready:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.3)}.claim-btn.waiting{background:var(--panel-2);color:var(--muted);cursor:default}.claim-btn:disabled{opacity:.6}.career-details{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px}.career-details-header{display:flex;flex-direction:column;gap:10px}.career-details-section,.career-details-actions{display:flex;flex-direction:column;gap:8px}.max-level-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ffd7001a,#ffa5000f);border:1px solid rgba(255,215,0,.2);border-radius:16px;font-size:14px;font-weight:600;color:var(--text)}.max-level-banner span:first-child{font-size:22px}.lvl-inline-next-level{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.08),rgba(var(--accent-rgb, 59, 130, 246),.03));border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.15);border-radius:14px}.lvl-inline-next-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.lvl-inline-next-reqs{display:flex;flex-direction:column;gap:4px}.lvl-inline-req-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.lvl-inline-req-item .req-icon{font-size:14px;flex-shrink:0}.lvl-inline-req-item .req-text{flex:1}.lvl-inline-req-item .req-status{font-weight:700;font-size:12px;color:var(--muted);white-space:nowrap}.lvl-inline-req-item .req-status.done{color:#22c55e}.level-badge-skeleton{height:60px;background:var(--panel-2);border-radius:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.salary-section{display:flex;flex-direction:column;gap:14px}.salary-amount{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:var(--panel-2);border:1px solid var(--border);border-radius:18px}.salary-value{font-size:32px;font-weight:800;color:var(--accent)}.salary-currency{font-size:26px}.invite-hint-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:1px dashed var(--border);border-radius:18px;color:var(--muted);font-size:13px;cursor:pointer;transition:all .2s ease;font-family:inherit}.invite-hint-button:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.05)}.invite-hint-button .material-icons{font-size:18px}.combo-display{display:flex;flex-direction:column;gap:8px;padding:14px;background:linear-gradient(135deg,#ff6b351f,#ff9f0a0f);border:1px solid rgba(255,107,53,.2);border-radius:16px}.combo-header{display:flex;align-items:center;gap:8px;font-weight:600}.combo-icon{font-size:20px}.combo-text{font-size:14px;color:#ff6b35}.combo-multiplier{margin-left:auto;font-size:12px;color:var(--muted);background:var(--panel);padding:4px 10px;border-radius:10px}.combo-progress{display:flex;gap:6px;justify-content:center}.combo-dot{width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--border);transition:all .2s ease}.combo-dot.active{background:linear-gradient(135deg,#ff6b35,#ff9f0a);border-color:#ff6b35;box-shadow:0 0 8px #ff6b3566}.perfect-timer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:14px;color:#86efac;font-size:13px;font-weight:600;animation:pulse-timer 1s ease-in-out infinite}.perfect-timer.warning{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.perfect-timer .material-icons{font-size:16px}.break-warning{margin-left:4px;font-size:14px}@keyframes pulse-timer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.combo-info{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;color:var(--muted);font-size:12px}.combo-info .material-icons{font-size:16px;color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:14px 10px 10px;text-align:center;transition:all .2s ease;position:relative;cursor:default;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--accent);box-shadow:0 2px 12px #00000014}.stat-icon{margin-bottom:2px}.stat-icon .material-icons{font-size:26px;color:var(--accent);opacity:.85}.stat-value{font-size:20px;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat-action-text{margin-top:4px;font-size:11px;font-weight:600;color:var(--accent);opacity:.8;transition:opacity .2s}.stat-card.clickable:hover .stat-action-text{opacity:1}.levels-info{display:flex;flex-direction:column;gap:18px}.info-section{display:flex;flex-direction:column;gap:10px}.info-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.info-section-title .material-icons{font-size:18px;color:var(--accent)}.bonuses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.bonus-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px}.bonus-item.highlight{background:#22c55e14;border-color:#22c55e40}.bonus-icon{font-size:22px}.bonus-details{flex:1}.bonus-value{font-size:15px;font-weight:700;color:var(--text)}.bonus-item.highlight .bonus-value{color:#22c55e}.bonus-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.level-description{font-size:13px;color:var(--muted);line-height:1.5;padding:12px 14px;background:var(--panel-2);border-radius:14px;border-left:3px solid var(--accent)}.info-list{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);line-height:1.45}.info-bullet{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}.requirements-info{display:flex;flex-direction:column;gap:8px}.req-info-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px}.req-icon{font-size:18px}.req-text{flex:1;font-size:13px;color:var(--text)}.req-status{font-size:12px;color:var(--muted);font-weight:500}.req-status.done{color:#22c55e;font-size:16px}.max-level-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.max-level-icon{font-size:56px}.max-level-text{font-size:16px;font-weight:600;color:var(--text)}.ranking-list{display:flex;flex-direction:column;gap:6px}.ranking-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel-2);border:1px solid transparent;border-radius:14px;cursor:pointer;transition:all .15s ease}.ranking-item:hover{background:var(--panel);border-color:var(--border)}.ranking-item.is-me{background:rgba(var(--accent-rgb, 59, 130, 246),.08);border-color:rgba(var(--accent-rgb, 59, 130, 246),.2)}.ranking-position{width:28px;text-align:center;flex-shrink:0}.ranking-position .medal{font-size:20px}.ranking-position .position-num{font-size:14px;font-weight:600;color:var(--muted)}.ranking-avatar{width:36px;height:36px;border-radius:50%;background:var(--panel);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-avatar .material-icons{font-size:20px;color:var(--muted)}.ranking-info{flex:1;min-width:0}.ranking-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-badge{font-size:10px;font-weight:600;color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.12);padding:2px 8px;border-radius:8px}.ranking-level{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.progress-container{position:relative;height:30px;background:var(--panel-2);border:1px solid var(--border);border-radius:15px;overflow:hidden}.progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2, #60a5fa));border-radius:15px;transition:width .5s ease;min-width:40px}.progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--panel);border:1px solid var(--border);border-radius:22px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 8px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}.modal-close{background:var(--panel-2);border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border);color:var(--text)}.modal-close .material-icons{font-size:20px}.modal-body{overflow-y:auto;padding:20px 24px}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.all-levels-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s ease}.all-levels-btn:hover{border-color:var(--accent);background:var(--panel)}.all-levels-btn .material-icons:first-child{font-size:22px;color:var(--accent)}.all-levels-arrow{margin-left:auto;font-size:20px!important;color:var(--muted)!important;transition:transform .2s}.all-levels-btn:hover .all-levels-arrow{transform:translate(3px);color:var(--accent)!important}.lvl-modal{max-width:560px}.lvl-track-wrap{overflow-x:auto;overflow-y:visible;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%}.lvl-track-wrap::-webkit-scrollbar{height:4px}.lvl-track-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lvl-track{display:flex;align-items:center}.lvl-track-node{display:flex;align-items:center;flex-shrink:0}.lvl-node{width:62px;height:62px;border-radius:50%;border:2px solid var(--border);background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;padding:0}.lvl-node-emoji{font-size:24px;line-height:1}.lvl-node-num{font-size:11px;font-weight:700;color:var(--muted);line-height:1}.lvl-node.unlocked{border-color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.06)}.lvl-node.current{border-color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.12);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.15)}.lvl-node.arrived{animation:nodeArrive .8s cubic-bezier(.34,1.56,.64,1)}.lvl-node.arrived:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--accent);animation:ringBurst .8s ease-out forwards;pointer-events:none}@keyframes nodeArrive{0%{transform:scale(1.18)}25%{transform:scale(1.45);box-shadow:0 0 0 10px rgba(var(--accent-rgb, 59, 130, 246),.25),0 0 30px rgba(var(--accent-rgb, 59, 130, 246),.15)}50%{transform:scale(1.05)}70%{transform:scale(1.25);box-shadow:0 0 0 6px rgba(var(--accent-rgb, 59, 130, 246),.18)}to{transform:scale(1.18);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 59, 130, 246),.18)}}@keyframes ringBurst{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.lvl-node.compact{width:38px;height:38px}.lvl-node.compact .lvl-node-num{font-size:13px;font-weight:700;color:var(--text-secondary)}.lvl-node.compact.unlocked .lvl-node-num{color:var(--accent)}.lvl-node.locked{opacity:.35;width:32px;height:32px}.lvl-node.locked.compact{width:28px;height:28px}.lvl-node.locked .lvl-node-emoji{font-size:13px}.lvl-node.locked .lvl-node-num{font-size:8px}.lvl-node.locked.compact .lvl-node-num{font-size:9px}.lvl-node.selected{transform:scale(1.18);border-width:3px;border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 59, 130, 246),.18);z-index:2;margin:0 4px}.lvl-node:hover:not(.selected){transform:scale(1.08);border-color:var(--accent)}.lvl-track-seg{width:16px;height:3px;background:var(--border);flex-shrink:0}.lvl-track-seg.filled{background:var(--accent)}.lvl-detail{padding:20px;display:flex;flex-direction:column;gap:14px}.lvl-detail-hero{display:flex;align-items:center;gap:16px}.lvl-detail-icon{width:64px;height:64px;border-radius:50%;background:rgba(var(--accent-rgb, 59, 130, 246),.08);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.lvl-detail-icon.pulse{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 4px rgba(var(--accent-rgb, 59, 130, 246),.12)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb, 59, 130, 246),.06)}}.lvl-detail-icon.locked{opacity:.4;border-color:var(--border);background:var(--panel-2)}.lvl-detail-main{flex:1;min-width:0}.lvl-detail-title{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lvl-badge-you{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--accent);padding:2px 8px;border-radius:10px}.lvl-badge-lock .material-icons{font-size:16px;color:var(--muted)}.lvl-detail-stars{font-size:14px;color:gold;letter-spacing:1px}.lvl-detail-lvlnum{font-size:12px;color:var(--muted);margin-top:2px}.lvl-progress-bar-wrap{width:100%}.lvl-progress-bar-bg{position:relative;height:22px;background:var(--panel-2);border-radius:11px;overflow:hidden}.lvl-progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2, #60a5fa) 100%);border-radius:11px;transition:width .4s ease;z-index:2}.lvl-progress-bar-fill.base{background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),rgba(var(--accent-rgb),.4));z-index:1}.lvl-progress-bar-fill.virtual{background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),rgba(var(--accent-rgb),.4));z-index:2;min-width:0}.lvl-progress-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.lvl-detail-desc{font-size:13px;color:var(--muted);line-height:1.6;padding:10px 14px;background:var(--panel-2);border-radius:12px;font-style:italic}.lvl-detail-stats{display:flex;flex-direction:column;gap:8px}.lvl-stat-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel-2);border-radius:12px;font-size:13px}.lvl-stat-row .material-icons{font-size:18px;color:var(--accent);flex-shrink:0}.lvl-stat-label{color:var(--muted);flex:1}.lvl-stat-val{font-weight:700;color:var(--text);display:flex;align-items:center}.lvl-stat-val small{color:var(--accent);font-weight:500;margin-left:4px}.lvl-stat-val.done{color:#4caf50}.lvl-detail-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:4px}.lvl-detail-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.lvl-detail-nav button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.lvl-detail-nav button:disabled{opacity:.3;cursor:default}.lvl-detail-nav button .material-icons{font-size:20px}.lvl-nav-counter{font-size:12px;font-weight:600;color:var(--muted);min-width:50px;text-align:center}.all-level-name{font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:2px}.current-badge-inline{font-size:10px;font-weight:600;color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.12);padding:2px 8px;border-radius:8px}.all-level-stars{font-size:13px;color:gold;letter-spacing:1px}.all-level-badge{font-size:12px;font-weight:600;color:var(--muted);background:var(--panel);padding:5px 12px;border-radius:10px;white-space:nowrap}.all-level-description{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.5}.all-level-details{display:flex;flex-direction:column;gap:6px}.all-level-stat{display:flex;align-items:center;gap:8px;font-size:13px}.all-level-stat .stat-icon{font-size:15px}.all-level-stat .stat-label{color:var(--muted)}.all-level-stat .stat-value{color:var(--text);font-weight:600}.all-level-stat .stat-bonus{color:var(--accent);font-size:12px}@media (max-width: 1024px){.career-grid{grid-template-columns:1fr}.career-side-col{position:static}}@media (max-width: 768px){.career-page{padding-bottom:100px}.career-grid,.career-main-col,.career-side-col{gap:12px}.career-hero,.career-details,.career-section-card{padding:14px;border-radius:16px}.salary-value{font-size:26px}.salary-currency{font-size:22px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:18px}.stat-icon{font-size:20px;margin-bottom:4px}.ranking-item{padding:8px 12px;gap:10px}.ranking-avatar{width:32px;height:32px}.ranking-name{font-size:13px}.bonuses-grid{grid-template-columns:1fr 1fr}.bonus-item{padding:10px;gap:8px}.bonus-icon{font-size:20px}.bonus-value{font-size:14px}.info-item{font-size:12px}.info-bullet{width:20px;height:20px;font-size:10px}.modal-overlay{padding:12px}.modal-content{max-height:90vh;border-radius:18px}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.modal-body{padding:14px 16px}.lvl-node{width:52px;height:52px}.lvl-node.compact{width:32px;height:32px}.lvl-node.compact .lvl-node-num{font-size:11px}.lvl-node.locked{width:28px;height:28px}.lvl-node.locked.compact{width:24px;height:24px}.lvl-node.locked .lvl-node-emoji{font-size:11px}.lvl-node.locked .lvl-node-num{font-size:7px}.lvl-node-emoji{font-size:20px}.lvl-node-num{font-size:10px}.lvl-track-seg{width:10px}.lvl-detail{padding:14px 16px;gap:12px}.lvl-detail-icon{width:52px;height:52px;font-size:26px}.lvl-detail-title{font-size:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:10px 6px 8px}.stat-icon .material-icons{font-size:22px}.stat-card .stat-value{font-size:16px}.stat-card .stat-label{font-size:9px}.stat-action-text{font-size:10px}.bonuses-grid{grid-template-columns:1fr}.info-section-title{font-size:12px}}.fr-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;overflow:hidden}.fr-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #00000040;animation:frToastIn .3s ease}.fr-toast--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fr-toast--ok{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fr-toast .material-icons{font-size:18px}@keyframes frToastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fr-sections{display:flex;flex-direction:column;gap:6px}.fr-section{display:flex;flex-direction:column}.fr-section+.fr-section{border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.fr-section-hdr{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 6px 8px}.fr-section-hdr .material-icons{font-size:17px;opacity:.6}.fr-section-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;min-width:18px;text-align:center}.fr-section-badge--muted{background:var(--chip);color:var(--muted)}.fr-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width: 1100px){.fr-list{grid-template-columns:repeat(2,1fr)}}.fr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--panel-2);border:1px solid transparent;transition:all .15s ease;min-width:0;overflow:hidden}.fr-row:hover{background:var(--panel);border-color:var(--border)}.fr-row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.fr-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;background:var(--panel)}.fr-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fr-avatar-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chip);border-radius:50%}.fr-avatar-ph .material-icons{font-size:24px;color:var(--muted);opacity:.6}.fr-info{display:flex;flex-direction:column;gap:2px;min-width:0}.fr-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fr-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.fr-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:10px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.fr-btn .material-icons{font-size:16px}.fr-btn:disabled{opacity:.5;cursor:not-allowed}.fr-btn:active:not(:disabled){transform:scale(.95)}.fr-btn--accept{background:#22c55e26;color:#22c55e}.fr-btn--accept:hover:not(:disabled){background:#22c55e40}.fr-btn--reject{background:#ef44441a;color:#ef4444}.fr-btn--reject:hover:not(:disabled){background:#ef444433}.fr-btn--cancel{background:var(--chip);color:var(--muted)}.fr-btn--cancel:hover:not(:disabled){background:var(--panel);color:var(--text)}.fr-btn--remove{background:#ef444414;color:var(--muted)}.fr-btn--remove:hover:not(:disabled){background:#ef44442e;color:#ef4444}.fr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--muted);text-align:center}.fr-empty-icon{font-size:40px;opacity:.3}.fr-empty-icon.spin{animation:frSpin 1s linear infinite}.fr-empty span:nth-child(2){font-size:14px;font-weight:500}.fr-empty-hint{font-size:12px;opacity:.6}@keyframes frSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.fr-card{padding:10px;border-radius:14px}.fr-list{grid-template-columns:repeat(2,1fr);gap:8px}.fr-row{flex-direction:column;align-items:center;text-align:center;padding:14px 10px 12px;gap:8px;border-radius:14px}.fr-row-left{flex-direction:column;align-items:center;gap:8px}.fr-avatar{width:52px;height:52px}.fr-info{align-items:center}.fr-name{font-size:13px}.fr-sub{font-size:11px}.fr-actions{width:100%;justify-content:center;gap:8px;margin-top:2px}.fr-btn{width:38px;height:38px;padding:0;border-radius:50%;flex:none;justify-content:center;align-items:center}.fr-btn .material-icons{font-size:20px}.fr-btn-label{display:none}.fr-section-hdr{font-size:11px;padding:2px 4px 6px}.fr-empty{padding:30px 16px}}.simple-user-card{flex:0 0 auto;width:180px;height:280px;position:relative;scroll-snap-align:start;pointer-events:none;background:transparent;border:none;border-radius:16px}.no-character-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff3;pointer-events:none}.no-character-placeholder .material-icons{font-size:40px;opacity:.4}@media (max-width: 768px){.simple-user-card{width:150px;height:240px}}@media (max-width: 480px){.simple-user-card{width:130px;height:220px}}@media (max-width: 380px){.simple-user-card{width:115px;height:200px}}.shared-spine-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.shared-spine-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.shared-spine-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:spin .8s linear infinite}body.users-no-scroll,html.users-no-scroll{overflow:hidden!important;height:100%!important;max-height:100%!important;overscroll-behavior:none}body.users-keyboard-open .mobile-bottom-panel{display:none!important}.users-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.users-toolbar{display:flex;flex-direction:column;gap:8px;z-index:10;flex:0 0 auto}.users-toolbar--desktop{padding:8px 16px 6px}.users-toolbar--mobile{display:none}.users-search-inner{position:relative;display:flex;align-items:center;width:100%}.users-search-icon{position:absolute;left:14px;font-size:20px;color:var(--muted, rgba(255, 255, 255, .4));pointer-events:none}.users-search-input{width:100%;padding:10px 44px;font-size:14px;font-weight:500;border:1px solid var(--border, rgba(255, 255, 255, .15));border-radius:14px;background:var(--panel, rgba(22, 26, 34, .95));color:var(--text, #fff);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.users-search-input:focus{border-color:var(--accent, #6366f1);box-shadow:0 0 0 2px #6366f133}.users-search-input::placeholder{color:var(--muted, rgba(255, 255, 255, .4))}[data-theme=light] .users-search-input{background:var(--panel, #fff);border-color:var(--border, rgba(0, 0, 0, .12));color:#1a1a2e}[data-theme=light] .users-search-input:focus{background:#fff;border-color:var(--accent, #6366f1)}[data-theme=light] .users-search-input::placeholder{color:#0006}[data-theme=light] .users-search-icon{color:#0006}.users-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:var(--text, #fff);cursor:pointer;transition:background .15s}.users-search-clear:hover{background:var(--accent, #6366f1)}.users-search-clear .material-icons{font-size:16px}[data-theme=light] .users-search-clear{background:#0000000f;color:#333}.users-filters-row{display:flex;align-items:center;gap:8px;width:100%}.users-chips{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.users-chips::-webkit-scrollbar{display:none}.users-chip{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:18px;background:transparent;color:var(--muted, rgba(255, 255, 255, .55));font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex:0 0 auto;font-family:inherit}.users-chip .material-icons{font-size:14px}.users-chip .online-dot{font-size:8px;color:#22c55e}.users-chip:hover{border-color:#6366f14d;color:var(--text, #fff)}.users-chip.active{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);color:#fff}.users-chip.active .online-dot{color:#fff}.users-chip-count{background:#fff3;padding:1px 5px;border-radius:8px;font-size:10px;font-weight:700}.users-chip.active .users-chip-count{background:#ffffff40}[data-theme=light] .users-chip{border-color:var(--border, rgba(0, 0, 0, .1));color:#888}[data-theme=light] .users-chip:hover{border-color:#6366f133;color:#333}[data-theme=light] .users-chip.active{background:var(--accent, #6366f1);border-color:var(--accent);color:#fff}.users-sort{flex:0 0 auto}.users-sort-select{padding:5px 24px 5px 8px;font-size:12px;font-weight:500;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:10px;background:transparent;color:var(--muted, rgba(255, 255, 255, .55));outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgba(255,255,255,0.4)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color .15s}.users-sort-select:focus{border-color:var(--accent, #6366f1)}.users-sort-select option{background:#1a1d2e;color:#fff}[data-theme=light] .users-sort-select{border-color:var(--border, rgba(0, 0, 0, .1));color:#888;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgba(0,0,0,0.35)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E")}[data-theme=light] .users-sort-select option{background:#fff;color:#333}.users-count{font-size:11px;font-weight:500;color:var(--muted, rgba(255, 255, 255, .3))}[data-theme=light] .users-count{color:#0000004d}.users-carousel-wrapper{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--panel, rgba(22, 26, 34, .95));border:1px solid var(--border, rgba(255, 255, 255, .1))}[data-theme=light] .users-carousel-wrapper{background:var(--panel, #fff);border-color:var(--border, rgba(0, 0, 0, .08))}.users-search-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted, rgba(255, 255, 255, .5));font-size:15px;font-weight:500;padding:30px 20px}.users-search-empty .material-icons{font-size:40px;opacity:.5}.users-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted, rgba(255, 255, 255, .5));font-size:15px}.users-status .material-icons{font-size:40px;opacity:.5}.users-status--error{color:#f87171}.users-carousel-container{position:relative;flex:1 1 0;min-height:0;overflow:hidden}.users-carousel-native{display:flex;gap:12px;padding:12px 16px;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;position:relative;z-index:2;cursor:pointer;scroll-behavior:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transform:translateZ(0);will-change:scroll-position}.users-carousel-native::-webkit-scrollbar{display:none}.users-load-more-trigger{flex:0 0 auto;width:60px;min-height:100px}@media (min-width: 769px){.users-toolbar--mobile{display:none!important}.users-page{padding:0 16px}.users-carousel-wrapper{max-height:60vh}}@media (max-width: 768px){.users-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;padding:0;padding-bottom:calc(var(--mobile-panel-space, 84px) + 10px);box-sizing:border-box;z-index:2}.users-toolbar--desktop{display:none!important}.users-toolbar--mobile{display:flex;flex-direction:column;gap:10px;padding:10px 12px 8px;flex:0 0 auto}.users-carousel-wrapper{flex:1 1 0;min-height:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}.users-carousel-container{flex:1 1 0;min-height:0}.users-search-input{padding:10px 42px;font-size:14px;border-radius:14px}.users-search-icon{font-size:20px;left:12px}.users-filters-row{gap:6px;align-items:stretch}.users-chips{gap:5px}.users-chip{padding:6px 10px;font-size:12px;gap:3px;border-radius:16px}.users-chip .material-icons{font-size:14px}.users-chip .online-dot{font-size:9px}.users-sort-select{font-size:12px;padding:6px 22px 6px 8px;border-radius:10px;min-width:max-content}.users-carousel-native{gap:8px;padding:8px 10px}}@media (max-width: 480px){.users-carousel-native{gap:6px;padding:6px 8px}}@media (max-width: 380px){.users-carousel-native{gap:5px;padding:5px 6px}}@media (prefers-reduced-motion: reduce){.users-status-spinner{animation:none}}@supports (-webkit-touch-callout: none){.users-carousel-native{-webkit-overflow-scrolling:touch}}.stg{display:flex;gap:20px;align-items:flex-start;width:100%;min-height:calc(100vh - 80px)}.stg-sidebar{width:clamp(280px,30vw,340px);flex-shrink:0;display:flex;flex-direction:column;gap:12px}.stg-nav{display:flex;flex-direction:column;gap:16px}.stg-nav-block{display:flex;flex-direction:column;gap:6px}.stg-nav-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:2px 6px}.stg-nav-card .card-content{padding:0;gap:0}.stg-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;color:var(--text);transition:background .15s;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;border-bottom:1px solid var(--border)}.stg-nav-item:last-child{border-bottom:none}.stg-nav-item:hover{background:var(--hover-bg, rgba(128,128,128,.06))}.stg-nav-item.active{background:var(--accent-bg, rgba(59,130,246,.08))}.stg-nav-item.active .stg-nav-icon{color:var(--accent)}.stg-nav-item.active .stg-nav-label{color:var(--accent);font-weight:600}.stg-nav-item.danger .stg-nav-icon,.stg-nav-item.danger .stg-nav-label{color:var(--danger, #ef4444)}.stg-nav-icon{font-size:22px;color:var(--muted);flex-shrink:0}.stg-nav-icon-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stg-nav-icon-circle .material-icons{font-size:17px;color:#fff}.stg-nav-text{display:flex;flex-direction:column;min-width:0;flex:1}.stg-nav-label{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.stg-nav-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.stg-nav-chevron{font-size:18px;color:var(--muted);opacity:.35;flex-shrink:0;display:none}.stg-nav-card{border-radius:14px!important;overflow:hidden}.stg-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.settings-section{display:flex;flex-direction:column;gap:20px;animation:stgFadeIn .2s ease;padding:4px 0}@keyframes stgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-section-header{display:none}.settings-section-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em}.settings-back-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:2px;cursor:pointer;padding:0;background:none;border:none;font-family:inherit}.settings-back-link:hover{opacity:.8}.settings-back-link .material-icons{font-size:18px}.settings-index-desktop-hint{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:15px}.settings-index-mobile,.settings-index-mobile-header{display:none}.stg-card-block{display:flex;flex-direction:column;gap:8px}.stg-card-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:0 4px}.stg-card{border-radius:14px!important}.stg-card .card-content{padding:0;gap:0}.stg-card-actions{padding:14px 16px}.stg-card-actions .settings-full-btn{width:100%;border-radius:10px}.settings-card{margin-bottom:0}.settings-list-card{border:none;box-shadow:none;padding:0}.settings-list-card .card-body{display:flex;flex-direction:column;gap:12px}.settings-full-btn{width:100%}.settings-compact-btn.btn{padding:8px 12px;font-size:12px}.settings-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.settings-kv-label{font-size:14px;font-weight:600;color:var(--text)}.settings-kv-value{font-size:16px;font-weight:800;color:var(--accent)}.settings-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-hint{font-size:12px;color:var(--muted)}.settings-row-action-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.settings-btn-icon{vertical-align:middle;margin-right:6px;font-size:18px}.settings-alert{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-radius:10px;font-size:13px;border:1px solid transparent;margin:0 16px 12px}.settings-alert .material-icons{font-size:18px;margin-top:1px;opacity:.95}.settings-alert--warn{background:var(--warn-bg, rgba(255, 193, 7, .1));border-color:var(--warn-border, rgba(255, 193, 7, .25));color:var(--warn-text, rgba(255, 193, 7, .95))}.settings-alert--error{background:var(--error-bg, rgba(244, 67, 54, .1));border-color:var(--error-border, rgba(244, 67, 54, .25));color:var(--error-text, rgba(244, 67, 54, .95))}.settings-subsection{border-top:1px solid var(--border);padding-top:12px}.settings-subsection-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px}.settings-subsection-title .material-icons{font-size:16px;opacity:.7}.settings-loading{padding:16px;text-align:center;color:var(--muted);font-size:12px}.settings-toggle-list{display:flex;flex-direction:column}.settings-toggle-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);align-items:center}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{display:flex;align-items:flex-start;gap:10px;min-width:0}.settings-toggle-info .material-icons{font-size:18px;color:var(--muted);flex-shrink:0;margin-top:1px}.settings-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-toggle-label{font-size:13px;font-weight:700;color:var(--text)}.settings-toggle-desc{font-size:12px;color:var(--muted);line-height:1.35}.settings-toggle-control{display:flex;align-items:center;justify-content:flex-end}.settings-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .2s ease;cursor:pointer}.settings-switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--switch-knob, #fff);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #00000040}.settings-switch input:checked+.settings-switch-slider{background:var(--accent)}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(18px)}.settings-switch input:disabled+.settings-switch-slider{opacity:.6;cursor:not-allowed}.settings-switch input:focus-visible+.settings-switch-slider{outline:2px solid var(--accent);outline-offset:2px}.theme-setting{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;gap:12px;flex-wrap:wrap}.theme-setting-info{display:flex;align-items:center;gap:12px;min-width:0}.theme-setting-info .material-icons{font-size:22px;color:var(--accent)}.theme-setting-label{font-weight:600;font-size:14px;color:var(--text)}.theme-color-setting{justify-content:flex-start;gap:12px;align-items:flex-start}.theme-color-bar{display:flex;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:4px;flex:1;min-width:0;-webkit-overflow-scrolling:touch}.theme-color-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-dot-border);cursor:pointer;transition:transform .12s ease,border-color .3s ease,outline-color .3s ease;flex-shrink:0}.theme-color-dot:hover:not(:disabled){transform:scale(1.05)}.theme-color-dot.selected{outline:3px solid var(--color-dot-selected)}.theme-color-dot:disabled{opacity:.5;cursor:not-allowed}.settings-invites-salary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel-2);border-bottom:1px solid var(--border)}.settings-invites-salary-label{font-size:13px;font-weight:600;color:var(--muted)}.settings-invites-salary-value{font-size:16px;font-weight:800;color:var(--accent)}.invites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:16px}.invite-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.invite-item.used{opacity:.6}.invite-code{font-family:monospace;font-size:11px;font-weight:600;color:var(--text);word-break:break-all;line-height:1.4;text-align:center;padding:10px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.invite-status{font-size:11px;padding:6px 8px;border-radius:6px;font-weight:600;text-align:center}.invite-status.active{background:var(--status-active-bg);color:var(--status-active-text)}.invite-status.used{background:var(--status-used-bg);color:var(--muted)}.invites-empty{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px}.settings-chat-settings .chat-settings{padding:0}.stg-profile-card.card .card-content{flex-direction:row;align-items:center;gap:16px;padding:18px 20px}.stg-profile-card.card{border-radius:14px!important}.stg-profile-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--border);display:flex;align-items:center;justify-content:center}.stg-profile-avatar-img{width:100%;height:100%;object-fit:cover}.stg-profile-avatar-placeholder{font-size:56px;color:var(--muted);opacity:.5}.stg-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stg-profile-name{font-size:17px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stg-profile-username{font-size:13px;color:var(--muted)}.stg-rows{overflow:hidden}.stg-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border)}.stg-row:last-child{border-bottom:none}.stg-row--clickable{cursor:pointer;transition:background .15s}.stg-row--clickable:hover{background:var(--hover-bg, rgba(128,128,128,.06))}.stg-row-icon{font-size:22px;color:var(--accent);flex-shrink:0}.stg-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.stg-row-title{font-size:15px;font-weight:500;color:var(--text)}.stg-row-hint{font-size:12px;color:var(--muted)}.stg-row-value{font-size:16px;font-weight:700;color:var(--accent);flex-shrink:0;letter-spacing:-.02em}.stg-section-desc{padding:10px 16px 6px;font-size:13px;color:var(--muted);line-height:1.45}.stg-row--selectable{cursor:pointer;transition:background .15s;width:100%;text-align:left;border:none;outline:none;background:none;font-family:inherit;font-size:inherit;color:inherit;padding:13px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.stg-row--selectable:last-child{border-bottom:none}.stg-row--selectable:hover{background:var(--hover-bg, rgba(128,128,128,.06))}.stg-row--selectable:disabled{opacity:.5;cursor:not-allowed}.stg-row--active{background:rgba(var(--accent-rgb, 59,130,246),.06)}.stg-row--active .stg-row-icon{color:var(--accent)}.stg-row-check{color:var(--accent);font-size:20px;flex-shrink:0;margin-left:auto}.stg-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px}.stg-color-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .2s,transform .15s,background .15s}.stg-color-btn:hover:not(:disabled){background:var(--hover-bg, rgba(128,128,128,.06));transform:scale(1.04)}.stg-color-btn.selected{border-color:var(--accent);background:var(--accent-bg, rgba(59,130,246,.06))}.stg-color-btn:disabled{opacity:.5;cursor:not-allowed}.stg-color-dot{width:40px;height:40px;border-radius:50%;background:var(--dot-color);border:3px solid transparent;box-shadow:inset 0 0 0 1px #00000014;transition:transform .15s ease}.stg-color-btn:hover .stg-color-dot{transform:scale(1.1)}.stg-color-btn.selected .stg-color-dot{border-color:var(--accent)}.stg-color-name{display:none}.settings-stub.stg-card .card-content{align-items:center;justify-content:center;padding:48px 20px;text-align:center;gap:12px}.settings-stub .material-icons{font-size:48px;color:var(--muted);opacity:.3}.settings-stub-title{font-size:16px;font-weight:600;color:var(--text)}.settings-stub-desc{font-size:13px;color:var(--muted);max-width:280px;line-height:1.4}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:90%;padding:12px 20px;border-radius:10px;display:none;font-size:13px;font-weight:500}.message.show{display:block}.error-message{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.success-message{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}@media (max-width: 768px){.stg{flex-direction:column;gap:0;min-height:0}.stg-sidebar{width:100%;padding:0}.stg-nav{gap:12px}.stg-content{padding:0;gap:12px}.stg--subpage .stg-sidebar{display:none}.stg:not(.stg--subpage) .stg-content{display:none}.settings-section-header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.stg-nav-chevron{display:block}.stg-nav-item{padding:13px 16px}.stg-nav-item.active{background:none}.stg-nav-item.active .stg-nav-icon,.stg-nav-item.active .stg-nav-label{color:inherit;font-weight:inherit}.settings-index-desktop-hint{display:none}.settings-index-mobile,.settings-index-mobile-header{display:block}.settings-row-action-btn{width:100%}.theme-color-bar{gap:6px;padding:3px}.theme-color-dot{width:28px;height:28px}.settings-kv-row{flex-wrap:wrap}.invites-container{grid-template-columns:1fr}}@media (min-width: 769px){.stg-nav-chevron{display:none}}.sidebar{width:220px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:0;flex-shrink:0;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;overflow:hidden;margin:20px 0 20px 20px;opacity:1;-webkit-overflow-scrolling:touch;display:block;visibility:visible;transition:opacity .28s ease,transform .28s ease}@media (min-width: 769px){.sidebar.sidebar--hidden{opacity:0;transform:translate(-30px);pointer-events:none;position:fixed;width:0;min-width:0;overflow:hidden;padding:0;margin:0;border:none}}body.loaded .sidebar{transition:opacity .28s ease,transform .28s ease,background-color .3s ease,border-color .3s ease}.sidebar-menu{padding:12px;display:flex;flex-direction:column;gap:6px}.sidebar-menu-item{width:100%;text-align:left;padding:10px 14px;border:1px solid transparent;border-radius:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;font-size:13px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--panel-2);color:var(--text);text-decoration:none;display:flex;align-items:center;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.sidebar-menu-item:hover{background:var(--chip-active);border-color:transparent;color:var(--chip-active-text, white)}}.sidebar-menu-item:not(.active):active{background:var(--panel-2);color:var(--text);opacity:.85}.sidebar-menu-item.active{background:var(--chip-active)!important;border-color:transparent!important;color:var(--chip-active-text, white)!important}.sidebar-menu-item .material-icons{vertical-align:middle;margin-right:4px;font-size:18px;display:inline-block}.friends-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#f44;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center;line-height:14px}.sidebar-menu-item.active .friends-badge{background:#ffffff4d;color:#fff}.mobile-menu-button{position:fixed!important;top:20px!important;left:20px!important;z-index:2300!important;min-width:96px!important;height:40px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .14s ease,transform .14s ease!important;box-shadow:0 8px 24px #00000059!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;margin:0!important;padding:0 16px!important;box-sizing:border-box!important;font-size:14px!important;font-weight:600!important;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial!important}@media (min-width: 769px){.mobile-menu-button{display:none!important}}@media (max-width: 768px){.mobile-menu-button{display:none!important}}.mobile-menu-button:hover{background:var(--chip-active);color:var(--chip-active-text, white);border-color:transparent}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.sidebar-bottom-bar{position:fixed;bottom:12px;left:80px;z-index:2251;display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:0 8px;min-width:410px;background:#0f0f16bf;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 4px 24px #0000004d;transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .28s ease;will-change:transform,opacity}.sidebar-bottom-bar--visible{transform:translateY(0);opacity:1;pointer-events:auto}[data-theme=light] .sidebar-bottom-bar{background:#ffffffd1;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 24px #0000001f}.bottom-bar-item{display:flex;align-items:center;justify-content:center;padding:0;width:42px;height:42px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.bottom-bar-item .material-icons{font-size:22px;line-height:1;transition:transform .15s ease}.bottom-bar-label{display:none}@media (hover: hover) and (pointer: fine){.bottom-bar-item:hover{background:#ffffff1f;color:var(--text, #fff)}[data-theme=light] .bottom-bar-item:hover{background:#00000014;color:var(--text, #111)}.bottom-bar-item:hover .material-icons{transform:scale(1.1)}}.bottom-bar-item:active{transform:scale(.9)}.bottom-bar-item.active{color:var(--chip-active-text, white);background:var(--chip-active)}.bottom-bar-item .friends-badge{position:absolute;top:0;right:0;transform:none;font-size:8px;padding:1px 3px;min-width:12px;line-height:10px}.sidebar-bottom-bar .notification-bell-wrapper{display:flex;align-items:center;justify-content:center}.sidebar-bottom-bar .notification-bell-btn{display:flex;align-items:center;justify-content:center;padding:0;width:42px;height:42px;border-radius:50%;background:transparent;color:var(--text-secondary, #888);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;transition:background-color .15s ease,color .15s ease,transform .15s ease}.sidebar-bottom-bar .notification-bell-btn .material-icons{font-size:22px;color:inherit}.sidebar-bottom-bar .notification-bell-btn.has-unread{color:var(--accent)}@media (hover: hover) and (pointer: fine){.sidebar-bottom-bar .notification-bell-btn:hover{background:#ffffff1f;color:var(--text, #fff)}[data-theme=light] .sidebar-bottom-bar .notification-bell-btn:hover{background:#00000014}}.sidebar-bottom-bar .notification-bell-btn:active{transform:scale(.9)}.sidebar-bottom-bar .notification-badge{top:0;left:auto;right:0;font-size:8px;padding:1px 3px;min-width:12px;height:14px;line-height:12px}.dock-user-avatar-bubble{position:fixed;bottom:16px;z-index:2200;width:48px;height:48px;border-radius:50%;background:#0f0f16bf;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(.5);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1)}.dock-user-avatar-bubble.visible{opacity:1;transform:scale(1);pointer-events:auto}.dock-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dock-user-avatar-placeholder{font-size:26px;color:var(--text-secondary, #888)}[data-theme=light] .dock-user-avatar-bubble{background:#ffffffd1;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 24px #0000001f}@media (max-width: 768px){.sidebar-bottom-bar,.dock-user-avatar-bubble{display:none!important}}@media (max-width: 768px){.sidebar:not(.mobile-sidebar){width:100%;height:auto;position:relative;border-radius:18px;padding:0;margin:0;top:0;max-height:none}.sidebar:not(.mobile-sidebar) .sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:8px}.sidebar:not(.mobile-sidebar) .sidebar-menu-item{flex:1;min-width:120px;justify-content:center}.sidebar.mobile-sidebar{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;-webkit-backface-visibility:hidden!important}.sidebar.mobile-sidebar.mobile-sidebar-open{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.container.room-layout .sidebar.mobile-sidebar .sidebar-menu,.sidebar.mobile-sidebar .sidebar-menu{flex-direction:column!important;flex-wrap:nowrap!important;padding:16px!important;gap:12px!important}.container.room-layout .sidebar.mobile-sidebar .sidebar-menu-item,.sidebar.mobile-sidebar .sidebar-menu-item{flex:none!important;min-width:auto!important;width:100%!important;justify-content:flex-start!important;text-align:left!important;padding:16px 20px!important;font-size:16px!important;min-height:56px!important}.container.room-layout .sidebar.mobile-sidebar .sidebar-menu-item .material-icons,.sidebar.mobile-sidebar .sidebar-menu-item .material-icons{font-size:24px!important;margin-right:12px!important}}@media (max-width: 480px){.sidebar-menu{gap:10px}.sidebar.mobile-sidebar .sidebar-menu{gap:12px!important}.sidebar-menu-item{padding:8px 10px;font-size:12px;border-width:.5px}.sidebar.mobile-sidebar .sidebar-menu-item{padding:16px 20px!important;font-size:16px!important;min-height:56px!important}.sidebar.mobile-sidebar .sidebar-menu-item .material-icons{font-size:24px!important;margin-right:12px!important}}.chat-tabs-wrapper{display:flex;flex-direction:column;width:220px;min-width:220px;flex-shrink:0;overflow:hidden;transition:transform .3s ease;position:relative;pointer-events:all}.chat-tabs-sidebar{display:flex;flex-direction:column;width:100%;height:100%;background:var(--panel);overflow:hidden}.chat-tabs-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998;opacity:0;transition:opacity .3s ease;pointer-events:none;touch-action:none}.chat-tabs-overlay.open{opacity:1;pointer-events:all}.chat-tabs-overlay.open~.chat-tabs-wrapper{pointer-events:all}.chat-tabs-header{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--panel-2);color:var(--text);font-weight:700;font-size:15px;flex-shrink:0;border-bottom:1px solid var(--border)}.chat-tabs-header .material-icons{font-size:20px;color:var(--accent)}.chat-tabs-title{font-weight:700}.chat-tabs-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;will-change:scroll-position;padding:6px 0}.chat-tab{display:flex;align-items:flex-start;gap:0;padding:10px 16px;background:transparent;border:none;color:var(--text);cursor:pointer;transition:background .12s ease;text-align:left;width:100%;min-height:56px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;position:relative;white-space:normal;flex-shrink:0}.chat-tab:after{content:"";position:absolute;bottom:0;left:72px;right:16px;height:1px;background:var(--border);opacity:.5}.chat-tab:last-child:after{display:none}.chat-tab:hover{background:var(--panel-2)}.chat-tab:active{background:var(--panel-2);opacity:.85}.chat-tab.active{background:var(--chip-active);color:#fff}.chat-tab.active:after{display:none}.chat-tab.chat-tab-room{margin:6px 10px 4px;width:calc(100% - 20px);padding:12px 16px;border-radius:22px;background:var(--panel-2);border:1px solid var(--border);min-height:auto}.chat-tab.chat-tab-room:after{display:none}.chat-tab.chat-tab-room:hover{background:var(--panel-2);border-color:var(--accent)}.chat-tab.chat-tab-room.active{background:var(--chip-active);border-color:transparent}.chat-tab-room-messages{display:flex;flex-direction:column;gap:2px;margin-top:2px}.chat-tab-room-msg{font-size:12px;line-height:1.35;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tab-room-msg-text{font-weight:400}.chat-tab.active .chat-tab-room-msg{color:#fff9}.chat-tab.active .chat-tab-room-messages .chat-tab-preview-sender{color:#ffffffd9}.chat-tab-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.chat-tab-avatar{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;flex-shrink:0;background:var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.chat-tab-avatar img{width:100%;height:100%;object-fit:cover}.chat-tab-avatar .material-icons{font-size:26px;color:var(--muted)}.chat-tab.active .chat-tab-avatar{background:#ffffff26}.chat-tab.active .chat-tab-avatar .material-icons{color:#ffffffd9}.chat-tab-name-wrapper{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;padding-top:2px}.chat-tab-top-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.chat-tab-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);line-height:1.3}.chat-tab.active .chat-tab-name{color:#fff}.chat-tab-room-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-tab.active .chat-tab-room-name{color:#fff}.chat-tab-time{font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap;flex-shrink:0;line-height:1.3}.chat-tab.active .chat-tab-time{color:#fff9}.chat-tab-preview{font-size:13px;font-weight:400;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal}.chat-tab-preview--empty{font-style:italic;opacity:.45}.chat-tab-preview-sender{font-weight:600;color:var(--accent)}.chat-tab.active .chat-tab-preview{color:#fff9}.chat-tab.active .chat-tab-preview-sender{color:#ffffffd9}.chat-tab-label{font-size:12px;font-weight:500;color:var(--muted);line-height:1.2}.chat-tab.active .chat-tab-label{color:#ffffffb3}.chat-tab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;padding-top:2px;margin-left:8px}.chat-tab-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--accent);color:#fff;border-radius:11px;font-size:12px;font-weight:600;line-height:1;flex-shrink:0}.chat-tab.active .chat-tab-unread-count{background:#ffffff40}.chat-tab-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;-webkit-user-select:none;user-select:none;opacity:0}.chat-tab:hover .chat-tab-close{opacity:.6}.chat-tab:hover .chat-tab-close:hover{opacity:1;background:#00000014}.chat-tab.active .chat-tab-close{color:#fffc}.chat-tab.active:hover .chat-tab-close:hover{background:#ffffff26}.users-count-btn{background:#0000000a;border:none;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;padding:3px 8px;border-radius:12px;transition:all .15s ease;display:flex;align-items:center;gap:3px}.users-count-btn:hover{background:#00000014}.chat-tab.active .users-count-btn{background:#ffffff26;color:#fff}.chat-tab.active .users-count-btn:hover{background:#ffffff40}.users-count-btn .material-icons{font-size:14px}.chat-tabs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted);font-size:13px;text-align:center;gap:10px}.chat-tabs-empty .material-icons{font-size:36px;opacity:.35}.chat-tab-icon{font-size:20px;flex-shrink:0;color:var(--muted)}.chat-tab.active .chat-tab-icon{color:#fff}@media (min-width: 769px){.chat-tabs-overlay{display:block;position:absolute}.chat-tabs-wrapper{position:absolute;left:0;top:0;bottom:0;width:300px;max-width:85vw;min-width:0;z-index:999;transform:translate(-100%);background:var(--panel);border-right:1px solid var(--border);border-radius:22px 0 0 22px}.chat-tabs-wrapper.open{transform:translate(0)}.chat-container{position:relative;overflow:hidden}.chat-tabs-sidebar{border-right:none;border-radius:22px 0 0 22px;overflow:hidden}}@media (max-width: 768px){.chat-tabs-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:998;touch-action:none}.chat-tabs-wrapper{position:absolute;left:0;top:0;bottom:0;width:100%;max-width:100%;min-width:0;z-index:999;transform:translate(-100%);background:var(--panel);box-shadow:2px 0 10px #0000004d;touch-action:none}.chat-tabs-wrapper.open{transform:translate(0)}.chat-tabs-sidebar{width:100%;height:100%;border-right:none;touch-action:none}.chat-tabs-sidebar .chat-tabs-list{touch-action:pan-y!important;will-change:scroll-position;overscroll-behavior:contain}.chat-tabs-list{overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior:contain;position:relative;z-index:1}.chat-tab-avatar{width:44px;height:44px}.chat-tab-avatar .material-icons{font-size:24px}}.chat-messages-container{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-messages--hidden{visibility:hidden}.chat-messages.bottom-up{flex-direction:column-reverse}.chat-messages-spacer{flex:1 1 auto}.chat-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--muted);font-size:14px;flex-shrink:0}.chat-loading-more .material-icons{font-size:18px;animation:spin 1s linear infinite}.chat-date-separator{display:flex;justify-content:center;padding:6px 0;flex-shrink:0}.chat-date-separator span{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700}.chat-message-wrapper{display:flex;flex-direction:column;gap:4px;max-width:80%;width:fit-content;flex-shrink:0}.chat-message-wrapper.own{align-self:flex-end}.chat-message{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--panel-2);border-radius:30px;word-wrap:break-word;overflow-wrap:break-word}.chat-message-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-message-wrapper:not(.own) .chat-message{border-radius:8px 30px 30px}.chat-message-wrapper.own .chat-message{background:var(--accent);color:#fff;border-radius:30px 8px 30px 30px}.chat-message-username{font-size:12px;font-weight:600;color:var(--muted)}.chat-message-wrapper.own .chat-message-username{color:#fffc}.chat-message-action{border:none;background:var(--chip, rgba(255,255,255,.06));color:var(--muted, #888);opacity:0;cursor:pointer;padding:0;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,opacity .18s ease,color .18s ease,transform .12s ease;flex-shrink:0}.chat-message-action .material-icons{font-size:16px}.chat-message-wrapper:hover .chat-message-action{opacity:.7}.chat-message-action:hover{opacity:1!important;background:var(--accent, #3b82f6);color:#fff;transform:scale(1.1)}.chat-message-action:active{transform:scale(.92)}@media (max-width: 768px){.chat-message-action{opacity:.5}}.chat-message-text{font-size:14px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.chat-link{color:#60a5fa;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.chat-link:hover{color:#93bbfd}[data-theme=light] .chat-link{color:#2563eb}[data-theme=light] .chat-link:hover{color:#1d4ed8}.chat-message-image{margin-top:6px;border-radius:22px;overflow:hidden}.chat-message-image img{display:block;max-width:280px;width:100%;height:auto;border-radius:22px}.chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.chat-message-time{font-size:11px;color:var(--muted)}.chat-message-wrapper.own .chat-message-time{color:#ffffffb3}.chat-message-read-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0 4px;margin-top:2px}.chat-message-read-text{font-size:11px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center}.chat-message-read-text .material-icons{font-size:14px!important;margin-right:3px}.chat-message-read-date{font-size:10px;color:var(--muted);opacity:.8}.chat-reply-block{border-left:3px solid var(--accent);padding:6px 10px;margin:2px 0 4px;background:#0000000a;border-radius:4px 10px 10px 4px;max-width:100%;overflow:hidden}.chat-message-wrapper.own .chat-reply-block{background:#ffffff26;border-left-color:#fff9}.chat-reply-author{font-size:12px;font-weight:600;color:var(--accent);line-height:1.3}.chat-message-wrapper.own .chat-reply-author{color:#ffffffe6}.chat-reply-text{font-size:13px;line-height:1.35;color:var(--text);opacity:.75;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-message-wrapper.own .chat-reply-text{color:#fff;opacity:.7}.chat-reply-image img{max-width:160px;width:100%;border-radius:6px;margin-top:4px}.chat-input-container{padding:10px 16px;background:transparent;flex-shrink:0;position:relative;box-sizing:border-box}.chat-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;background:rgba(var(--accent-rgb, 66, 133, 244),.08);border:2px dashed var(--accent);border-radius:12px;color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:background .2s,border-color .2s;animation:chatDropIn .2s ease}.chat-drop-zone:hover{background:rgba(var(--accent-rgb, 66, 133, 244),.15)}.chat-drop-zone .material-icons{font-size:28px}.chat-drop-zone .drop-zone-formats{font-size:11px;font-weight:400;opacity:.55;letter-spacing:.5px}@keyframes chatDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-input-icon-btn--active{color:var(--accent)!important;background:rgba(var(--accent-rgb, 66, 133, 244),.12)!important}.chat-gif-btn-label{font-size:11px;font-weight:700;line-height:1;letter-spacing:.5px;border:1.5px solid currentColor;border-radius:4px;padding:2px 3px 1px}.chat-input-wrapper{display:flex;gap:8px;align-items:center}.chat-input-field-row{flex:1;min-width:0;display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:4px 6px;transition:border-color .2s}.chat-input-field-row:focus-within{border-color:var(--accent)}.chat-input-icon-btn{flex-shrink:0;width:36px;height:36px;border:none;background:none;color:var(--text-secondary, #999);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.chat-input-icon-btn:hover{color:var(--text);background:var(--hover, rgba(255,255,255,.06))}.chat-input-icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat-input-icon-btn .material-icons{font-size:22px}.chat-input{flex:1;min-width:0;padding:8px 6px;background:transparent;border:none;color:var(--text);font-size:15px;outline:none;line-height:1.3}.chat-input::placeholder{color:var(--text-secondary, #999)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{flex-shrink:0;width:44px;height:44px;border:none;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.chat-send-btn:hover:not(:disabled){background:var(--accent-2)}.chat-send-btn:active:not(:disabled){transform:scale(.92)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn .material-icons{font-size:22px;margin-left:2px}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted);text-align:center;flex:1}.chat-empty-state .material-icons{font-size:48px;margin-bottom:12px;opacity:.5}.chat-empty-state p{margin:0;font-size:14px}.chat-reply-bar{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:8px 14px;margin-bottom:8px;gap:8px}.chat-reply-bar-title{font-weight:600;font-size:13px}.chat-reply-bar-snippet{font-size:13px;color:var(--muted);margin-top:2px}.chat-reply-bar-close{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:50%;transition:background .15s ease,color .15s}.chat-reply-bar-close:hover{background:var(--panel-2);color:var(--text)}.chat-attachment-preview{position:relative;display:inline-block;margin-bottom:8px;align-self:flex-start}.chat-attachment-preview img{max-height:120px;max-width:200px;border-radius:10px;display:block}.chat-attachment-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0000008c;border:none;border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.chat-attachment-remove .material-icons{font-size:15px}.chat-attachment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:10px;pointer-events:none}.chat-attachment-ring{width:44px;height:44px;animation:chatRingSpin 1.5s linear infinite}.chat-attachment-ring circle:nth-child(2){transition:stroke-dasharray .25s ease}@keyframes chatRingSpin{to{transform:rotate(360deg)}}.chat-attachment-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.chat-attachment-done{position:absolute;bottom:6px;right:6px;color:#4caf50;font-size:20px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:chatDoneIn .3s ease}@keyframes chatDoneIn{0%{transform:scale(0)}to{transform:scale(1)}}.chat-send-status{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--muted)}.chat-send-status .material-icons{font-size:16px;animation:none}.chat-send-status.spinning .material-icons{animation:spin 1s linear infinite}.chat-scroll-bottom{position:absolute;bottom:80px;right:14px;z-index:20;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:transform .2s,box-shadow .2s,background .2s;animation:chatScrollBtnIn .25s cubic-bezier(.34,1.56,.64,1)}.chat-scroll-bottom:hover{background:var(--chip);box-shadow:0 4px 14px #00000038;transform:scale(1.1)}.chat-scroll-bottom:active{transform:scale(.93)}.chat-scroll-bottom .material-icons{font-size:22px}.chat-scroll-bottom-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:chatBadgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chatScrollBtnIn{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}.chat-message-wrapper.msg-appear{animation:chatMsgAppear .35s cubic-bezier(.34,1.56,.64,1) both}.chat-message-wrapper.msg-appear.own{animation-name:chatMsgAppearOwn}@keyframes chatMsgAppear{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatMsgAppearOwn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.chat-messages{padding:12px;gap:10px}.chat-input-container{padding:8px 10px 14px}.chat-input-wrapper{gap:6px}.chat-input{font-size:16px}.chat-send-btn{width:40px;height:40px}.chat-send-btn .material-icons{font-size:20px}.chat-input-icon-btn{width:32px;height:32px}.chat-input-icon-btn .material-icons{font-size:20px}.chat-message-wrapper{max-width:85%}}.chat-message-reactions-row{display:flex;align-items:center;margin-top:2px;min-height:20px}.chat-reaction-wrap{position:relative;display:inline-flex;align-items:center;gap:4px}.chat-reaction-trigger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--chip, rgba(255,255,255,.06));cursor:pointer;padding:0;opacity:0;border-radius:50%;transition:opacity .18s,background .18s,color .18s,transform .12s;color:var(--muted, #888)}.chat-reaction-trigger .material-icons{font-size:16px}.chat-message-wrapper:hover .chat-reaction-trigger,.new-chat-message-item:hover .chat-reaction-trigger,.chat-reaction-trigger:focus-visible{opacity:.7}.chat-reaction-trigger:hover{opacity:1!important;background:var(--accent, #3b82f6);color:#fff;transform:scale(1.1)}.chat-reaction-trigger:active{transform:scale(.92)}@media (max-width: 768px){.chat-reaction-trigger{opacity:.5}}.chat-reaction-popup{display:flex;gap:2px;padding:4px 6px;background:var(--panel, #1e1e23);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:20px;box-shadow:0 4px 16px #00000059;animation:chatReactionIn .15s ease;pointer-events:auto}@keyframes chatReactionIn{0%{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-reaction-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;font-size:18px;transition:transform .12s,background .12s;padding:0}.chat-reaction-option:hover{transform:scale(1.25);background:var(--border, rgba(255,255,255,.08))}.chat-reaction-option.active{background:#3b82f633}.chat-reaction-badges{display:flex;flex-wrap:wrap;gap:4px}.chat-reaction-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;border:1px solid var(--border, rgba(255,255,255,.1));background:var(--chip, rgba(255,255,255,.05));cursor:pointer;transition:background .15s,border-color .15s;font-size:12px;line-height:1}.chat-reaction-badge:hover{background:var(--border, rgba(255,255,255,.1))}.chat-reaction-badge.active{border-color:var(--accent, #3b82f6);background:#3b82f626}.chat-reaction-emoji{font-size:14px;line-height:1}.chat-reaction-count{color:var(--text, #fff);font-size:11px;font-weight:600}.users-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:2000;align-items:center;justify-content:center}.users-modal.active{display:flex}.users-modal-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column}.users-modal-title{font-size:20px;font-weight:700;margin-bottom:20px}.users-modal-loading{text-align:center;padding:40px;color:var(--muted)}.users-modal-error{text-align:center;padding:40px;color:var(--error)}.users-modal-empty{text-align:center;padding:40px;color:var(--muted)}.users-modal-list{overflow-y:auto;flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:4px}.user-card-modal{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;text-align:center}.user-card-modal:hover{background:var(--panel);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.user-card-avatar{width:64px;height:64px;border-radius:12px;background:var(--panel);border:2px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-card-avatar img{width:100%;height:100%;object-fit:cover}.user-card-avatar .material-icons{font-size:32px;color:var(--muted)}.user-card-name{font-size:13px;font-weight:600;color:var(--text);word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.users-modal-close{margin-top:20px;align-self:flex-end}@media (max-width: 768px){.users-modal-content{max-width:100%;padding:16px}.users-modal-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.user-card-modal{padding:10px}.user-card-avatar{width:56px;height:56px}.user-card-name{font-size:12px}}.room-chat-overlay{position:fixed;bottom:140px;left:20px;right:80px;z-index:999;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;max-height:40vh;overflow:hidden}@media (min-width: 769px){.room-chat-overlay{bottom:80px;left:auto;right:80px;width:min(420px,40vw)}}.room-chat-overlay-msg{display:flex;align-items:flex-end;gap:4px;margin-bottom:3px;max-width:100%;width:fit-content;pointer-events:auto;animation:overlayMsgIn .3s ease-out,overlayMsgOut .6s ease-in forwards;animation-delay:0s,8.4s}.room-chat-overlay-msg--mine{align-self:flex-end;flex-direction:row-reverse}.room-chat-overlay-msg-content{padding:5px 10px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.2),rgba(var(--accent-rgb, 59, 130, 246),.05)),#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);line-height:1.4;font-size:13px;word-break:break-word;max-width:100%}.room-chat-overlay-msg--img-only .room-chat-overlay-msg-content{padding:5px 6px}.room-chat-overlay-msg--mine .room-chat-overlay-msg-content{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.35),rgba(var(--accent-rgb, 59, 130, 246),.15)),#00000059}.room-chat-overlay-name{font-weight:700;color:var(--accent, #4fc3f7);margin-right:6px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.room-chat-overlay-msg--mine .room-chat-overlay-name{color:#93c5fd}.room-chat-overlay-text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.room-chat-overlay-img{display:block;max-width:140px;max-height:100px;border-radius:8px;object-fit:cover;margin-top:4px}.room-chat-overlay-reply{pointer-events:auto;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;flex-shrink:0;opacity:0;transition:opacity .15s,background .15s,color .15s;padding:0}.room-chat-overlay-reply .material-icons{font-size:15px}.room-chat-overlay-msg:hover .room-chat-overlay-reply{opacity:1}@media (max-width: 768px){.room-chat-overlay-reply{opacity:1;width:24px;height:24px}.room-chat-overlay-reply .material-icons{font-size:14px}}.room-chat-overlay-reply:hover{background:#fff3;color:#fff}.room-chat-overlay-reply:active{transform:scale(.9)}@keyframes overlayMsgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayMsgOut{0%{opacity:1}to{opacity:0}}.chat-panel{background:var(--panel);border-top:1px solid var(--border);border-radius:22px;display:flex;flex-direction:column;width:800px;height:400px;min-height:50px;min-width:380px;max-height:80vh;max-width:90vw;position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:1000;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014;overflow:visible;box-sizing:border-box;opacity:0;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}.chat-panel.dice-open{overflow:hidden}.chat-container{display:flex;flex-direction:row;flex:1;overflow:hidden;min-height:0;position:relative}.chat-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.room-games-section{flex-shrink:0;max-height:400px;overflow-y:auto;border-top:1px solid var(--border);padding:12px 16px;background:var(--bg);display:block!important;visibility:visible!important;opacity:1!important}.chat-chats-list-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-panel.ready{opacity:1}.chat-panel.resizing,.chat-panel.dragging{transition:none}.chat-panel:not(.resizing):not(.dragging){transition:height .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,background-color .3s ease,border-color .3s ease}@media (max-width: 768px){.chat-panel{width:100%;max-width:100%;left:0;bottom:-100%;transform:none;border-radius:12px 12px 0 0}.chat-panel.ready:not(.collapsed){bottom:0}.chat-panel:not(.resizing):not(.dragging){transition:height .15s ease-out,bottom .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,background-color .3s ease,border-color .3s ease}.chat-panel .chat-container,.chat-panel .chat-messages{touch-action:pan-y;-webkit-overflow-scrolling:touch}.chat-container{flex-direction:column}}.chat-drag-handle{position:absolute;top:0;left:0;right:0;height:100%;cursor:move;z-index:11;pointer-events:none}@media (max-width: 768px){.chat-drag-handle{display:none}}.chat-resize-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:24px;background:transparent;cursor:move;z-index:10;border-radius:12px;transition:all .2s ease}@media (max-width: 768px){.chat-resize-handle{cursor:ns-resize}}.chat-resize-handle:hover{background:#3b82f61a}.chat-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:4px;background:var(--border);border-radius:2px}.chat-resize-corner{position:absolute;top:6px;right:6px;width:16px;height:16px;background:transparent;cursor:nwse-resize;z-index:12;opacity:.35;transition:opacity .2s}.chat-resize-corner:hover{opacity:.7}.chat-resize-corner:before,.chat-resize-corner:after{content:"";position:absolute;border-radius:50%;background:var(--muted)}.chat-resize-corner:before{width:3px;height:3px;bottom:0;right:0}.chat-resize-corner:after{width:3px;height:3px;bottom:0;right:6px;box-shadow:6px -6px 0 var(--muted)}@media (max-width: 768px){.chat-resize-corner{display:none}}.chat-panel-header{padding:12px 16px;border-bottom:none}.chat-header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;cursor:move}.chat-header-left{display:flex;align-items:center;gap:8px;justify-content:flex-start}.chat-header-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.chat-panel-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;color:var(--text);grid-column:2;text-align:center}.chat-panel-title .material-icons{font-size:20px;color:var(--accent)}.chat-minimize-btn,.chat-exit-btn-inner,.chat-users-btn,.chat-tabs-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 16px;position:relative;min-width:0;height:34px;box-sizing:border-box;justify-content:center;border-radius:17px!important}.chat-tabs-toggle-text{display:inline}.chat-tabs-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:var(--chip-active-text, white);border-radius:10px;font-size:11px;font-weight:600;line-height:1;margin-left:4px}@media (max-width: 768px){.chat-tabs-toggle-btn{padding:8px;min-width:44px}.chat-tabs-toggle-text{display:none}.chat-tabs-toggle-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:10px;margin-left:0}}.chat-panel.collapsed{height:56px;width:min(460px,90vw);left:auto;right:16px;transform:none;bottom:0;top:auto;border-radius:28px 28px 0 0;padding:6px 18px;box-shadow:0 -2px 10px #0000001f,0 -1px 4px #00000014;border:1px solid var(--border);border-bottom:none;background:var(--panel);display:flex;align-items:center;justify-content:center}@media (min-width: 769px){.chat-panel.collapsed .chat-collapsed-content{padding:0 12px!important}.chat-panel.collapsed.room-quick .chat-collapsed-content{padding:6px!important}.chat-panel.collapsed{left:auto!important;right:12px!important;padding:0!important;border-radius:28px!important;bottom:12px!important}}@media (max-width: 768px){.chat-panel.collapsed{left:0;right:0}}.chat-collapsed-content{display:none;width:100%;height:100%}.chat-panel.collapsed .chat-collapsed-content{display:flex;align-items:center;justify-content:center;gap:8px;padding:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:visible}.chat-panel.collapsed.room-quick{height:auto!important;min-height:0!important;padding:0!important;width:min(420px,40vw)!important;right:80px!important}.chat-panel.collapsed.room-quick .chat-collapsed-content{flex-direction:column;align-items:stretch;justify-content:center;padding:6px!important;gap:0;box-sizing:border-box;height:auto!important}.chat-panel.collapsed.room-quick .chat-collapsed-actions{display:flex;gap:8px;justify-content:center}.chat-quick-reply-floating{position:fixed;left:8px;right:8px;bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:1002;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.2),rgba(var(--accent-rgb, 59, 130, 246),.05)),#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:.5px solid rgba(var(--accent-rgb, 59, 130, 246),.25);border-radius:22px;padding:5px 8px 5px 12px;gap:6px;box-shadow:0 2px 12px #00000040}.chat-quick-reply-floating--desktop{position:absolute;left:0;right:0;bottom:100%;margin-bottom:4px;border-radius:22px}.chat-quick-reply-info{display:flex;align-items:center;min-width:0;flex:1;gap:6px;overflow:hidden}.chat-quick-reply-icon{font-size:16px;color:var(--accent, #4fc3f7);flex-shrink:0}.chat-quick-reply-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.chat-quick-reply-author{font-size:12px;font-weight:600;color:var(--accent, #4fc3f7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chat-quick-reply-text{font-size:12px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}.chat-quick-reply-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.chat-quick-reply-close{background:none;border:none;cursor:pointer;padding:2px;color:#ffffff80;flex-shrink:0;display:flex;align-items:center;transition:color .15s}.chat-quick-reply-close:hover{color:#fff}.chat-quick-room-form{display:flex;gap:8px;width:100%;align-items:center;box-sizing:border-box}.chat-quick-capsule{flex:1;min-width:0;display:flex;align-items:center;gap:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:22px;padding:4px 6px;transition:border-color .2s}.chat-quick-capsule:focus-within{border-color:var(--accent)}.chat-quick-actions{display:flex;align-items:center;gap:0;flex-shrink:0}.chat-quick-attach{flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:50%;border:none;background:transparent;color:var(--text-secondary, #999);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s;transition:background .2s ease,border-color .2s ease,color .2s ease}.chat-quick-attach:hover{color:var(--accent);background:rgba(var(--accent-rgb, 66, 133, 244),.1)}.chat-quick-attachment-preview{position:absolute;bottom:100%;left:8px;margin-bottom:8px;display:inline-block;width:fit-content}.chat-quick-attachment-preview img{max-width:140px;max-height:100px;border-radius:10px;object-fit:cover;display:block}.chat-quick-attachment-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-quick-attachment-remove .material-icons{font-size:14px}.chat-quick-attachment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:10px;pointer-events:none}.chat-quick-attachment-ring{width:36px;height:36px;animation:qaSpin 1.5s linear infinite}.chat-quick-attachment-ring circle:nth-child(2){transition:stroke-dasharray .25s ease}@keyframes qaSpin{to{transform:rotate(360deg)}}.chat-quick-attachment-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.chat-quick-attachment-done{position:absolute;bottom:4px;right:4px;color:#4caf50;font-size:18px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:qaDoneIn .3s ease}@keyframes qaDoneIn{0%{transform:scale(0)}to{transform:scale(1)}}.chat-quick-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 14px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.2),rgba(var(--accent-rgb, 59, 130, 246),.05)),#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px dashed rgba(var(--accent-rgb, 59, 130, 246),.4);border-radius:22px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;animation:qaDropIn .2s ease;position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.chat-quick-drop-zone:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.3),rgba(var(--accent-rgb, 59, 130, 246),.1)),#00000080;border-color:rgba(var(--accent-rgb, 59, 130, 246),.6)}.chat-quick-drop-zone .material-icons{font-size:26px}.chat-quick-drop-zone .drop-zone-formats{font-size:11px;font-weight:400;opacity:.55;letter-spacing:.5px}@keyframes qaDropIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-quick-attach--active{color:var(--accent)!important;background:rgba(var(--accent-rgb, 66, 133, 244),.12)!important;border-radius:50%}.chat-quick-attach .chat-gif-btn-label{font-size:10px;font-weight:700;line-height:1;letter-spacing:.3px;border:1.5px solid currentColor;border-radius:3px;padding:1.5px 2.5px .5px}.chat-quick-gif-popup{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;z-index:120}.chat-quick-gif-popup .gif-picker{width:100%!important;max-width:100%!important;border-radius:22px!important;box-sizing:border-box!important}.chat-quick-room-input{flex:1;min-width:0;height:34px;border-radius:0;border:none;background:transparent;color:var(--text);padding:0 8px;font-size:13px;outline:none;box-sizing:border-box}.chat-quick-room-input::placeholder{color:var(--text-secondary, #999)}.chat-quick-room-send{flex:0 0 auto;width:38px;height:38px;padding:0;border-radius:50%;border:none;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.chat-quick-room-send:hover:not(:disabled){background:var(--accent-2)}.chat-quick-room-send:active:not(:disabled){transform:scale(.92)}.chat-quick-room-send:disabled{opacity:.4;cursor:default}.chat-quick-room-send .material-icons{font-size:18px;margin-left:1px}.chat-collapsed-main{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:color .2s ease;color:var(--text)}.chat-panel.collapsed .chat-collapsed-main:hover{color:var(--accent)}.chat-panel.collapsed .chat-collapsed-main:focus-visible{outline:none;color:var(--accent)}.chat-panel.collapsed .chat-collapsed-main .material-icons{font-size:20px;color:var(--accent)}.chat-panel.collapsed .chat-collapsed-content .btn.chat-collapsed-exit-btn,.chat-panel.collapsed .chat-collapsed-content .chat-collapsed-exit-btn.btn,.chat-panel.collapsed .chat-collapsed-exit-btn{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;font-size:14px!important;font-weight:600!important;min-width:80px!important;height:36px!important;box-sizing:border-box!important;justify-content:center!important;flex-shrink:0!important;border-radius:8px!important;margin:0!important}.chat-panel.collapsed .chat-collapsed-content .btn.chat-collapsed-exit-btn:hover,.chat-panel.collapsed .chat-collapsed-content .chat-collapsed-exit-btn.btn:hover,.chat-panel.collapsed .chat-collapsed-exit-btn:hover{background:var(--chip-active)!important;border-color:transparent!important;color:var(--chip-active-text, white)!important}.chat-collapsed-exit-btn .material-icons{font-size:18px}@media (min-width: 769px){.chat-panel.collapsed .chat-collapsed-content{padding:8px!important;gap:8px!important}.chat-panel.collapsed .chat-collapsed-content .btn.chat-collapsed-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 20px!important;font-size:13px!important;font-weight:500!important;flex:1!important;height:38px!important;border-radius:22px!important;box-sizing:border-box!important;justify-content:center!important;margin:0!important;position:static!important;transform:none!important}.chat-panel.collapsed .chat-collapsed-content .btn.chat-collapsed-btn:hover{background:var(--chip-active)!important;border-color:transparent!important;color:var(--chip-active-text, white)!important}.chat-panel.collapsed .chat-collapsed-content .btn.chat-collapsed-btn .material-icons{font-size:18px}}.chat-collapsed-label{font-weight:600;letter-spacing:.02em;font-size:14px}.chat-collapsed-buttons,.chat-collapsed-users-count{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.chat-panel.collapsed .chat-collapsed-content{display:none!important}}.chat-panel.collapsed .chat-container,.chat-panel.collapsed .chat-tabs,.chat-panel.collapsed .chat-panel-header,.chat-panel.collapsed .chat-resize-corner,.chat-panel.collapsed .chat-drag-handle{display:none}@media (min-width: 769px){.chat-panel.collapsed .chat-resize-handle{display:none!important}}@media (max-width: 768px){.chat-panel-header{padding:12px}.chat-minimize-btn,.chat-exit-btn-inner,.chat-users-btn{padding:6px 10px;font-size:12px}.chat-panel.collapsed{width:100%!important;left:0!important;right:0!important;transform:none!important;bottom:-100%!important;border-radius:0!important;padding:0!important;height:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.chat-collapsed-label{font-size:13px}}.dice-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.dice-modal-content{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;width:min(420px,100%);box-shadow:0 20px 50px #0006}.dice-modal-title{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.dice-result-area{display:none;text-align:center;margin-bottom:20px}.dice-result-area.rolling{display:block}.dice-result-display{font-size:48px;font-weight:900;color:var(--accent);min-height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.dice-result-display.dice-spinning{animation:diceSpin .2s infinite linear}.dice-result-display.numbers-rolling{animation:numbersRoll .1s infinite}.dice-result-display.final{animation:diceFinal .6s ease-out}@keyframes diceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes numbersRoll{0%{opacity:.4}to{opacity:1}}@keyframes diceFinal{0%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(1)}}.dice-result-label{font-size:14px;color:var(--muted)}.dice-range-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.dice-input-group{display:flex;flex-direction:column;gap:6px}.dice-input-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase}.dice-input{padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.dice-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.dice-preset-btn{padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease}.dice-preset-btn:hover:not(:disabled){background:var(--panel);border-color:var(--accent)}.dice-preset-btn:disabled{opacity:.5;cursor:not-allowed}.dice-modal-actions{display:flex;justify-content:flex-end;gap:12px}.dice-modal-actions.rolling{opacity:.7;pointer-events:none}.btn-accent{background:var(--accent);color:var(--chip-active-text, white);border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-accent:disabled{opacity:.6;cursor:not-allowed}.btn-accent:not(:disabled):hover{background:var(--accent-2, #2563eb)}.chat-input-actions{display:inline-flex;align-items:center;gap:8px;margin-right:8px}.btn-dice{background:var(--panel-2);color:var(--text);padding:8px 12px;border:1px solid var(--border);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-dice .material-icons{font-size:20px}.btn-dice:hover{background:var(--panel);border-color:var(--accent)}.btn-voice-livekit{background:var(--panel-2);color:var(--text);padding:8px 12px;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-voice-livekit .material-icons{font-size:20px}.btn-voice-livekit.recording{background:#ef4444;color:#fff;border-color:#dc2626;animation:voicePulse 1s ease-in-out infinite}.btn-voice-livekit:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.chat-input-actions{gap:2px;margin-right:6px;flex-shrink:0;display:flex;align-items:center}.btn-dice{padding:6px 8px;min-width:36px;min-height:40px;width:36px;display:flex;align-items:center;justify-content:center}.btn-dice .material-icons{font-size:18px}.btn-voice-livekit{padding:6px 8px;min-width:36px;min-height:40px;width:36px;display:flex;align-items:center;justify-content:center}.btn-voice-livekit .material-icons{font-size:18px}}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-toggle-btn{position:fixed;bottom:0;left:0;right:0;width:100%;height:56px;background:var(--panel);border-top:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;z-index:1001;box-shadow:0 -4px 20px #00000026,0 -2px 8px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;font-weight:600;color:var(--text);border:none;outline:none;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.chat-toggle-btn-room{height:auto;min-height:calc(56px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding-top:6px;padding-bottom:env(safe-area-inset-bottom,0)}.chat-toggle-btn-room:before{top:4px}.room-quick-actions{position:fixed;right:10px;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:1002;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;box-shadow:0 2px 12px #0003}.room-quick-actions>button,.room-quick-actions>.gesture-btn-wrap>button{width:42px;height:42px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease;padding:0}.room-quick-actions>button:hover,.room-quick-actions>.gesture-btn-wrap>button:hover{background:#ffffff47}.room-quick-actions>button:active,.room-quick-actions>.gesture-btn-wrap>button:active{transform:scale(.92);background:#ffffff59}.room-quick-actions>button .material-icons,.room-quick-actions>.gesture-btn-wrap>button .material-icons{font-size:22px}.room-quick-actions-chat-btn{position:relative}.room-quick-actions-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ff3b30;color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px #ff3b3066;pointer-events:none}.gesture-btn-wrap{position:relative;flex:0 0 42px;width:42px;height:42px}@media (min-width: 769px){.room-quick-actions{right:12px;bottom:130px}}.chat-toggle-btn-actions{display:flex;flex:0 0 56px;width:100%;height:56px}.chat-toggle-btn-room .chat-quick-room-form{flex:0 0 auto;padding:10px 12px 8px;width:100%;box-sizing:border-box}.chat-toggle-btn-room .chat-quick-capsule{padding:4px 8px}.chat-toggle-btn-room .chat-quick-room-input{flex:1;height:36px;font-size:14px}.chat-toggle-btn-room .chat-quick-room-send{width:42px;height:42px}.chat-toggle-btn-room .chat-quick-attach{width:36px;height:36px}.chat-toggle-btn:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--border);border-radius:2px;opacity:.6}.chat-toggle-btn-actions button{flex:1;height:100%;background:transparent;border:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .2s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border);position:relative;padding:8px 4px}.chat-toggle-btn-actions button:last-child{border-right:none}.chat-toggle-btn-actions button:hover{background:var(--panel-2);color:var(--accent)}.chat-toggle-btn-actions button:active{background:var(--chip);transform:scale(.98)}.chat-toggle-btn-actions button .material-icons{font-size:22px;transition:transform .2s ease}.chat-toggle-btn-actions button:hover .material-icons{transform:scale(1.1)}.chat-toggle-btn-actions button .chat-toggle-btn-text{font-size:11px;letter-spacing:.3px;opacity:.9;line-height:1.2}.chat-toggle-btn-actions button:not(.chat-toggle-chat-btn){font-size:12px}.chat-toggle-btn:hover{box-shadow:0 -6px 24px #0003,0 -2px 8px #00000026}.chat-toggle-btn:focus{background:var(--panel);outline:none}.chat-toggle-btn:active{background:var(--panel-2)}@media (min-width: 769px){.chat-toggle-btn{display:none!important}}@media (max-width: 768px){.chat-toggle-btn{display:none!important}}@media (min-width: 769px){.room-exit-button{display:none!important}}@media (max-width: 768px){.container.room-layout .room-exit-button{display:none!important}.room-exit-button{top:12px!important;right:12px!important;min-width:96px!important;height:40px!important;padding:0 16px!important}}:root{--mobile-panel-h: 64px;--mobile-panel-bottom: 20px;--mobile-panel-space: calc(var(--mobile-panel-h) + var(--mobile-panel-bottom))}.mobile-bottom-panel{position:fixed;bottom:20px;left:20px;right:20px;width:auto;height:64px;min-height:64px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.35),rgba(var(--accent-rgb, 59, 130, 246),.15),rgba(var(--accent-rgb, 59, 130, 246),.25)),#0f0f14a6;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(var(--accent-rgb, 59, 130, 246),.35);border-radius:28px;display:flex;align-items:center;justify-content:center;gap:0;z-index:1000;box-shadow:0 10px 40px #0000004d,0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.2);padding-bottom:env(safe-area-inset-bottom,0);overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}[data-theme=light] .mobile-bottom-panel{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.25),rgba(var(--accent-rgb, 59, 130, 246),.1),rgba(var(--accent-rgb, 59, 130, 246),.18)),#ffffffbf;border:.5px solid rgba(var(--accent-rgb, 59, 130, 246),.25);box-shadow:0 10px 40px #00000014,0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.12)}@supports not (backdrop-filter: blur(20px)){.mobile-bottom-panel{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.4),rgba(var(--accent-rgb, 59, 130, 246),.25)),#0f0f14eb;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .mobile-bottom-panel{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.3),rgba(var(--accent-rgb, 59, 130, 246),.18)),#ffffffeb}}.mobile-panel-btn{flex:1;height:100%;min-height:60px;background:transparent;border:none;color:#ffffffd9;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;margin:4px}[data-theme=light] .mobile-panel-btn{color:#000000bf}.mobile-panel-btn:focus-visible{outline:none}.mobile-panel-btn:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--accent);border-radius:0 0 3px 3px;transition:width .2s cubic-bezier(.4,0,.2,1);opacity:0}.mobile-panel-btn:hover:before,.mobile-panel-btn:active:before{width:40px;opacity:1}@media (hover: hover) and (pointer: fine){.mobile-panel-btn:hover{background:#ffffff1a;color:#fff}[data-theme=light] .mobile-panel-btn:hover{background:#0000000f;color:#000}}.mobile-panel-btn:active{background:#ffffff26;transform:scale(.96)}[data-theme=light] .mobile-panel-btn:active{background:#0000001a}@media (hover: none){.mobile-panel-btn:hover,[data-theme=light] .mobile-panel-btn:hover{background:transparent}}.mobile-panel-btn.active{background:rgba(var(--accent-rgb, 59, 130, 246),.25);color:var(--accent)}.mobile-panel-btn.active:before{width:40px;opacity:1}.mobile-panel-btn.active .mobile-panel-btn-text{opacity:1;color:var(--accent)}[data-theme=light] .mobile-panel-btn.active{background:rgba(var(--accent-rgb, 59, 130, 246),.15)}.mobile-panel-btn .material-icons{font-size:24px;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1}.mobile-panel-btn:hover .material-icons{transform:scale(1.1)}.mobile-panel-btn:active .material-icons{transform:scale(.95)}.mobile-panel-btn-text{font-size:11px;font-weight:500;letter-spacing:.3px;opacity:.7;line-height:1.2;transition:opacity .2s ease}.mobile-panel-btn:hover .mobile-panel-btn-text{opacity:1}.mobile-panel-exit-btn{color:#ef4444}.mobile-panel-exit-btn:before{background:#ef4444}.mobile-panel-exit-btn:hover{background:#ef44441a;color:#dc2626}.mobile-panel-exit-btn:active{background:#ef444426}@media (min-width: 769px){.mobile-bottom-panel{display:none!important}}@media (max-width: 768px){.mobile-bottom-panel{position:fixed!important;bottom:20px!important;left:20px!important;right:20px!important}.mobile-bottom-panel-room{flex-direction:column;height:auto;min-height:auto;padding:0!important;gap:0;overflow:hidden}.mobile-quick-room-form{display:flex;gap:6px;width:100%;align-items:center;padding:4px 8px;box-sizing:border-box;border-bottom:.5px solid rgba(255,255,255,.1);transition:padding .15s ease}[data-theme=light] .mobile-quick-room-form{border-bottom-color:#0000000f}.mobile-quick-room-form-focused{border-bottom:none;padding:4px 8px}.mobile-bottom-panel-keyboard{bottom:0!important;left:0!important;right:0!important;border-radius:20px 20px 0 0!important}.mobile-quick-capsule{flex:1;min-width:0;display:flex;align-items:center;gap:2px;background:#ffffff14;border:1px solid var(--border);border-radius:22px;padding:2px 6px;transition:border-color .2s}[data-theme=light] .mobile-quick-capsule{background:#0000000a}.mobile-quick-capsule:focus-within{border-color:var(--accent)}.mobile-quick-capsule-btn{flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:50%;border:none;background:none;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.mobile-quick-capsule-btn:hover,.mobile-quick-capsule-btn:active{color:var(--accent);background:rgba(var(--accent-rgb, 66, 133, 244),.1)}.mobile-quick-capsule-btn--active{color:var(--accent)!important;background:rgba(var(--accent-rgb, 66, 133, 244),.12)!important}.mobile-quick-capsule-btn .material-icons{font-size:20px}.mobile-quick-gif-label{font-size:10px;font-weight:700;line-height:1;letter-spacing:.3px;border:1.5px solid currentColor;border-radius:4px;padding:2px 3px 1px}.mobile-quick-room-input{flex:1;min-width:0;height:34px;border-radius:0;border:none;background:transparent;color:var(--text);padding:0 8px;font-size:14px;outline:none;box-sizing:border-box}.mobile-quick-room-input::placeholder{color:#ffffff80}[data-theme=light] .mobile-quick-room-input::placeholder{color:#0006}.mobile-quick-attachment-preview{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;align-items:center;gap:8px}.mobile-quick-attachment-preview img{max-width:80px;max-height:60px;border-radius:8px;object-fit:cover}.mobile-quick-attachment-remove{width:24px;height:24px;border-radius:50%;border:none;background:var(--danger, #ef4444);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.mobile-quick-attachment-remove .material-icons{font-size:16px}.mobile-quick-room-send{flex:0 0 auto;width:40px;height:40px;padding:0;border-radius:50%;border:none;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-quick-room-send:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.mobile-quick-room-send:active:not(:disabled){transform:scale(.95)}.mobile-quick-room-send:disabled{opacity:.4;cursor:default}.mobile-quick-room-send .material-icons{font-size:20px}.mobile-panel-actions{display:flex;width:100%;height:56px;min-height:56px;flex-shrink:0}.mobile-panel-actions .mobile-panel-btn{margin:0;border-radius:0;min-height:56px;height:56px;padding:4px 8px;gap:2px}.mobile-panel-actions .mobile-panel-btn:first-child{border-bottom-left-radius:28px}.mobile-panel-actions .mobile-panel-btn:last-child{border-bottom-right-radius:28px}.mobile-panel-actions .mobile-panel-btn .material-icons{font-size:22px}.mobile-panel-actions .mobile-panel-btn-text{font-size:10px}}.mobile-sheet-overlay{position:fixed!important;width:100%!important;height:100%!important;background:#00000080!important;z-index:2198!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);margin:0!important;padding:0!important;border:none!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none}.mobile-sheet-overlay[data-state=open]{pointer-events:auto}.mobile-sheet-overlay[data-state=closed]{pointer-events:none}@supports (-webkit-touch-callout: none){.mobile-sheet-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}.mobile-menu-sheet,.mobile-chat-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:90vh;background:var(--panel);border-radius:24px 24px 0 0;border:1px solid var(--border);border-bottom:none;z-index:2199;box-shadow:0 -4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column}[vaul-drawer]{background:var(--panel)!important;border-radius:24px 24px 0 0!important;border:1px solid var(--border)!important;border-bottom:none!important}[vaul-overlay]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#00000080!important;z-index:2198!important;pointer-events:none}[vaul-overlay][data-state=open]{pointer-events:auto}[vaul-overlay][data-state=closed]{pointer-events:none}[vaul-drawer][data-state=closed]{visibility:hidden!important;pointer-events:none!important}[vaul-handle]{background:var(--border)!important;opacity:.4!important;width:40px!important;height:4px!important;border-radius:2px!important;margin-top:10px!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}@supports (-webkit-touch-callout: none){.mobile-menu-sheet,.mobile-chat-sheet{box-shadow:0 -2px 10px #0000001a;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1)}[vaul-overlay]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.mobile-sheet-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0 12px;background:var(--panel);border-bottom:none}.mobile-sheet-resize-handle{position:relative;width:100%;height:24px;cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--border)}.mobile-sheet-resize-handle:active{background:var(--hover)}.mobile-sheet-drag-handle{width:36px;height:4px;background:var(--border);border-radius:2px;opacity:.6;flex-shrink:0;pointer-events:none}.mobile-chat-sheet.resizing,.mobile-chat-sheet.resizing *{transition:none!important}.mobile-sheet-title{padding:0 20px;font-size:18px;font-weight:800;color:var(--text);text-align:center}.mobile-sheet-title--logo{display:flex;align-items:center;justify-content:center}.mobile-menu-logo{height:44px;width:auto;max-width:78vw;object-fit:contain;display:block}.mobile-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;height:100%;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position;position:relative}@supports (-webkit-touch-callout: none){.mobile-sheet-content{-webkit-overflow-scrolling:touch}}.mobile-chat-content{display:flex;flex-direction:column;height:100%}.mobile-chat-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.mobile-chat-wrapper .chat-panel-header{flex-shrink:0;border-bottom:1px solid var(--border);background:var(--panel)}.mobile-chat-wrapper .chat-header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;min-height:48px}.mobile-chat-wrapper .chat-header-left,.mobile-chat-wrapper .chat-header-right{flex-shrink:0;display:flex;align-items:center}.mobile-chat-wrapper .chat-panel-title{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;color:var(--text);min-width:0;padding:0 8px}.mobile-chat-wrapper .chat-panel-title .material-icons{font-size:18px;flex-shrink:0;opacity:.8}.mobile-chat-wrapper .chat-panel-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.mobile-chat-wrapper .chat-tabs-toggle-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:13px;min-height:32px;border-radius:6px}.mobile-chat-wrapper .chat-tabs-toggle-btn .material-icons{font-size:18px}.mobile-chat-wrapper .chat-tabs-toggle-text{display:none}@media (min-width: 360px){.mobile-chat-wrapper .chat-tabs-toggle-text{display:inline}}.mobile-chat-wrapper .chat-tabs-toggle-badge{background:var(--accent);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-chat-wrapper .chat-minimize-btn{padding:6px 12px;font-size:13px;min-height:32px;border-radius:6px}.mobile-chat-wrapper .chat-container{flex:1;display:flex;flex-direction:row;position:relative;overflow:hidden;min-height:0}.mobile-chat-wrapper .chat-tabs-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-chat-wrapper .chat-tabs-overlay.open{opacity:1;pointer-events:all}.mobile-chat-wrapper .chat-tabs-wrapper{position:absolute;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--panel);border-right:1px solid var(--border);z-index:11;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-chat-wrapper .chat-tabs-wrapper.open{transform:translate(0)}.mobile-chat-wrapper .chat-messages{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-menu-content{padding:0}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;padding:12px 16px 20px}.mobile-menu-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;background:none;border:none;cursor:pointer;color:var(--text);font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;transition:transform .15s ease}.mobile-menu-grid-item:active{transform:scale(.92)}.mobile-menu-grid-circle{position:relative;width:68px;height:68px;border-radius:22px;background:var(--panel-2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-grid-circle .material-icons{font-size:26px;color:var(--muted);transition:color .2s ease}.mobile-menu-grid-circle.has-thumb{overflow:hidden;padding:0;border-color:transparent}.mobile-menu-grid-thumb{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.mobile-menu-grid-item.active .mobile-menu-grid-circle{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 12px rgba(var(--accent-rgb, 59,130,246),.35)}.mobile-menu-grid-item.active .mobile-menu-grid-circle .material-icons{color:var(--chip-active-text, #fff)}.mobile-menu-grid-label{font-size:11px;font-weight:500;text-align:center;line-height:1.25;color:var(--muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}.mobile-menu-grid-item.active .mobile-menu-grid-label{color:var(--accent);font-weight:600}.mobile-menu-grid-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}@media (hover: none){.mobile-menu-grid-item:not(.active):hover .mobile-menu-grid-circle,.mobile-menu-grid-item:not(.active):focus .mobile-menu-grid-circle{background:var(--panel-2);border-color:var(--border)}}@supports (-webkit-touch-callout: none){.mobile-menu-grid-item{outline:none!important}.mobile-menu-grid-item:not(.active):hover .mobile-menu-grid-circle,.mobile-menu-grid-item:not(.active):active .mobile-menu-grid-circle,.mobile-menu-grid-item:not(.active):focus .mobile-menu-grid-circle{background:var(--panel-2);border-color:var(--border)}}.mobile-menu-sheet>div,.mobile-chat-sheet>div{background:var(--panel)!important}.mobile-menu-sheet~div[style*="position: fixed"],.mobile-chat-sheet~div[style*="position: fixed"]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none!important}@media (prefers-reduced-motion: reduce){.mobile-menu-sheet,.mobile-chat-sheet{transition:transform .2s ease!important}.mobile-sheet-overlay{transition:opacity .15s ease!important}}@media (min-resolution: 120dpi){.mobile-menu-sheet,.mobile-chat-sheet{will-change:transform,height}}@supports (padding: max(0px)){.mobile-bottom-panel,.mobile-menu-sheet,.mobile-chat-sheet{padding-bottom:max(env(safe-area-inset-bottom,0px),0px)}}.mobile-panel-notifications-btn{position:relative}.mobile-panel-badge{position:absolute;top:4px;right:50%;transform:translate(16px);min-width:18px;height:18px;padding:0 5px;background:#ff3b30;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff3b3066;line-height:1;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:translate(14px) scale(1)}50%{transform:translate(14px) scale(1.1)}}.mobile-notifications-sheet{max-height:85vh!important}.mobile-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.mobile-notifications-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text);margin:0}.mobile-notifications-title .material-icons{font-size:24px;color:var(--accent)}.mobile-notifications-mark-all{display:inline-flex;align-items:center;background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .15s ease}.mobile-notifications-mark-all:hover{background:rgba(var(--accent-rgb, 255, 204, 0),.1)}.mob-notif-tabs{display:flex;gap:4px;padding:0 20px 10px}.mob-notif-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.mob-notif-tab:active{background:var(--panel-2)}.mob-notif-tab.active{background:var(--chip-active);color:var(--chip-active-text, #fff)}.mob-notif-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mob-notif-tab.active .mob-notif-tab-badge{background:#ffffff40}.mob-notif-group-label{padding:10px 20px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mobile-notifications-list{flex:1;overflow-y:auto;padding:4px 0}.mobile-notifications-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center;color:var(--muted);font-size:14px}.mobile-notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 20px;background:transparent;border:none;cursor:pointer;transition:background-color .12s ease;text-align:left;position:relative}.mobile-notification-item:active{background:var(--panel-2)}.mobile-notification-item.unread{background:rgba(var(--accent-rgb, 255, 204, 0),.04)}.mobile-notification-item.unread:active{background:rgba(var(--accent-rgb, 255, 204, 0),.08)}.mobile-notification-avatar{width:44px;height:44px;border-radius:12px;overflow:visible;background:var(--panel-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.mobile-notification-avatar img{width:44px;height:44px;border-radius:12px;object-fit:cover;display:block}.mobile-notification-avatar>.material-icons{font-size:22px}.mob-notif-type-badge{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.mob-notif-type-badge .material-icons{font-size:10px;color:#fff}.mobile-notification-content{flex:1;min-width:0}.mobile-notification-text{font-size:14px;color:var(--text);line-height:1.4}.mobile-notification-from{font-weight:600;color:var(--accent)}.mob-notif-preview{margin-top:3px;padding:5px 8px;border-radius:6px;background:var(--panel-2);font-size:12.5px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.mobile-notification-time{font-size:12px;color:var(--muted);margin-top:4px}.mobile-notification-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:8px;box-shadow:0 0 0 3px rgba(var(--accent-rgb, 255, 204, 0),.15)}.mobile-notification-reply-block{margin-top:6px}.mobile-notification-reply-btn{display:inline-flex;align-items:center;padding:5px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer}.mobile-notification-reply-btn:active{background:var(--panel-2)}.mobile-notification-reply-input{width:100%;min-height:52px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box}.mobile-notification-reply-input:focus{outline:none;border-color:var(--accent)}.mobile-notification-reply-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.mobile-notification-reply-cancel,.mobile-notification-reply-send{padding:7px 12px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer}.mobile-notification-reply-cancel{background:transparent;color:var(--muted)}.mobile-notification-reply-send{background:var(--accent);color:var(--chip-active-text, #fff)}.mobile-notification-reply-send:disabled{opacity:.4;cursor:default}.mobile-quick-gif-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#0006;display:flex;align-items:flex-end;padding:0 20px calc(20px + var(--mobile-panel-h, 64px) + 8px) 20px;animation:mobileGifOverlayIn .15s ease}.mobile-quick-gif-popup{width:100%;max-width:100%;box-sizing:border-box;animation:mobileGifFadeIn .2s cubic-bezier(.34,1.4,.64,1)}.mobile-quick-gif-popup .gif-picker{width:100%!important;max-width:100%!important;max-height:50vh;min-height:0;border-radius:28px!important;border:.5px solid rgba(var(--accent-rgb, 59, 130, 246),.35)!important;box-shadow:0 10px 40px #0000004d,0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.2)!important;overflow:hidden!important;box-sizing:border-box!important}@keyframes mobileGifOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes mobileGifFadeIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.room-canvas{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;touch-action:none}.room-canvas-root{position:relative;isolation:isolate}.room-canvas-backdrop{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);pointer-events:none;transform:translateZ(0)}.room-canvas-root>canvas{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none}.room-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.game-window-container{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;display:flex;flex-direction:column;max-height:500px;z-index:1}.game-window-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14141ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;border-radius:inherit}.game-creation-window .game-window-container{min-height:300px}.game-window-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);cursor:grab}.game-window-header:active{cursor:grabbing}.game-window-title{margin:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:.2px}.game-window-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff464626;border:1px solid rgba(255,70,70,.3);border-radius:8px;color:#ff6b6b;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1}.game-window-close:hover{background:#ff464640;border-color:#ff464680;transform:scale(1.05)}.game-window-close:active{transform:scale(.95)}.game-window-content{padding:16px;overflow-y:auto;flex:1;min-height:0}.game-content-area{cursor:default}.game-window-error{padding:10px 14px;margin-bottom:12px;background:#ff464626;border:1px solid rgba(255,70,70,.3);border-radius:8px;color:#ff8a8a;font-size:13px}.game-form-group{margin-bottom:16px}.game-form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#ffffffe6}.game-form-hint{font-weight:400;color:#ffffff80;margin-left:8px}.game-form-textarea,.game-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;transition:all .15s ease}.game-form-textarea:focus,.game-form-input:focus{outline:none;border-color:var(--accent, #6c5ce7);background:#ffffff14;box-shadow:0 0 0 3px #6c5ce726}.game-form-textarea::placeholder,.game-form-input::placeholder{color:#ffffff59}.game-options-list{display:flex;flex-direction:column;gap:10px}.game-option-row{display:flex;align-items:center;gap:10px}.game-option-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--accent, #6c5ce7)}.game-option-input{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .15s ease}.game-option-input.full{flex:1}.game-option-input:focus{outline:none;border-color:var(--accent, #6c5ce7);background:#ffffff14}.game-option-input::placeholder{color:#ffffff59}.game-option-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff46461a;border:1px solid rgba(255,70,70,.2);border-radius:6px;color:#ff6b6b;font-size:18px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.game-option-remove:hover{background:#ff464633;border-color:#ff464666}.game-option-add{padding:8px 14px;margin-top:8px;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);border-radius:8px;color:var(--accent, #6c5ce7);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;align-self:flex-start}.game-option-add:hover{background:#6c5ce740;border-color:#6c5ce780}.game-rps-info{text-align:center;padding:20px}.game-rps-icons{display:flex;justify-content:center;gap:20px;font-size:36px;margin-bottom:16px}.game-rps-info p{margin:8px 0;color:#ffffffb3;font-size:14px;line-height:1.5}.game-window-actions{display:flex;gap:10px;padding:14px 16px;background:#0003;border-top:1px solid rgba(255,255,255,.06)}.game-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.game-btn:disabled{opacity:.5;cursor:not-allowed}.game-btn-primary{background:var(--accent, #6c5ce7);color:#fff}.game-btn-primary:hover:not(:disabled){background:var(--accent-hover, #5b4cdb);transform:translateY(-1px)}.game-btn-primary:active:not(:disabled){transform:translateY(0)}.game-btn-secondary{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.game-btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.room-game-card{background:transparent;padding:0}.room-game-card .room-game-header{display:none}.room-game-content{color:#ffffffe6}.room-game-question{font-size:15px;font-weight:500;margin-bottom:16px;color:#fff;line-height:1.4}.room-game-participants{font-size:13px;color:#fff9;margin-bottom:14px}.room-game-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.room-game-option{padding:12px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.room-game-option:hover:not(:disabled){background:#ffffff1a;border-color:#6c5ce74d}.room-game-option.selected{background:var(--accent, #6c5ce7);color:#fff;border-color:var(--accent, #6c5ce7)}.room-game-option:disabled{opacity:.6;cursor:not-allowed}.room-game-result{padding:16px;background:#ffffff0d;border-radius:10px;margin-bottom:16px;text-align:center}.room-game-result .correct{color:#4ade80;font-weight:600}.room-game-result .incorrect{color:#f87171;font-weight:600}.room-game-results{margin-top:16px}.room-game-winners{margin-bottom:16px}.room-game-winners h4{margin:0 0 10px;font-size:14px;color:#fffc}.room-game-winner{padding:10px 14px;background:var(--accent, #6c5ce7);color:#fff;border-radius:8px;margin-bottom:6px;font-weight:500}.room-game-my-result{padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.room-game-participants-list{margin-top:16px}.room-game-participants-list h4{margin:0 0 10px;font-size:13px;color:#fff9}.room-game-participant-result{padding:8px 0;font-size:13px;color:#fffc;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.room-game-participant-result:last-child{border-bottom:none}.room-game-poll-results{margin-bottom:16px}.room-game-poll-option-result{margin-bottom:14px}.room-game-poll-option-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;color:#ffffffe6}.room-game-poll-bar{height:24px;background:#ffffff0d;border-radius:12px;overflow:hidden;position:relative}.room-game-poll-bar-fill{height:100%;background:var(--accent, #6c5ce7);transition:width .3s ease;border-radius:12px}.room-game-total-votes{font-size:13px;color:#ffffff80;text-align:center;margin-top:10px}.room-game-rps-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.room-game-rps-option{padding:14px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;color:#ffffffe6;font-size:15px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:14px}.room-game-rps-option:hover:not(:disabled){background:#ffffff1a;border-color:#6c5ce74d}.room-game-rps-option.selected{background:var(--accent, #6c5ce7);color:#fff;border-color:var(--accent, #6c5ce7)}.room-game-rps-option:disabled{opacity:.6;cursor:not-allowed}.room-game-rps-emoji{font-size:26px}.room-game-rps-results{margin-bottom:16px}.room-game-rps-result-item{padding:10px 14px;background:#ffffff0d;border-radius:8px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.room-game-card .btn{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:inline-block;text-align:center}.room-game-card .btn-accent{background:var(--accent, #6c5ce7);color:#fff}.room-game-card .btn-accent:hover:not(:disabled){background:var(--accent-hover, #5b4cdb)}.room-game-card .btn-primary{background:#ffffff1a;color:#fff;margin-top:10px}.room-game-card .btn-primary:hover:not(:disabled){background:#ffffff26}.room-game-card .btn:disabled{opacity:.5;cursor:not-allowed}.game-unknown{text-align:center;padding:20px;color:#fff9}.game-window-content::-webkit-scrollbar{width:6px}.game-window-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.game-window-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.game-window-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.room-game-quiz-result{display:flex;flex-direction:column;gap:12px}.room-game-result-badge{padding:12px 16px;border-radius:10px;font-weight:700;font-size:16px;text-align:center}.room-game-result-badge.correct{background:#2ed57326;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.room-game-result-badge.incorrect{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.room-game-options.answered{pointer-events:none}.room-game-option.disabled{pointer-events:none;opacity:.8}.room-game-option.correct{background:#2ed57333!important;border-color:#2ed57380!important;color:#2ed573!important}.room-game-option.wrong{background:#ff6b6b33!important;border-color:#ff6b6b80!important;color:#ff6b6b!important}.room-game-answers-count{font-size:13px;color:#ffffff80;text-align:center}.room-game-poll-option-result.my-choice .room-game-poll-option-label{color:var(--accent, #6c5ce7);font-weight:600}.room-game-poll-option-result.my-choice .room-game-poll-bar-fill{background:var(--accent, #6c5ce7)}.room-game-status-badge{margin-top:12px;padding:8px 12px;background:#ffffff14;border-radius:8px;font-size:13px;color:#fff9;text-align:center}.room-top-buttons{position:fixed;top:20px;right:20px;z-index:2300;display:flex;align-items:center;gap:8px;flex-direction:row-reverse}.room-games-toggle-btn,.room-env-settings-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:#0009;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;min-width:44px;min-height:40px}.room-games-toggle-btn:hover,.room-env-settings-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000073;background:#0f0f14bf}.room-games-toggle-btn .material-icons,.room-env-settings-btn .material-icons{font-size:22px}.room-games-toggle-text{display:inline}.room-games-panel-container{position:fixed;top:80px;right:20px;width:380px;max-height:calc(100vh - 120px);overflow-y:auto;z-index:2300;background:var(--panel);border-radius:12px;box-shadow:0 8px 24px #00000040;border:1px solid var(--border)}.room-game-placing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;cursor:crosshair;background:#0000001a;pointer-events:auto}.room-game-type-dropdown{position:fixed;top:68px;right:20px;background:#1a1a20d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0d inset;z-index:2400;min-width:200px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.room-game-type-dropdown button{display:block;width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.room-game-type-dropdown button:hover{background:#ffffff1a}.room-game-type-dropdown button:not(:last-child){border-bottom:1px solid var(--border)}@media (max-width: 768px){.room-top-buttons{top:12px;right:12px;gap:6px}.room-games-toggle-btn,.room-env-settings-btn{padding:0 12px;font-size:14px;min-width:44px;min-height:40px}.room-games-toggle-btn .material-icons,.room-env-settings-btn .material-icons{font-size:20px}.room-game-type-dropdown{top:56px;right:12px;min-width:160px}.room-games-panel-container{top:56px;right:10px;left:10px;width:auto;max-height:50vh}}.room-page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:visible;background:var(--bg);color:var(--text);position:relative}@media (max-width: 768px){.room-page{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;overflow:hidden!important}}.room-loading,.room-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--muted)}.room-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--text);font-size:16px;text-align:center;padding:20px}.room-content{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.room-exit-button{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;bottom:auto!important;z-index:2300!important;min-width:96px!important;height:40px!important;justify-content:center!important;box-shadow:0 8px 24px #00000059!important;padding:0 16px!important;font-size:14px!important;font-weight:600!important;margin:0!important;transform:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;box-sizing:border-box!important}.room-exit-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-panel{background:var(--character-panel-bg, radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%));position:relative;flex:1;min-height:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease,background .3s ease}.room-perspective-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none;z-index:1200;overflow:hidden}.room-perspective-band{position:absolute;left:0;right:0;background:linear-gradient(to bottom,#4da0ff1a,#4da0ff0a 60%,#ffd24d0f);mix-blend-mode:screen;pointer-events:none}.room-perspective-line{position:absolute;left:0;right:0;height:0;pointer-events:auto;cursor:ns-resize;touch-action:none}.room-perspective-line:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#ffffffd9;box-shadow:0 0 0 1px #00000059,0 8px 18px #00000040;opacity:.85}.room-perspective-line:after{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background-image:repeating-linear-gradient(to right,#0000 0,#0000 10px,#00000059 10px,#00000059 16px);opacity:.55;mix-blend-mode:overlay}.room-perspective-line.horizon:before{background:#4da0fff2}.room-perspective-line.ground:before{background:#ffd24df2}.room-perspective-label{position:absolute;left:12px;top:-20px;padding:6px 10px;border-radius:10px;font-size:14px;font-weight:800;letter-spacing:.2px;color:#ffffffeb;background:#00000073;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-perspective-line.horizon .room-perspective-label{border-color:#4da0ff59}.room-perspective-line.ground .room-perspective-label{border-color:#ffd24d59}.room-hidden-counter{position:absolute;top:calc(50% + 42px);transform:translateY(-50%);background:#0009;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 10px 26px #00000073;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.1px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1250}.room-hidden-counter.left{left:8px}.room-hidden-counter.right{right:8px}.room-hidden-counter .material-icons{font-size:18px;line-height:1}.room-hidden-me{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 10px 26px #00000073;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;color:#ffd54f;font-weight:900;font-size:13px;letter-spacing:.1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1260;cursor:pointer;pointer-events:auto}.room-hidden-me.left{left:8px}.room-hidden-me.right{right:8px}.room-hidden-me .material-icons{font-size:18px;line-height:1}.room-hidden-counter-me{font-weight:900;color:#ffd54f}.canvas-panel.ready{opacity:1}.zoom-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1000}.zoom-hint.show{opacity:1}.character-context-menu{display:none;position:fixed;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0006;z-index:2000;min-width:180px;overflow:hidden}.character-context-menu.visible{display:block}.context-menu-item{padding:12px 16px;color:var(--text);font-size:14px;cursor:pointer;transition:background .2s ease;border:none;background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:var(--panel-2)}.context-menu-item:active{background:var(--border)}.context-menu-item .material-icons{font-size:18px}.room-page .zoom-hint{top:72px}.room-env-settings-panel{position:fixed;top:68px;left:auto;right:20px;z-index:2300;width:min(300px,calc(100vw - 32px));background:#1a1a20d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0d inset;padding:16px;animation:room-env-slide-down .18s ease;transform-origin:top right;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}@keyframes room-env-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.room-env-settings-title{font-weight:800;margin-bottom:10px;color:#fff}.room-env-settings-error{margin:8px 0 10px;color:#ffb3b3;font-size:13px}.room-env-settings-row{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0;font-size:13px;color:#fff}.room-env-settings-row input[type=range]{width:100%}.room-env-settings-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.room-env-settings-primary,.room-env-settings-secondary{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:6px}.room-env-settings-primary{background:var(--accent);color:#fff;border-color:#00000026}.room-env-settings-secondary{background:var(--panel-2);color:var(--text)}.room-env-settings-primary:disabled,.room-env-settings-secondary:disabled{opacity:.7;cursor:default}@media (max-width: 768px){.room-exit-button{top:12px!important;right:12px!important;min-width:96px!important;height:40px!important;padding:0 16px!important}.mobile-menu-button{top:12px!important;left:12px!important}.room-env-settings-panel{top:56px;left:auto;right:12px;width:min(200px,calc(100vw - 16px));padding:8px;border-radius:10px;box-shadow:0 10px 32px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-page .zoom-hint{top:64px}.room-env-settings-title{font-size:14px;margin-bottom:6px}.room-env-settings-row{gap:4px;margin:6px 0;font-size:11px}.room-env-settings-actions{gap:6px;margin-top:8px;justify-content:space-between}.room-env-settings-primary,.room-env-settings-secondary{height:32px;padding:0 8px;font-size:12px}.room-env-settings-btn-label{display:none}.room-hidden-counter{padding:5px 8px;font-size:12px;border-radius:10px;gap:5px;box-shadow:0 8px 20px #0006}.room-hidden-counter.left{left:6px}.room-hidden-counter.right{right:6px}.room-hidden-me{padding:6px 9px;font-size:12px;border-radius:12px;gap:5px;box-shadow:0 8px 20px #0006}.room-content{overflow:hidden;padding-bottom:0}.canvas-panel{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}}.room-close-eyes-button{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 24px;background:#0009;color:#fff;border:1px solid var(--border);border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s ease;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.room-close-eyes-button:hover{background:#000000bf;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0000004d}.room-close-eyes-button:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 8px #0003}.room-close-eyes-button--active{background:#3b82f64d;border-color:var(--accent)}.room-close-eyes-button .material-icons{font-size:24px}.room-close-eyes-lock{position:absolute;bottom:80px;left:calc(50% + 120px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0009;color:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s ease;z-index:101;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:room-lock-pulse 2s ease-in-out infinite}@keyframes room-lock-pulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 4px 12px #0003}50%{transform:translate(-50%) scale(1.05);box-shadow:0 6px 16px #3b82f666}}.room-close-eyes-lock:hover{background:#3b82f64d;border-color:var(--accent);transform:translate(-50%) scale(1.1);box-shadow:0 8px 20px #3b82f680;animation:none}.room-close-eyes-lock--active{background:#3b82f680;border-color:var(--accent);box-shadow:0 8px 20px #3b82f699;animation:none}.room-close-eyes-lock .material-icons{font-size:24px}.room-wave-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s ease;z-index:100}.room-wave-button:hover{background:var(--accent-hover, var(--accent));transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0000004d}.room-wave-button:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 8px #0003}.room-wave-button .material-icons{font-size:24px}.room-wave-button:disabled,.room-wave-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){.room-close-eyes-button{position:fixed;bottom:250px;left:auto;right:16px;transform:none;padding:14px;border-radius:50%;font-size:14px;z-index:100}.room-close-eyes-button:hover{transform:translateY(-2px)}.room-close-eyes-button:active{transform:translateY(0)}.room-close-eyes-button .material-icons{font-size:24px}.room-close-eyes-button .room-close-eyes-text{display:none}.room-close-eyes-lock{position:fixed;bottom:250px;left:auto;right:80px;transform:none;width:48px;height:48px;animation:room-lock-pulse-mobile 2s ease-in-out infinite}@keyframes room-lock-pulse-mobile{0%,to{transform:scale(1);box-shadow:0 4px 12px #0003}50%{transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}}.room-close-eyes-lock:hover{transform:scale(1.1)}.room-close-eyes-lock--active{animation:none}.room-wave-button{position:fixed;bottom:180px;left:auto;right:16px;transform:none;padding:14px;border-radius:50%;font-size:14px;z-index:100}.room-wave-button:hover{transform:translateY(-2px)}.room-wave-button:active{transform:translateY(0)}.room-wave-button .material-icons{font-size:24px}.room-wave-button .room-wave-text{display:none}}.room-games-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1500;overflow:hidden}.room-games-layer>*{pointer-events:auto}.room-wave-button.locked,.room-close-eyes-button.locked{position:relative;opacity:.7;cursor:not-allowed}.room-wave-button.locked:after,.room-close-eyes-button.locked:after{content:"🔒";position:absolute;top:4px;right:4px;font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.room-wave-button.locked:hover,.room-close-eyes-button.locked:hover{transform:translate(-50%);opacity:.8}@media (max-width: 768px){.room-wave-button.locked:hover,.room-close-eyes-button.locked:hover{transform:none}}.room-actions-container{position:fixed;right:24px;bottom:196px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.room-actions-buttons{display:flex;flex-direction:column;gap:6px;animation:slideInAction .2s ease-out forwards}.room-actions-buttons--floating{position:fixed;z-index:1003;align-items:center}.room-bar-dropdown{position:fixed;right:72px;left:auto;transform:none;display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;justify-content:flex-start;gap:6px;align-items:flex-start;z-index:2300;max-width:calc(100vw - 90px);animation:dropdownSlideLeft .2s ease-out forwards}@media (min-width: 769px){.room-bar-dropdown{right:74px}}.room-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease;box-shadow:0 2px 8px #00000026}.room-dropdown-item:hover{background:var(--chip)}.room-dropdown-item:active{transform:scale(.96)}.room-dropdown-item .material-icons{font-size:20px;opacity:.8}.room-env-settings-portal{position:fixed!important;top:auto!important;left:auto!important;right:72px!important;bottom:calc(180px + env(safe-area-inset-bottom,0px))!important;transform:none!important;width:min(270px,85vw)!important;z-index:2300;animation:dropdownSlideLeft .2s ease-out forwards;padding:16px!important;background:var(--panel)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:0 8px 32px #00000040,0 2px 8px #0000001a!important;box-sizing:border-box!important}.room-env-settings-portal .room-env-settings-title{font-size:14px!important;font-weight:700!important;color:var(--text)!important;margin-bottom:12px!important}.room-env-settings-portal .room-env-settings-row{margin-bottom:8px!important;gap:4px!important;display:flex!important;flex-direction:column!important}.room-env-settings-portal .room-env-settings-row span{font-size:12px!important;color:var(--muted)!important;font-weight:500!important}.room-env-settings-portal input[type=range]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%!important;height:6px!important;background:var(--border)!important;border-radius:3px!important;outline:none!important}.room-env-settings-portal input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;width:18px!important;height:18px!important;background:var(--panel)!important;border:2px solid var(--accent)!important;border-radius:50%!important;cursor:pointer!important;box-shadow:0 1px 4px #0000004d!important}.room-env-settings-portal .room-env-settings-divider{margin:8px 0!important;padding-top:8px!important;border-top-color:var(--border)!important}.room-env-settings-portal .room-env-settings-divider span{font-size:12px!important;color:var(--muted)!important;font-weight:600!important}.room-env-settings-portal .room-env-settings-error{color:#ef4444!important;font-size:12px!important}.room-env-settings-portal .room-env-settings-actions{margin-top:12px!important;gap:8px!important;display:flex!important}.room-env-settings-portal .room-env-settings-actions button{height:36px!important;font-size:13px!important;padding:0 14px!important;border-radius:12px!important;border:none!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:4px!important;transition:all .15s ease!important}.room-env-settings-portal .room-env-settings-secondary{background:var(--chip)!important;color:var(--text)!important}.room-env-settings-portal .room-env-settings-secondary:hover{background:var(--border)!important}.room-env-settings-portal .room-env-settings-primary{background:var(--accent)!important;color:#fff!important}.room-env-settings-portal .room-env-settings-primary:hover{opacity:.9!important}.room-env-settings-portal .room-env-settings-actions .material-icons{font-size:16px!important}.room-env-settings-portal .room-env-settings-btn-label{font-size:13px!important}@media (min-width: 769px){.room-env-settings-portal{right:74px!important;bottom:120px!important}}.room-add-dropdown{gap:4px}@keyframes dropdownSlideUp{0%{opacity:0;transform:translate(12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dropdownSlideUpDesktop{0%{opacity:0;transform:translate(12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dropdownSlideLeft{0%{opacity:0;transform:translate(12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInAction{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.room-action-button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;position:relative;box-shadow:0 2px 8px #00000026}.room-action-button--owned:hover:not(:disabled){background:var(--accent);color:#fff;transform:scale(1.05)}.room-action-button--locked{opacity:.7;cursor:not-allowed}.room-action-button-lock{position:absolute;top:2px;right:2px;font-size:14px;color:#ff6b6b}.room-camera-dropdown{display:flex;flex-direction:column;gap:4px;min-width:160px}.room-camera-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;box-shadow:0 2px 8px #0000001f;animation:slideInAction .2s ease backwards}.room-camera-option:nth-child(2){animation-delay:.05s}.room-camera-option:nth-child(3){animation-delay:.1s}.room-camera-option:hover{background:var(--hover-bg, rgba(128,128,128,.08))}.room-camera-option.active{background:var(--accent);border-color:var(--accent);color:#fff}.room-camera-option.active .material-icons{color:#fff}.room-camera-option .material-icons{font-size:20px;color:var(--muted)}.room-camera-option-label{flex:1}.room-actions-button{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .2s,background .2s}.room-actions-button:hover{transform:scale(1.05)}.room-actions-button--active{background:linear-gradient(135deg,#5aa0e9,#4a90d9)}@media (max-width: 768px){.room-actions-container{right:16px;bottom:180px;z-index:1000}}.container:has(.character-page) .content-wrapper .main-content:has(.character-page),.container:has(.character-page) .main-content:has(.character-page),.main-content:has(.character-page){padding:0!important;margin:0!important;gap:0!important;overflow:hidden!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important}.container{max-width:1600px;margin:0 auto;padding:0;display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;z-index:1;overflow:visible;touch-action:auto}.container-row{display:flex;flex:1;min-width:0}.app-shell{position:relative;min-height:100vh;overflow:visible;touch-action:auto}.room-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0}.room-background.background{pointer-events:none}.room-background.interactive{pointer-events:auto!important;touch-action:none!important;z-index:0}.app-shell:has(.room-background) .character-new-page,.app-shell:has(.room-background) .character-new-loading{background:transparent!important}.room-glass-scrim{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.15),#0f0f14a6 45%,#0f0f148c);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000059;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}@media (min-width: 769px){.room-glass-scrim{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.18),#0f0f148c 45%,#0f0f146b);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}}[data-theme=light] .room-glass-scrim{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.1),#ffffffbf,#ffffffa6);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 60px #00000024}@media (min-width: 769px){[data-theme=light] .room-glass-scrim{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.12),#fff9,#ffffff85);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}}.container.room-layout{max-width:100%;padding:0;position:relative;z-index:1}.container.room-layout .content-wrapper{gap:0}.container.room-layout .main-content{padding:0;gap:0;min-height:100vh;overflow:hidden}.container.room-layout .page-transition{flex:1;gap:0;min-height:100vh}.room-keep-alive{flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh}.room-keep-alive.visible{position:relative;z-index:1;pointer-events:auto;visibility:visible;opacity:1}.room-keep-alive.hidden{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;visibility:hidden;opacity:0}.container.room-interactive,.container.room-interactive .container-row,.container.room-interactive .content-wrapper,.container.room-interactive .main-content,.container.room-interactive .page-transition{pointer-events:none!important}.container.room-interactive .sidebar,.container.room-interactive .sidebar-bottom-bar,.container.room-interactive .chat-panel,.container.room-interactive .chat-panel-placeholder,.container.room-interactive .chat-toggle-btn,.container.room-interactive .room-exit-button,.container.room-interactive .mobile-menu-overlay,.container.room-interactive .mobile-bottom-panel,.container.room-interactive .profile-panel,.container.room-interactive .profile-panel-backdrop,.sidebar-bottom-bar,.container.room-interactive .mobile-bottom-panel *,.container.room-interactive .profile-panel *{pointer-events:auto!important}.container.chat-layout{max-width:100%;padding:0}.container.chat-layout .content-wrapper{gap:0}.container.chat-layout .main-content{padding:0;gap:0;overflow:hidden}.container.chat-layout .page-transition{flex:1;gap:0;height:100vh}.page-logo-wrap{display:flex;justify-content:center;align-items:center;height:150px;flex-shrink:0;will-change:height;pointer-events:none;overflow:visible}.page-logo-img{width:300px;height:165px;flex-shrink:0;will-change:width,height,opacity;mask-image:url(/logo.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/logo.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:var(--logo-color);background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.content-wrapper{flex:1;display:flex;min-width:0;gap:12px;overflow:visible;touch-action:auto}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;order:1;min-width:0;-webkit-overflow-scrolling:touch;touch-action:auto}.main-content:has(.character-page),.main-content:has(.users-page){padding:0!important;margin:0!important;gap:0!important;overflow:hidden!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important}.main-content:not(:has(.character-page)):not(:has(.users-page)){padding:20px}.page-transition:has(.character-page),.content-wrapper:has(.character-page),.page-transition:has(.users-page),.content-wrapper:has(.users-page){padding:0!important;margin:0!important;gap:0!important;overflow:hidden!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important;flex:1!important;display:flex!important;flex-direction:column!important}.page-transition{width:100%;min-height:100%;display:flex;flex-direction:column;overflow:visible;gap:20px;touch-action:auto}.page-transition.fade-in{animation:pageFadeIn .15s ease both}.page-transition.fade-out{animation:pageFadeOut .12s ease forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none!important}}@media (max-width: 768px){.page-logo-wrap{display:none}.container{flex-direction:column;max-width:100%;padding:0;min-height:100vh}.container-row{flex-direction:column;flex:1}.content-wrapper{flex-direction:column;gap:0}.main-content:not(:has(.character-page)):not(:has(.users-page)){padding:12px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));order:1;gap:16px;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;height:auto;min-height:calc(100vh - 64px - env(safe-area-inset-bottom,0px));touch-action:auto}.main-content:has(.users-page){padding:0!important;margin:0!important;overflow:hidden!important;overflow-y:hidden!important;height:100vh!important;max-height:100vh!important;min-height:auto!important}.container.room-layout .main-content{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.container.room-interactive{visibility:hidden}.container.room-interactive .sidebar{visibility:visible}.page-transition{gap:16px}.main-content:has(.character-page),.main-content:has(.users-page){padding:0!important;margin:0!important;overflow-y:hidden!important;height:100vh!important;max-height:100vh!important}.container:has(.character-page),.container:has(.character-page) .content-wrapper,.container:has(.users-page),.container:has(.users-page) .content-wrapper{padding:0!important;margin:0!important}.page-transition:has(.character-page),.content-wrapper:has(.character-page),.page-transition:has(.users-page),.content-wrapper:has(.users-page){padding:0!important;margin:0!important;gap:0!important}}@media (max-width: 768px){.container:has(.character-page) .content-wrapper .main-content:has(.character-page),.container:has(.character-page) .main-content:has(.character-page),.main-content:has(.character-page),.container:has(.users-page) .content-wrapper .main-content:has(.users-page),.container:has(.users-page) .main-content:has(.users-page),.main-content:has(.users-page){padding:0!important;margin:0!important}.container:has(.character-page) .content-wrapper .page-transition:has(.character-page),.container:has(.character-page) .page-transition:has(.character-page),.page-transition:has(.character-page),.container:has(.users-page) .content-wrapper .page-transition:has(.users-page),.container:has(.users-page) .page-transition:has(.users-page),.page-transition:has(.users-page){padding:0!important;margin:0!important;gap:0!important}.container:has(.character-page) .content-wrapper:has(.character-page),.container:has(.character-page) .content-wrapper,.container:has(.users-page) .content-wrapper:has(.users-page),.container:has(.users-page) .content-wrapper{padding:0!important;margin:0!important;gap:0!important}.container:has(.character-page),.container:has(.users-page){padding:0!important;margin:0!important}}@media (max-width: 768px){.main-content:has(.users-page),.page-transition:has(.users-page),.content-wrapper:has(.users-page){min-height:0!important;overflow:hidden!important}}[data-gesture-handler-root]{width:100%;height:100%;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.random-composite-character{width:100%;height:300px;background:var(--panel-2);border-radius:8px;border:1px solid var(--border);position:relative;overflow:hidden;margin-bottom:30px;transition:background-color .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center}.random-composite-character-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted);font-size:14px}@media (max-width: 768px){.random-composite-character{height:250px;margin-bottom:20px}}@media (max-width: 480px){.random-composite-character{height:200px;margin-bottom:16px}}.auth-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(var(--accent-rgb),.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(var(--accent-rgb),.04) 0%,transparent 50%),var(--bg);overflow:hidden;z-index:9999}body.auth-no-scroll{overflow:hidden!important;overscroll-behavior:none}.auth-page input,.auth-page textarea{-webkit-user-select:text;user-select:text}.auth-card{display:flex;flex-direction:column;max-width:400px;width:100%;max-height:95%;background:var(--panel);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 12px 48px #0000001f,0 2px 8px #0000000f}.auth-character-section{position:relative;flex-shrink:0;background:var(--panel-2);overflow:hidden;height:300px}.auth-character-section .random-composite-character{width:100%;height:100%;margin:0;border-radius:0;border:none;min-height:0;max-height:none}.auth-character-section .random-composite-character canvas{transform:scale(1.08) translateY(4%);transform-origin:center center}.auth-logo-overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);width:120px;height:40px;background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.45;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));pointer-events:none;z-index:1}.auth-character-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--panel),transparent);pointer-events:none}.auth-form-section{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.auth-form-inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 30px 28px}.auth-form-section form{display:flex;flex-direction:column}.form-header{text-align:center;margin-bottom:16px}.form-title{font-size:19px;font-weight:700;margin:0 0 3px;color:var(--text);letter-spacing:-.02em}.form-subtitle{margin:0;font-size:12.5px;color:var(--muted);font-weight:400}.auth-telegram-badge{padding:10px 14px;margin-bottom:14px;background-color:rgba(var(--accent-rgb),.08);color:var(--accent);border-radius:12px;font-size:13px;font-weight:500;text-align:center;border:1px solid rgba(var(--accent-rgb),.12)}.form-group{margin-bottom:12px}.form-group.hidden-field{position:absolute;opacity:0;pointer-events:none;height:0;overflow:hidden}.form-label{display:block;margin-bottom:5px;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--muted);opacity:.5;pointer-events:none;transition:color .2s ease,opacity .2s ease}.input-wrapper:focus-within .input-icon{color:var(--accent);opacity:.8}.form-input{width:100%;padding:12px 14px;background:var(--panel-2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-input.has-icon{padding-left:40px}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1);background:var(--panel)}.form-input:disabled{opacity:.55}.form-input::placeholder{color:var(--muted);opacity:.4}.btn{padding:13px 20px;border:none;border-radius:14px;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;width:100%;margin-top:4px;transition:opacity .15s ease,transform .1s ease,box-shadow .2s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(var(--accent-rgb),.25)}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.btn-primary:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.form-divider{display:flex;align-items:center;margin:14px 0;gap:12px}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-divider span{font-size:12px;color:var(--muted);opacity:.6;text-transform:lowercase;font-weight:500}.form-switch{text-align:center}.form-switch-btn{display:block;width:100%;padding:11px 18px;border:1.5px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font-size:13px;font-weight:500;font-family:inherit;text-decoration:none;text-align:center;transition:background-color .15s ease,border-color .15s ease}.form-switch-btn:hover{background:var(--panel-2);border-color:var(--accent)}.error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:10px 14px;border-radius:12px;margin-bottom:14px;display:none;font-size:13px;font-weight:500;line-height:1.4}.error-message.show{display:block;animation:errorShake .35s ease}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.form-step-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;background:var(--panel-2);border-radius:12px}.btn-back{background:none;border:none;color:var(--muted);cursor:pointer;width:30px;height:30px;border-radius:8px;transition:background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-back .material-icons{font-size:20px}.btn-back:hover{background:var(--panel);color:var(--text)}.step-email{color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.auth-page{padding:0;align-items:stretch;background:radial-gradient(ellipse 100% 40% at 50% 0%,rgba(var(--accent-rgb),.06) 0%,transparent 50%),var(--bg)}.auth-card{max-width:100%;max-height:100%;border-radius:0;border:none;box-shadow:none;flex:1}.auth-character-section{height:270px}.auth-character-section .random-composite-character canvas{transform:scale(1.12) translateY(5%);transform-origin:center center}.auth-logo-overlay{width:100px;height:32px;top:6px;opacity:.4}.auth-form-inner{padding:14px 22px 20px;justify-content:flex-start}.form-header{margin-bottom:12px}.form-title{font-size:17px}.form-subtitle{font-size:11.5px}.form-group{margin-bottom:10px}.form-label{font-size:10.5px;margin-bottom:4px}.form-input{padding:11px 12px;font-size:15px}.form-input.has-icon{padding-left:38px}.input-icon{font-size:16px;left:12px}.btn{padding:12px 18px;font-size:14px}.form-divider{margin:10px 0}.form-switch-btn{padding:10px 16px;font-size:12.5px}}@media (max-width: 480px){.auth-character-section{height:250px}.auth-form-inner{padding:12px 18px 18px}}@media (max-height: 700px){.auth-character-section{height:210px}.auth-character-section .random-composite-character canvas{transform:scale(1.1) translateY(4%)}}@media (max-height: 600px){.auth-character-section{height:170px}}.card-categories{overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;border-radius:12px;min-height:0;flex:1}.card-categories .panel-title{min-height:48px;max-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.categories{display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.cat-btn{background:var(--chip);color:var(--text);padding:12px 16px;border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:.14s ease;font-weight:600;font-size:15px;min-height:46px;line-height:1.4}.cat-btn:hover{transform:translate(2px)}.cat-btn.active{background:var(--chip-active);border-color:transparent;color:var(--chip-active-text, white)}@media (max-width: 768px){.card-categories .panel-title{min-height:44px;max-height:44px;font-size:14px}.categories{padding:12px;gap:10px}.cat-btn{padding:14px 18px;font-size:16px;min-height:50px;line-height:1.4;font-weight:600}}@media (max-width: 480px){.card-categories .panel-title{min-height:42px;max-height:42px;font-size:13px}.categories{padding:12px;gap:10px}.cat-btn{padding:14px 18px;font-size:16px;min-height:50px;line-height:1.4;font-weight:600}}.clothing-grid-card{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.clothing-grid-card .panel-title{flex-shrink:0}.grid-panel-title{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:12px 16px;min-height:48px;max-height:none;box-sizing:border-box}.grid-panel-title:has(.color-bar-inline){padding:12px 16px;min-height:48px;max-height:none;align-items:center}.grid-placeholder{color:var(--muted);font-size:13px;font-weight:600}.color-bar-inline{display:flex;gap:8px;align-items:center;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:4px;flex:1}.color-bar-inline .color-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-dot-border, rgba(255,255,255,.8));cursor:pointer;transition:transform .12s ease,border-color .3s ease;flex-shrink:0}.color-bar-inline .color-dot:hover{transform:scale(1.05)}.color-bar-inline .color-dot.selected{outline:3px solid var(--color-dot-selected, rgba(255,255,255,.9));transition:outline-color .3s ease}.clothing-grid-card .grid-scroll-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:100%}.grid-scroll-wrapper .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;width:100%;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;max-width:100%;box-sizing:border-box;width:100%}.grid-load-more{padding:10px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.grid-load-more .btn{min-width:190px;padding:10px 16px;border-radius:10px}.grid-load-info{color:var(--muted);font-size:12px}.grid-item{background:var(--grid-item-bg, #121827);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .14s ease,background-color .3s ease;display:flex;flex-direction:column;width:100%;aspect-ratio:1 / 1;position:relative;box-sizing:border-box}.grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grid-thumb-bg, #0b0f17);transition:opacity .25s ease;opacity:1;pointer-events:none;z-index:2}.grid-item-loaded:after{opacity:0}.grid-item:hover{transform:translateY(-2px)}.grid-item.selected{box-shadow:0 0 0 3px var(--accent);border-color:var(--accent)}.grid-thumb{width:100%;flex:1;object-fit:contain;background:var(--grid-thumb-bg, #0b0f17);display:block;min-height:0;padding:8px;transition:opacity .25s ease,background-color .3s ease;position:relative;z-index:3}.grid-item-loading .grid-thumb{opacity:0}.grid-item-loaded .grid-thumb{opacity:1;transition:opacity .25s ease}.grid-caption{padding:8px 10px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);flex-shrink:0;text-align:center}@media (max-width: 768px){.grid-scroll-wrapper .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;max-width:100%}.grid-item{max-width:100%}.grid-panel-title{padding:12px 16px;min-height:48px;max-height:none}.grid-panel-title:has(.color-bar-inline){padding:12px 16px!important;min-height:48px!important;max-height:none!important}.grid-placeholder{font-size:11px}.color-bar-inline{gap:6px;padding:3px}.color-bar-inline .color-dot{width:28px;height:28px;border-width:2px}.grid-load-more{padding:8px 8px 16px}.grid-load-more .btn{min-width:150px}}@media (max-width: 480px){.grid-scroll-wrapper .grid,.grid{gap:8px;padding:8px}.grid-panel-title{padding:12px 14px;min-height:48px;max-height:none}.grid-panel-title:has(.color-bar-inline){padding:12px 14px!important;min-height:48px!important;max-height:none!important}.grid-placeholder{font-size:10px}.color-bar-inline{gap:6px;padding:3px}.color-bar-inline .color-dot{width:26px;height:26px;border-width:2px}.grid-load-more{padding:6px 6px 12px}.grid-load-more .btn{min-width:120px}}.register-page{min-height:100vh;width:100%;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow-x:hidden}.register-page input,.register-page textarea{-webkit-user-select:text;user-select:text;touch-action:auto}.register-container{display:flex;min-height:100vh;padding:0;max-width:1400px;margin:0 auto}@media (max-width: 768px){.register-container{flex-direction:column}}.character-panel{background:var(--character-panel-bg, radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%));position:relative;min-height:calc(100vh - 32px);border-radius:12px;overflow:hidden;transition:background .3s ease;width:100%;margin:16px}@media (max-width: 768px){.character-panel{margin:8px}}.layout{display:grid;grid-template-rows:auto 1fr;height:100%}.mobile-registration-block{display:none}.desktop-registration-block{display:flex}.mobile-username-form{display:none}.stage-panel{position:relative;min-height:320px;max-height:320px;overflow:hidden}.ui-panel{display:grid;grid-template-columns:14% 1fr minmax(240px,280px);grid-template-rows:auto 1fr;gap:12px;padding:8px 12px;background:transparent;overflow-x:visible;opacity:0;transition:opacity .3s ease;min-height:0;height:100%}.ui-panel.ready{opacity:1;transition:opacity .3s ease}.register-info-card{flex-shrink:0;grid-column:1 / -1}.register-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.register-panel-title .action-buttons{display:flex;gap:8px;padding:0;margin:0 0 0 auto;align-items:center;flex-shrink:0}.register-panel-title .action-buttons .btn-icon{height:40px;width:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px;flex-shrink:0}.register-form-content{padding:10px;display:flex;flex-direction:column;gap:0}.registration-form-inline{display:flex;flex-direction:column;gap:0}.character-form-row{display:flex;gap:12px;margin-bottom:0}.character-form-row .form-group{flex:1;min-width:0;margin-bottom:0}.left-col{display:flex;flex-direction:column;gap:12px;align-items:stretch}.right-col{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;flex:1}.right-col-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;overflow:visible}.registration-form{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px);padding:clamp(8px,1vw,10px)}.registration-form .form-group{margin-bottom:0}.registration-form .form-label{font-size:clamp(11px,1.2vw,12px);margin-bottom:clamp(4px,.5vw,6px);color:var(--muted);font-weight:600}.registration-form .form-input{padding:clamp(6px,.8vw,8px) clamp(10px,1.2vw,12px);font-size:clamp(11px,1.3vw,13px);width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;box-sizing:border-box}.registration-form .form-input:focus{outline:none;border-color:var(--accent)}.registration-form .form-input:disabled{opacity:.6;cursor:not-allowed}.action-buttons{display:flex;gap:clamp(6px,.8vw,8px);margin-top:4px}.action-buttons button{font-size:clamp(11px,1.2vw,13px);padding:clamp(8px,1vw,10px) clamp(12px,1.5vw,16px)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:20px;display:none;font-size:clamp(11px,1.3vw,13px)}.error-message.show{display:block}@media (max-width: 1200px){.layout{grid-template-rows:auto auto}.stage-panel{min-height:280px;max-height:280px}.ui-panel{grid-template-columns:20% 1fr minmax(220px,260px);padding:6px 8px;gap:10px}.right-col{display:flex;flex-direction:column;gap:12px}}@media (max-width: 768px){.register-container{flex-direction:column;padding:0}.character-panel{min-height:calc(100vh - 16px);margin:8px;border-radius:12px}.layout{grid-template-rows:auto auto 1fr;display:grid}.mobile-registration-block{display:flex;order:-1;margin-bottom:8px}.stage-panel{order:0;min-height:280px;max-height:280px;margin-bottom:0;border-radius:0;overflow:hidden}.mobile-username-form{display:block;padding:12px 16px;background:var(--panel);border-top:1px solid var(--border);border-radius:0 0 12px 12px;margin-top:0;width:100%;box-sizing:border-box}.mobile-username-form .form-group{margin-bottom:0}.mobile-username-form .form-input{padding:10px 12px;font-size:14px;width:100%}.desktop-username-field{display:none}.ui-panel{grid-template-columns:30% 70%;grid-template-rows:auto 1fr;padding:6px 8px;gap:8px;align-items:start;height:100%;min-height:0;order:1}.left-col{display:flex;flex-direction:column}.right-col{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}.desktop-registration-block{display:none!important}.register-panel-title .action-buttons{padding:0;gap:10px;margin-left:auto}.register-panel-title .action-buttons .btn-icon{flex:0 0 auto;width:52px;height:32px;min-width:52px;font-size:20px;display:flex;align-items:center;justify-content:center}.register-message{top:10px;padding:10px;font-size:13px}.registration-form{padding:clamp(6px,1vw,8px)}.registration-form .form-group{margin-bottom:16px}.action-buttons{flex-direction:row;gap:clamp(6px,.8vw,8px)}.action-buttons button{flex:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(6px,.8vw,8px);padding:clamp(6px,.8vw,8px);max-width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.grid-item{max-width:100%}.color-bar{min-height:clamp(44px,6vw,48px);max-height:clamp(44px,6vw,48px);padding:clamp(6px,.8vw,8px);gap:clamp(6px,.8vw,8px)}.color-dot{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px);border-width:2.5px}}@media (max-width: 640px){.ui-panel{grid-template-columns:minmax(60px,24%) 1fr!important;gap:clamp(3px,.6vw,5px)}.right-col{grid-template-columns:1fr minmax(140px,180px)!important;gap:clamp(3px,.6vw,5px)}}@media (max-width: 480px){.register-container{padding:0}.character-panel{margin:0;border-radius:0;min-height:100vh}.stage-panel{min-height:280px;max-height:280px}.ui-panel{grid-template-columns:28% 72%;grid-template-rows:auto 1fr;padding:4px 6px;gap:6px}.right-col{grid-template-columns:1fr minmax(130px,160px);gap:6px}.register-form-content{padding:8px;gap:6px}.register-panel-title .action-buttons{gap:8px}.register-panel-title .action-buttons .btn-icon{width:48px;height:28px;min-width:48px}.register-panel-title .action-buttons .btn-icon .material-icons{font-size:18px!important}.categories{padding:clamp(6px,.8vw,8px);gap:clamp(4px,.6vw,6px)}.cat-btn{padding:clamp(6px,.8vw,8px) clamp(8px,1vw,10px);font-size:clamp(11px,1.2vw,12px)}.registration-form{padding:clamp(6px,.8vw,8px);gap:clamp(6px,.8vw,8px)}.registration-form .form-input{padding:clamp(6px,.7vw,7px) clamp(8px,1vw,10px);font-size:clamp(11px,1.2vw,12px)}.registration-form .form-label{font-size:clamp(10px,1.1vw,11px);margin-bottom:clamp(3px,.4vw,4px)}.action-buttons{gap:clamp(5px,.7vw,7px)}.action-buttons button{padding:clamp(6px,.8vw,8px) clamp(8px,1vw,10px);font-size:clamp(10px,1.1vw,11px)}.grid{gap:clamp(5px,.7vw,7px);padding:clamp(5px,.7vw,7px)}}@media (max-width: 360px){.ui-panel{grid-template-columns:minmax(50px,20%) 1fr!important;gap:clamp(2px,.5vw,3px)}.right-col{grid-template-columns:1fr minmax(110px,140px)!important;gap:clamp(2px,.5vw,3px)}.registration-form{padding:clamp(5px,.7vw,7px)}.registration-form .form-input{font-size:clamp(10px,1.1vw,11px);padding:clamp(5px,.6vw,6px) clamp(7px,.9vw,9px)}.registration-form .form-label{font-size:clamp(9px,1vw,10px)}.action-buttons button{font-size:clamp(9px,1vw,10px);padding:clamp(5px,.7vw,7px) clamp(7px,.9vw,9px)}}:root{--bg: #0f1115;--panel: #161a22;--panel-2: #1c2230;--text: #e5e7eb;--muted: #9aa3af;--accent: #3b82f6;--accent-2: #60a5fa;--border: #263041;--chip: #2a3345;--chip-active: #3b82f6;--character-panel-bg: radial-gradient(60% 80% at 50% 65%, #18202c 0%, #0f1115 80%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .12);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--status-active-bg: rgba(34, 197, 94, .2);--status-active-text: #86efac;--status-used-bg: rgba(156, 163, 175, .2);--copy-btn-bg: #2a3345;--grid-item-bg: #121827;--grid-thumb-bg: #0b0f17;--color-dot-border: rgba(255,255,255,.8);--color-dot-selected: rgba(255,255,255,.9);--btn-danger-bg: rgba(239, 68, 68, .2);--btn-danger-text: #fca5a5;--btn-danger-border: rgba(239, 68, 68, .3);--btn-danger-hover-bg: rgba(239, 68, 68, .3)}[data-theme=light]{--bg: #ffffff;--panel: #f8f9fa;--panel-2: #ffffff;--text: #212529;--muted: #6c757d;--accent: #3b82f6;--accent-2: #2563eb;--border: #e0e0e0;--chip: #e9ecef;--chip-active: #3b82f6;--character-panel-bg: radial-gradient(60% 80% at 50% 65%, #f1f3f5 0%, #ffffff 80%);--card-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--status-active-bg: rgba(34, 197, 94, .15);--status-active-text: #16a34a;--status-used-bg: rgba(156, 163, 175, .2);--copy-btn-bg: #d1d5db;--grid-item-bg: #f8f9fa;--grid-thumb-bg: #ffffff;--color-dot-border: rgba(0,0,0,.2);--color-dot-selected: #3b82f6;--btn-danger-bg: rgba(239, 68, 68, .1);--btn-danger-text: #dc2626;--btn-danger-border: rgba(239, 68, 68, .3);--btn-danger-hover-bg: rgba(239, 68, 68, .2)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow-x:clip;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){html,body{height:100%;width:100%}#root{height:100vh;position:relative}}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;touch-action:auto}body.loaded{transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;width:100%;position:relative}.panel-title{background:var(--panel-title-tinted, var(--panel-2))!important;color:var(--panel-title-text, white)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}