:root{--font-main:"Roboto",Arial,sans-serif;--bg-dark:#e8ecf2;--accent:#e74c3c;--text-light:#1b1f24;--header-height:85px}body.dark-mode{--bg-dark:#050608;--bg-light:#11141a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1b1f24;color:var(--text-light);font-family:Roboto,Arial,sans-serif;margin:0;min-height:100vh}#root,body,html{background-color:#e8ecf2;background-color:var(--bg-dark)}#root{min-height:100vh}#root,body,html{max-width:100%}body{overflow-x:hidden}.container{max-width:1000px;padding:0 15px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-controls{gap:15px}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.theme-toggle:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.language-switcher{position:relative}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 15px;transition:all .3s ease}.language-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.flag{display:inline-block;height:1.5em;object-fit:cover;vertical-align:middle;width:1.5em}.language-code{font-size:.9rem;font-weight:700}.dropdown-arrow{font-size:.7rem}.language-button:hover .dropdown-arrow{transform:rotate(180deg)}.language-menu{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 20px 40px #0003;margin-top:10px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.language-option:hover{background:#667eea1a;color:#667eea}.language-option.active{background:#667eea26;color:#667eea;font-weight:600}.language-name{flex:1 1}.check{color:#28a745;font-weight:700}body.dark-mode{background:#050608;color:#e0e0e0}body.dark-mode .language-button,body.dark-mode .theme-toggle{background:#0000004d;border-color:#ffffff4d}body.dark-mode .language-menu{background:#1e1e1efa;border-color:#fff3}body.dark-mode .language-option{color:#e0e0e0}body.dark-mode .language-option:hover{background:#667eea33;color:#8fa4f3}body.dark-mode .language-option.active{background:#667eea4d;color:#8fa4f3}body.dark-mode .feed-container,body.dark-mode .home-page,body.dark-mode .moderator-panel{background:linear-gradient(135deg,#0b0e14,#141b26)}body.dark-mode .create-post-card,body.dark-mode .featured-fight-card,body.dark-mode .messages-container,body.dark-mode .post-card,body.dark-mode .profile-page{background:#10141cfa;color:#e0e0e0}body.dark-mode .featured-fight-card .fight-title,body.dark-mode .post-card .author-name,body.dark-mode .post-card .post-title{color:#f7fafc}body.dark-mode .post-card .post-meta,body.dark-mode .post-card .post-text{color:#cbd5e0}body.dark-mode .action-btn,body.dark-mode .fighter-btn,body.dark-mode .team-btn{background:#4a5568cc;border-color:#fff3;color:#e0e0e0}body.dark-mode .action-btn:hover,body.dark-mode .fighter-btn:hover,body.dark-mode .team-btn:hover{background:#667eea4d;border-color:#667eea}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#2d3748cc;border-color:#fff3;color:#e0e0e0}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}@media (max-width:768px){.header-controls{gap:10px}.theme-toggle{font-size:1rem;height:40px;width:40px}.language-button{padding:8px 12px}.language-code{display:none}.language-menu{min-width:140px;right:-10px}}@media (max-width:480px){.header-controls{gap:8px}.theme-toggle{font-size:.9rem;height:35px;width:35px}.language-button{padding:6px 10px}.flag{font-size:1rem}}.header{background-color:var(--bg-light);border-bottom:2px solid var(--accent);box-shadow:0 2px 10px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{grid-column-gap:clamp(12px,2vw,24px);grid-row-gap:8px;align-items:center;column-gap:clamp(12px,2vw,24px);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;margin:0 auto;max-width:none;padding:clamp(8px,1.2vw,14px) clamp(12px,2.2vw,24px);row-gap:8px}.header-search-strip{background:#00000024;border-top:1px solid #ffffff14;padding:10px clamp(12px,2.2vw,24px) 12px}.header-search-inner{margin:0 auto;max-width:980px;position:relative}.header-search-icon{left:14px;opacity:.75;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.header-search-input{background:#080a0ed9;border:1px solid #ffffff24;border-radius:999px;color:var(--text-light);height:40px;outline:none;padding:0 44px;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;width:100%}.header-search-input::placeholder{color:#ffffff8c}.header-search-input:focus{background:#080a0eeb;border-color:#00ff88bf;box-shadow:0 0 0 2px #00ff88b3,0 0 18px #00ff8840}.header-search-clear{align-items:center;background:#ffffff14;border:none;border-radius:999px;color:#ffffffdb;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px}.header-search-clear:hover{background:#ffffff24}.header-search-dropdown{background:#0f141c;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 18px 40px #00000073;left:0;max-height:420px;overflow:auto;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:2000}.header-search-status{color:#ffffffb3;font-size:.9rem;font-weight:600;padding:12px 10px}.header-search-section{display:flex;flex-direction:column;gap:4px;padding:4px 0}.header-search-section-title{color:#ffffff8c;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.header-search-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:left;width:100%}.header-search-item:hover{background:#00ff8814;box-shadow:0 0 0 2px #00ff888c}.header-search-avatar{border:1px solid #ffffff24;border-radius:50%;flex:0 0 auto;height:28px;object-fit:cover;width:28px}.header-search-text{display:flex;flex-direction:column;min-width:0}.header-search-primary{font-size:.95rem;font-weight:800;line-height:1.1}.header-search-primary,.header-search-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search-secondary{color:#ffffff94;font-size:.82rem}.header-groups-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:10px auto 0;max-width:980px}.header-groups-label{color:#ffffff9e;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.header-groups-buttons{display:flex;flex-wrap:wrap;gap:10px}.header-group-btn{background:#080a0e8c;border:1px solid #ffffff24;border-radius:999px;color:#ffffffe6;cursor:pointer;font-size:.85rem;font-weight:900;padding:8px 12px;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.header-group-btn:hover{background:#00ff8814;border-color:#00ff888c;box-shadow:0 0 0 2px #00ff8859}.header-group-btn.active{background:#00ff881f;border-color:#00ff88d9;box-shadow:0 0 0 2px #00ff88a6,0 0 18px #00ff8840}.header-body{grid-column-gap:clamp(12px,2vw,24px);grid-row-gap:8px;align-items:start;column-gap:clamp(12px,2vw,24px);grid-column:2;grid-row:1/span 2;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:8px}.header-logo{align-self:center;display:flex;flex:0 0 auto;grid-row:1/span 2}.header-logo h1{color:var(--accent);font-size:1.8em;font-weight:700;margin:0}.header-logo a,.header-logo h1{text-decoration:none}.header-nav-block{display:flex;flex-direction:column;gap:8px;grid-column:1;grid-row:1/span 2;min-width:0}.nav-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.nav-link{align-items:center;border-radius:6px;color:var(--text-light);display:inline-flex;flex:0 0 auto;font-size:.95em;font-weight:500;gap:4px;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:#3498db1a;color:var(--accent)}.nav-link.active{background-color:var(--accent);color:#fff}.nav-link-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-link-soon{color:#9fa6ad;color:var(--muted-text,#9fa6ad);font-size:.82em;margin-left:4px}.header-tools-block{align-items:flex-end;display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:1/span 2}.tools-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:flex-end}.header-help-link{font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.04em;min-width:106px;padding:10px 14px}@media (min-width:1200px){.header-body{align-items:start}.header-nav-block,.header-tools-block{min-width:0}.nav-row,.tools-row{flex-wrap:wrap}}@media (max-width:768px){.header-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}.header-logo{align-self:center;display:flex;flex:0 0 auto;grid-row:1/span 2}.header-body{grid-column:1;grid-row:2/span 2;grid-template-columns:1fr;grid-template-rows:auto auto}.header-nav-block{grid-column:1;grid-row:1}.header-tools-block{align-items:flex-start;grid-column:1;grid-row:2}.tools-row{justify-content:flex-start}}.moderator-link{background-color:#f39c12;color:#fff;font-weight:700}.moderator-link:hover{background-color:#e67e22}.admin-link{background-color:var(--danger-color);color:#fff;font-weight:700}.admin-link:hover{background-color:#c0392b}.header-controls{flex:0 0 auto;margin-left:0}.header-user{flex:0 1 auto;min-width:0}.user-section{gap:20px}.icon-button,.user-section{align-items:center;display:flex}.icon-button{background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;justify-content:center;padding:10px;position:relative;text-decoration:none;transition:all .3s ease}.icon-button:hover{background-color:#3498db1a;color:var(--accent)}.icon-button .icon{font-size:1.5em}.badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.8em;font-weight:700;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px}.notifications-container{position:relative}.notifications-dropdown{background-color:var(--bg-dark);border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-height:400px;position:absolute;right:0;top:100%;width:350px;z-index:1001}.notifications-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px}.notifications-header h3{color:var(--accent);font-size:1.1em;margin:0}.mark-all-read{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9em;text-decoration:underline}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #333;cursor:pointer;padding:15px 20px;transition:background-color .3s ease}.notification-item:hover{background-color:#3498db1a}.notification-item.unread{background-color:#3498db0d;border-left:3px solid var(--accent)}.notification-title{color:var(--text-light);font-weight:700;margin-bottom:5px}.notification-content{color:#aaa;font-size:.9em;margin-bottom:5px}.notification-time{color:#666;font-size:.8em}.notification-actions{display:flex;gap:8px;margin-top:10px}.notification-action-btn{background:#16233fcc;border:1px solid #364d7d;border-radius:10px;color:#dbe7ff;cursor:pointer;font-size:.85em;font-weight:650;padding:6px 10px}.notification-action-btn.primary{background:#224aaad9;border-color:#568cffe6}.notification-action-btn:hover{border-color:#78a5ffe6}.no-notifications{color:#aaa;padding:30px 20px;text-align:center}.notifications-footer{border-top:1px solid #333;padding:15px 20px;text-align:center}.notifications-footer a{color:var(--accent);font-weight:500;text-decoration:none}.user-menu-container{position:relative}.user-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .3s ease}.user-button:hover{background-color:#3498db1a}.user-avatar{border:2px solid var(--accent);border-radius:50%;height:40px;object-fit:cover;width:40px}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.8em;transition:transform .3s ease}.user-button:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{background-color:var(--bg-dark);border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #0000004d;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:.95em;gap:12px;padding:12px 20px;text-align:left;text-decoration:none;transition:background-color .3s ease;width:100%}.dropdown-item:hover{background-color:#3498db1a}.dropdown-icon{font-size:1.1em;text-align:center;width:20px}.dropdown-badge{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:.8em;font-weight:700;margin-left:auto;padding:2px 8px}.dropdown-divider{background-color:#333;height:1px;margin:5px 0}.logout-item{color:#e74c3c}.logout-item:hover{background-color:#e74c3c1a}.auth-buttons{align-items:center;display:flex;gap:15px;justify-content:flex-start}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-outline{background-color:initial;border:1px solid var(--accent);color:var(--accent)}.btn-outline:hover{background-color:var(--accent);color:#fff}.mobile-menu-toggle{display:none}.hamburger{background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;padding:10px}.hamburger span{background-color:var(--text-light);height:3px;transition:all .3s ease;width:25px}.overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.header-container{gap:10px 16px}.nav-row{gap:8px 10px}.nav-link{font-size:.9em;padding:8px 12px}.user-name{display:none}}@media (max-width:768px){.header{position:relative;top:auto}.header-container{gap:10px 12px;padding:10px 15px}.nav-row{justify-content:flex-start}.mobile-menu-toggle{display:none}.user-section{gap:15px}.notifications-dropdown,.user-dropdown{right:-10px;width:280px}.auth-buttons{gap:10px}.btn{font-size:.9em;padding:8px 16px}}@media (max-width:480px){.header-container{gap:8px 10px}.header-logo h1{font-size:1.5em}.notifications-dropdown,.user-dropdown{right:-20px;width:250px}.icon-button .icon{font-size:1.3em}.user-avatar{height:35px;width:35px}}.header-logo-link{align-items:center;background:linear-gradient(145deg,#ffffff1f,#3498db14);border:2px solid var(--accent);border-radius:16px;box-shadow:0 6px 16px #00000040,inset 0 0 0 1px #3498db33;display:inline-flex;height:clamp(78px,7vw,112px);justify-content:center;padding:8px;transition:transform .2s ease,box-shadow .2s ease;width:clamp(78px,7vw,112px)}.header-logo-link:hover{box-shadow:0 9px 20px #00000059,inset 0 0 0 1px #3498db59;transform:translateY(-1px)}.header-logo-image{border-radius:10px;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.header-logo-link{border-radius:12px;height:64px;padding:6px;width:64px}}.header-body{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.header-nav-block,.header-tools-block,.nav-row,.tools-row{display:contents}.pre-ccg{grid-row:1}.after-ccg{grid-row:2}.after-ccg-priority{order:1}.after-ccg-controls{order:2}.after-ccg-admin,.after-ccg-user{order:3}.after-ccg-admin,.after-ccg-controls,.after-ccg-priority,.after-ccg-user,.header-grid-item{width:100%}.header .auth-buttons .btn,.header .header-controls,.header .icon-button,.header .nav-link,.header .nav-link-disabled,.header .user-button{align-items:center;border-radius:10px;box-sizing:border-box;display:inline-flex;justify-content:center;min-height:52px;width:100%}.header .header-controls{gap:8px;padding:0 8px}.header .language-button,.header .theme-toggle{min-height:40px}.header .language-switcher{flex:1 1}.header .language-button{width:100%}.header .after-ccg-user .user-button{justify-content:center}.header .after-ccg-user.auth-buttons{display:flex;gap:8px}.header .after-ccg-user.auth-buttons .btn{flex:1 1}.header .icon-button{padding:8px}@media (min-width:2100px){.after-ccg{grid-row:1}}@media (max-width:768px){.header-body{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.header .auth-buttons .btn,.header .header-controls,.header .icon-button,.header .nav-link,.header .nav-link-disabled,.header .user-button{min-height:48px}}.header .auth-buttons .btn,.header .icon-button,.header .language-button,.header .nav-link,.header .nav-link-disabled,.header .theme-toggle,.header .user-button{align-items:center;border-radius:10px;box-sizing:border-box;display:inline-flex;justify-content:center;min-height:52px;width:100%}.header .language-switcher{width:100%}.header .language-button{justify-content:center}@media (max-width:768px){.header .auth-buttons .btn,.header .icon-button,.header .language-button,.header .nav-link,.header .nav-link-disabled,.header .theme-toggle,.header .user-button{min-height:48px}}.header-body{grid-template-columns:repeat(auto-fit,minmax(130px,190px))!important;justify-content:start}@media (max-width:768px){.header-body{grid-template-columns:repeat(auto-fit,minmax(120px,160px))!important}}.header-body{justify-content:stretch}@media (min-width:2000px){.header-body{grid-template-columns:repeat(auto-fit,minmax(130px,190px))!important;justify-content:start}}.header-body{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;justify-content:stretch!important}@media (max-width:768px){.header-body{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}}@media (min-width:2000px){.header-body{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;justify-content:stretch!important}}.header,.header-body,.header-container{max-width:100%;width:100%}@media (max-width:980px){.header-container{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;padding:10px 12px!important}.header-logo{grid-column:1!important;grid-row:1!important;justify-content:center}.header-logo-link{border-radius:12px;height:min(22vw,88px);width:min(22vw,88px)}.header-body{grid-gap:8px!important;align-items:stretch!important;display:grid!important;gap:8px!important;grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.header-nav-block,.header-tools-block,.nav-row,.tools-row{display:contents!important}.header .auth-buttons .btn,.header .header-controls,.header .icon-button,.header .language-button,.header .nav-link,.header .nav-link-disabled,.header .theme-toggle,.header .user-button{font-size:.9rem!important;height:auto!important;min-height:46px!important;min-width:0!important;padding:8px 10px!important;width:100%!important}.header .header-help-link{font-size:1.05rem!important;font-weight:800!important;letter-spacing:.06em}.header .user-name{max-width:100%!important}.header .notifications-dropdown,.header .user-dropdown{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(92vw,340px)!important}}@media (max-width:560px){.header-body{grid-template-columns:1fr!important}.header .auth-buttons .btn,.header .header-controls,.header .icon-button,.header .language-button,.header .nav-link,.header .nav-link-disabled,.header .theme-toggle,.header .user-button{font-size:.88rem!important;min-height:44px!important}}@media (max-width:1400px){.header-body{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:1100px){.header-body{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:900px){.header-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}.header .auth-buttons .btn,.header .header-controls,.header .icon-button,.header .language-button,.header .nav-link,.header .nav-link-disabled,.header .theme-toggle,.header .user-button{text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;justify-content:center!important;line-height:1.15!important;min-height:56px!important;overflow-wrap:break-word;padding:10px 12px!important;text-align:center!important;white-space:normal!important;word-break:normal}.header .nav-link-soon{display:block;font-size:.72rem;margin:2px 0 0}}@media (max-width:540px){.header-body{grid-template-columns:1fr!important}}.header-mobile{display:none}@media (max-width:1024px){.header-container{display:none!important}.header-mobile{display:flex;flex-direction:column;gap:12px;padding:12px;position:relative;z-index:1002}.header-mobile-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.header-mobile-top .header-logo-link{height:72px;width:72px}.mobile-menu-button{background:#141822e6;border:2px solid #e74c3cb3;border-radius:14px;color:#f5f7ff;cursor:pointer;font-weight:800;letter-spacing:.06em;padding:12px 18px;text-transform:uppercase}.header-mobile-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.header-mobile-actions .auth-buttons,.header-mobile-actions .user-menu-container{grid-column:1/-1}.header-mobile-actions .auth-buttons .btn,.header-mobile-actions .icon-button,.header-mobile-actions .language-button,.header-mobile-actions .theme-toggle,.header-mobile-actions .user-button{border-radius:12px!important;justify-content:center!important;min-height:52px!important;width:100%!important}.header-mobile-actions .user-button{flex-direction:row;gap:8px;padding:8px 10px}.header-mobile-actions .user-button .user-name{font-size:.9rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-mobile-menu{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;max-width:100%;position:relative;width:100%;z-index:1003}.mobile-nav-link{align-items:center;background:#121620e6;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:var(--text-light);cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:12px 14px;text-align:center;text-decoration:none;width:100%}.header-mobile-menu button.mobile-nav-link{appearance:none;-webkit-appearance:none;font:inherit;line-height:inherit}.mobile-nav-link.disabled{opacity:.5}.header-mobile .notifications-dropdown,.header-mobile .user-dropdown{left:50%;max-width:min(92vw,360px);position:fixed;right:auto;top:90px;transform:translateX(-50%);width:min(92vw,360px);z-index:1004}.header-mobile-profile-menu{margin-top:8px}.overlay{z-index:900}}html{scrollbar-gutter:stable}html:has(body.dark-mode){background:#0e131d;color-scheme:dark}html:has(body.light-mode){background:#f0f3f8;color-scheme:light}.App .header.header{flex:0 0 auto;width:100%}.App .header.header .header-container{box-sizing:border-box;margin:0 auto;position:relative;width:100%;z-index:1000}.App .header.header .header-body{align-items:center;grid-auto-rows:36px;grid-template-rows:36px 36px}.App .header.header :is(.nav-link,.icon-button,.user-button,.language-button,.theme-toggle){align-items:center;box-sizing:border-box;display:inline-flex;font:600 12px/1.2 var(--font-main);height:36px;justify-content:center;margin:0;max-height:36px;min-height:36px;padding:6px 8px;transform:none}.App .header.header :is(.notifications-container,.user-menu-container,.language-switcher){align-items:center;display:flex;height:36px;margin:0;min-height:36px;min-width:0}.App .header.header :is(.language-button,.theme-toggle){width:100%}.App .header.header .portal-icon{height:20px;width:20px}.App .header.header .language-code{font:inherit}.App .header.header .dropdown-item{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;font:500 13px/1.4 var(--font-main);min-height:40px;padding:10px 12px;white-space:nowrap;width:100%}.App .header.header .dropdown-icon{display:grid;flex:0 0 20px;height:20px;place-items:center;width:20px}.App .header.header .user-dropdown{padding:8px;width:240px}.App .header.header .header-search-inner{--search-action-size:32px}.App .header.header .header-search-input{box-sizing:border-box;padding-right:calc(var(--search-action-size)*2 + 10px)}.App .header.header :is(.header-search-submit,.header-search-clear){background:var(--portal-accent-soft);border:1px solid #0000;border-radius:7px;box-shadow:none;box-sizing:border-box;color:var(--accent-color);cursor:pointer;display:grid;height:var(--search-action-size);margin:0;min-height:0;padding:0;place-items:center;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:background-color .18s ease,border-color .18s ease,color .18s ease;width:var(--search-action-size)}.App .header.header :is(.header-search-submit,.header-search-clear):is(:hover,:active){background:var(--portal-surface);border-color:var(--accent-color);box-shadow:none;color:var(--accent-color);transform:translateY(-50%)}.App .header.header .header-search-submit>.portal-icon{display:block;height:20px;margin:0;pointer-events:none;width:20px}.App .header.header .header-search-clear{background:#0000;color:var(--portal-muted);right:calc(var(--search-action-size) + 4px)}@media (min-width:1025px){.App .header.header .header-body .after-ccg-user,.App .header.header .header-body>.user-menu-container{grid-column:span 2;justify-self:start;max-width:100%;width:-webkit-fit-content;width:fit-content}.App .header.header .header-container .user-button{gap:8px;max-width:100%;width:-webkit-fit-content!important;width:fit-content!important}.App .header.header .header-container .user-name{display:block;flex:0 1 auto;font:inherit;max-width:none!important;min-width:0;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.App .header.header .header-container .user-avatar,.App .header.header .header-container .user-button .dropdown-arrow{flex-shrink:0}}@media (any-pointer:coarse) and (min-width:1025px){.App .header.header .header-body{grid-auto-rows:44px;grid-template-rows:44px 44px}.App .header.header :is(.nav-link,.icon-button,.user-button,.language-button,.theme-toggle){height:44px;max-height:44px;min-height:44px}.App .header.header :is(.notifications-container,.user-menu-container,.language-switcher){height:44px;min-height:44px}.App .header.header :is(.dropdown-item,.language-option){min-height:44px}.App .header.header .header-search-input{font-size:16px;height:44px}.App .header.header .header-search-inner{--search-action-size:44px}.App .header.header .header-search-submit{border-radius:8px;right:0}}@media (max-width:1024px){.App .header.header .header-mobile{gap:12px;padding:12px 16px}.App .header.header .header-mobile-top{gap:8px;min-width:0}.App .header.header .header-mobile-top .header-logo-link{flex:0 1 auto;gap:8px;min-width:0}.App .header.header .header-mobile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.App .header.header .header-mobile-actions>*{flex:0 0 auto;margin:0;min-width:0}.App .header.header .header-mobile-actions :is(.icon-button,.user-button,.language-button,.theme-toggle){flex-shrink:0;font-size:14px!important;height:44px!important;max-height:none;min-height:44px!important;padding:6px!important;white-space:nowrap!important;width:44px!important}.App .header.header .header-mobile-actions :is(.notifications-container,.user-menu-container,.language-switcher){height:44px;min-height:44px}.App .header.header .header-mobile-actions .notifications-container{order:1}.App .header.header .header-mobile-actions .user-menu-container{order:2}.App .header.header .header-mobile-actions .theme-toggle{order:3}.App .header.header .header-mobile-actions .language-switcher{order:4}.App .header.header .header-mobile-actions .user-button{gap:4px;width:56px!important}.App .header.header .header-mobile-actions .language-button{gap:6px;width:52px!important}.App .header.header .language-switcher--compact .language-code{display:none!important}.App .header.header .header-mobile-actions .dropdown-arrow{flex:0 0 auto;font-size:10px}.App .header.header .header-mobile-actions .flag{flex:0 0 20px;height:14px;width:20px}.App .header.header .header-mobile-actions .auth-buttons{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px}.App .header.header .header-mobile-actions .auth-buttons .btn{flex:1 1 auto;font-size:13px!important;height:auto;min-height:44px!important;min-width:0;padding:8px 12px!important;width:auto!important}.App .header.header .mobile-menu-button{flex:0 0 auto;font-size:12px;min-height:44px;padding:8px 12px}.App .header.header .header-mobile>.header-mobile-menu{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:12px;box-shadow:var(--portal-shadow);left:16px;margin-top:0;max-height:min(65dvh,520px);overflow:auto;padding:8px;position:absolute;right:16px;top:calc(100% - 4px);width:auto}.App .header.header .header-mobile>.portal-menu-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100dvh - 140px);max-height:calc(var(--portal-visual-height,100dvh) - 140px);overscroll-behavior:contain;padding:10px;scrollbar-width:thin}.App .header.header .portal-menu-grid .portal-menu-tile{flex-direction:column;font-size:11px;gap:6px;justify-content:center;line-height:1.25;margin:0;min-height:68px;min-width:0;overflow-wrap:anywhere;padding:8px 5px;text-align:center;transition:background .15s,border-color .15s;white-space:normal}.App .header.header .portal-menu-tile .portal-icon{color:var(--portal-cyan);flex:0 0 22px;height:22px;width:22px}.App .header.header .portal-menu-tile small{color:var(--portal-muted);display:block;font-size:9px;margin-top:3px}.App .header.header .portal-menu-tile:is(:hover,:focus-visible,.is-current){background:var(--portal-accent-soft);border-color:var(--accent-color);color:var(--portal-ink)}.App .header.header .portal-menu-tile.is-current .portal-icon{color:var(--accent-color)}.App .header.header .portal-menu-footer{border-top:1px solid var(--portal-line);display:flex;flex-wrap:wrap;gap:0 12px;grid-column:1/-1;justify-content:center;padding-top:2px}.App .header.header .portal-menu-footer a{align-items:center;color:var(--portal-muted);display:flex;font-size:10px;min-height:44px;text-decoration:none}.App .header.header .header-mobile-profile-menu{left:12px;margin-left:auto;max-height:calc(100dvh - 140px);max-width:420px;overflow:auto;position:fixed;right:12px;top:120px;width:auto}.App .header.header .mobile-nav-link{font-size:14px;min-height:44px;padding:10px 12px}.App .header.header .language-menu{margin-top:8px;max-height:60dvh;min-width:180px;overflow:auto;right:0;width:min(240px,calc(100vw - 32px))}.App .header.header .language-option{font-size:14px;min-height:44px}.App .header.header .notifications-dropdown{display:flex;flex-direction:column;max-height:calc(100dvh - 140px);top:120px}.App .header.header .notifications-list{min-height:0;overflow:auto}.App .header.header .header-search-input{font-size:16px;height:44px}.App .header.header .header-search-inner{--search-action-size:44px}.App .header.header .header-search-submit{border-radius:8px;right:0}.App .header.header .header-group-btn{font-size:12px;min-height:44px;padding:8px 12px}.App .header.header .header-groups-buttons{overscroll-behavior-x:contain}}@media (max-width:359px){.App .header.header .header-mobile>.portal-menu-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));left:10px;max-height:calc(100dvh - 124px);max-height:calc(var(--portal-visual-height,100dvh) - 124px);padding:8px;right:10px}.App .header.header .portal-menu-grid .portal-menu-tile{gap:4px;min-height:60px;padding:6px 4px}}@media (min-width:600px) and (max-width:1024px){.App .header.header .header-mobile>.portal-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:359px){.App .header.header .header-mobile{padding:10px}.App .header.header .header-mobile .portal-wordmark strong{font-size:12px}.App .header.header .header-mobile .portal-wordmark small{font-size:5px}.App .header.header .header-mobile-actions :is(.user-button,.language-button){width:44px!important}.App .header.header .header-mobile-actions :is(.user-button,.language-button) .dropdown-arrow{display:none}.App .header.header .header-search-strip{padding-left:10px;padding-right:10px}}@media (min-width:540px) and (max-width:1024px) and (max-height:500px){.App .header.header .header-mobile{align-items:center;flex-direction:row;justify-content:space-between;padding-bottom:6px;padding-top:6px}.App .header.header .header-mobile-top{flex:1 1}.App .header.header .header-mobile-actions{flex:0 0 auto}.App .header.header .header-groups-row,.App .header.header .header-mobile .portal-wordmark small{display:none}.App .header.header .header-search-strip{padding-bottom:6px;padding-top:6px}.App .header.header :is(.header-mobile-profile-menu,.notifications-dropdown){max-height:calc(100dvh - 80px);top:64px}.App .header.header .header-mobile>.portal-menu-grid{max-height:calc(100dvh - 68px);max-height:calc(var(--portal-visual-height,100dvh) - 68px)}}.feedback-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:56px;z-index:1000}.feedback-button:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.feedback-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.feedback-panel{background:#1a1a2e;border-radius:12px;bottom:85px;box-shadow:0 10px 40px #00000080;height:auto;left:20px;opacity:0;overflow:visible;pointer-events:none;position:fixed;transform:translateY(calc(100% + 85px));transition:all .3s cubic-bezier(.4,0,.2,1);width:420px;z-index:999}.feedback-panel.open{opacity:1;pointer-events:all;transform:translateY(0)}.feedback-header{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #2a2a3e;display:flex;justify-content:space-between;padding:1.5rem}.feedback-header h2{color:#fff;font-size:1.25rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-btn:hover{background:#2a2a3e;color:#fff}.feedback-form{overflow:visible;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#ccc;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.feedback-input,.feedback-select,.feedback-textarea{background:#2a2a3e;border:1px solid #3a3a4e;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.feedback-input:focus,.feedback-select:focus,.feedback-textarea:focus{border-color:#667eea;outline:none}.feedback-textarea{height:80px;resize:none}.form-group small{color:#888;display:block;font-size:.8rem;margin-top:.25rem}.feedback-error,.feedback-success{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.feedback-success{background:#2ed5731a;border:1px solid #2ed5734d;color:#2ed573}.feedback-error{background:#ff47571a;border:1px solid #ff47574d;color:#ff4757}.feedback-actions{display:flex;gap:.75rem;margin-top:1rem}.feedback-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem;transition:all .2s}.btn-cancel{background:#2a2a3e;color:#ccc}.btn-cancel:hover{background:#3a3a4e;color:#fff}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.feedback-form::-webkit-scrollbar{width:6px}.feedback-form::-webkit-scrollbar-track{background:#1a1a2e}.feedback-form::-webkit-scrollbar-thumb{background:#3a3a4e;border-radius:3px}.feedback-form::-webkit-scrollbar-thumb:hover{background:#4a4a5e}.image-upload-options{display:flex;flex-direction:column;gap:12px}.radio-group{display:flex;gap:16px;margin-bottom:8px}.radio-group label{align-items:center;background:#252538;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:background .2s}.radio-group label:hover{background:#2a2a42}.radio-group input[type=radio]{cursor:pointer}.radio-group span{color:#e0e0e0;font-size:.95rem}.file-upload-section{display:flex;flex-direction:column;gap:10px}.feedback-file-input{display:none}.file-upload-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:10px 16px;text-align:center;transition:all .3s}.file-upload-label:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.image-preview-container{background:#252538;border-radius:8px;margin-top:10px;overflow:hidden;padding:10px}.image-preview{border-radius:6px;display:block;margin:0 auto;max-height:200px;max-width:100%}@media (max-width:768px){.feedback-button{bottom:15px;height:48px;left:15px;width:48px}.feedback-button svg{height:20px;width:20px}.feedback-panel{bottom:70px;left:15px;max-height:70vh;width:calc(100vw - 30px)}.feedback-header h2{font-size:1.1rem}.feedback-form{max-height:calc(70vh - 80px)}}.cookie-consent-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.cookie-consent-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3748;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.consent-header{border-bottom:1px solid #2d3748;padding:30px 30px 20px;text-align:center}.cookie-icon{animation:bounce 2s infinite;font-size:48px;margin-bottom:16px}.consent-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.consent-header p{color:#a0aec0;font-size:16px;line-height:1.6;margin:0}.consent-actions{display:flex;flex-direction:column;gap:12px;padding:24px 30px}.accept-all-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease}.accept-all-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.accept-all-btn:disabled{cursor:not-allowed;opacity:.6}.necessary-btn{background:linear-gradient(45deg,#4facfe,#00f2fe);border:none;border-radius:12px;box-shadow:0 4px 15px #4facfe66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease}.necessary-btn:hover:not(:disabled){box-shadow:0 8px 25px #4facfe99;transform:translateY(-2px)}.customize-btn{background:#0000;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.customize-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.consent-footer{border-top:1px solid #2d3748;padding:20px 30px 30px;text-align:center}.consent-footer p{color:#718096;font-size:14px;margin:0}.consent-footer a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.consent-footer a:hover{color:#764ba2;text-decoration:underline}.cookie-settings{padding:30px}.settings-header{margin-bottom:30px;text-align:center}.settings-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.settings-header p{color:#a0aec0;font-size:16px;margin:0}.cookie-categories{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.cookie-category{background:#2d37484d;border:1px solid #2d3748;border-radius:12px;padding:20px;transition:all .3s ease}.cookie-category:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.category-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.category-info h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.category-info p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0}.category-toggle{flex-shrink:0;position:relative}.category-toggle input[type=checkbox]{height:0;opacity:0;width:0}.toggle-label{background:#4a5568;border-radius:30px;cursor:pointer;display:block;height:30px;position:relative;transition:background .3s ease;width:60px}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:24px}.category-toggle input:checked+.toggle-label{background:linear-gradient(45deg,#667eea,#764ba2)}.category-toggle input:checked+.toggle-label .toggle-slider{transform:translateX(30px)}.category-toggle input:disabled+.toggle-label{background:#2d3748;cursor:not-allowed}.necessary-notice{align-items:center;background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:8px 12px}.notice-icon{font-size:16px}.necessary-notice span{color:#a0aec0;font-size:14px}.settings-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.save-btn{background:linear-gradient(45deg,#48bb78,#38a169);border:none;border-radius:12px;box-shadow:0 4px 15px #48bb7866;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #48bb7899;transform:translateY(-2px)}.cancel-btn{background:#0000;border:2px solid #4a5568;border-radius:12px;color:#a0aec0;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){border-color:#a0aec0;color:#fff}.legal-info{background:#2d374833;border:1px solid #2d3748;border-radius:12px;padding:20px}.legal-info p{color:#a0aec0;font-size:14px;line-height:1.6;margin:0 0 12px}.legal-info p:last-child{margin-bottom:0}.legal-info strong{color:#fff}.legal-info a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.legal-info a:hover{color:#764ba2;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.cookie-consent-overlay{padding:10px}.cookie-consent-modal{margin:10px;max-width:100%}.consent-actions,.consent-footer,.consent-header,.cookie-settings{padding:20px}.consent-header h2{font-size:24px}.category-header{gap:12px}.category-header,.settings-actions{flex-direction:column}.accept-all-btn,.cancel-btn,.customize-btn,.necessary-btn,.save-btn{font-size:15px;padding:14px 20px}}@media (max-width:480px){.cookie-consent-modal{border-radius:12px}.consent-actions,.consent-footer,.consent-header,.cookie-settings{padding:16px}.cookie-icon{font-size:36px}.consent-header h2{font-size:20px}.consent-header p{font-size:14px}.category-info h4{font-size:16px}.category-info p{font-size:13px}}.build-version{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061759;border:1px solid #94a3b82e;border-radius:999px;bottom:10px;color:#e2e8f0bf;font-size:12px;left:50%;letter-spacing:.08em;padding:6px 10px;pointer-events:none;position:fixed;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:9999}@media (max-width:480px){.build-version{bottom:8px;font-size:11px}}*{box-sizing:border-box}.app-loading-surface{background:#050608;min-height:100vh;width:100%}.app-loading-surface--studio{background:radial-gradient(ellipse at 48% -20%,#26334b8a,#0000 58%),radial-gradient(ellipse at 100% 80%,#1e16442b,#0000 50%),#090c12}.app-loading-surface--content{min-height:calc(100vh - 160px)}:root{--bg-primary:#f0f2f5;--bg-tertiary:#f8f9fa;--bg-dark:#e1e5e9;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-light:#333;--border-color:#e1e5e9;--accent-color:#007bff;--accent-hover:#0056b3;--success-color:#28a745;--success-hover:#155724;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--shadow:0 2px 4px #0000001a;--shadow-hover:0 4px 8px #00000026}body.dark-mode{--bg-primary:#050608;--bg-secondary:#0e1116;--bg-tertiary:#151922;--bg-light:#151922;--bg-dark:#0a0c10;--text-primary:#fff;--text-secondary:#d0d5dd;--text-muted:#8a909c;--text-light:#fff;--border-color:#242a34;--accent-color:#4a9eff;--accent-hover:#2d7dd2;--success-color:#2ecc71;--success-hover:#27ae60;--danger-color:#e74c3c;--warning-color:#f39c12;--info-color:#3498db;--shadow:0 2px 4px #0000004d;--shadow-hover:0 4px 8px #0006}#root,body,html{background-color:#f0f2f5;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;margin:0;min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.update-banner{animation:slideDown .3s ease-out;background:linear-gradient(90deg,#28a745,#20c997);box-shadow:0 2px 8px #0003;color:#fff;font-weight:600;left:0;padding:12px;position:fixed;right:0;text-align:center;top:0;z-index:99999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{color:#333;color:var(--text-primary);font-weight:600;line-height:1.2;margin:0 0 .5rem}p{color:#666;color:var(--text-secondary);margin:0 0 1rem}.flex{flex-wrap:wrap}.flex,.flex-column{display:flex;gap:1rem}.flex-column{flex-direction:column}img{display:block;height:auto;max-width:100%}button{background-color:#007bff;background-color:var(--accent-color);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}button:hover{background-color:#0056b3;background-color:var(--accent-hover);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.feed-page,.fight-page{background-color:#f0f2f5;background-color:var(--bg-primary);box-sizing:border-box;padding:1rem;width:100%}@media (max-width:768px){html{font-size:14px}.container{padding:0 .5rem}.flex{flex-direction:column}}@media (max-width:480px){html{font-size:12px}button{font-size:.9rem;padding:.4rem .8rem}}@media (max-width:1024px){html{font-size:15px}.character-selection-page,.container,.feed-container,.home-page{box-sizing:border-box;margin:0 auto!important;max-width:100%!important;padding:16px 12px!important;width:100%!important}.feed-container>.create-post-card,.feed-container>.tag-filter-container,.posts-feed{width:100%!important}.post-header{align-items:flex-start;flex-direction:column;gap:10px}.post-meta{flex-wrap:wrap}.fight-teams,.fight-teams-symmetrical,.fighters,.fighters-section{align-items:center!important;flex-direction:column!important;gap:12px!important}.fighter,.team-btn,.vote-btn{max-width:520px;width:100%!important}.profile-header{align-items:center;flex-direction:column;padding:20px;text-align:center}.profile-picture{height:110px;width:110px}.profile-background-banner{height:180px}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.messages-container-single{height:auto;max-height:none}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.fight-teams-vertical{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.team-column-vertical{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e1e5e9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:150px;padding:1rem}.team-member-vertical{align-items:center;background-color:#f8f9fa;background-color:var(--bg-tertiary);border:1px solid #e1e5e9;border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.fighter-photo{background-color:#fff;background-color:var(--bg-secondary);object-fit:cover}.fighter-photo,.fighter-photo-placeholder{border:2px solid #e1e5e9;border:2px solid var(--border-color);border-radius:8px;height:80px;width:80px}.fighter-photo-placeholder{align-items:center;background-color:#f8f9fa;background-color:var(--bg-tertiary);color:#999;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center}.vote-btn{background-color:#28a745;background-color:var(--success-color);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;padding:.3rem .6rem;transition:all .3s ease}.vote-btn:hover{transform:translateY(-1px)}.vote-btn.voted,.vote-btn:hover{background-color:#155724;background-color:var(--success-hover)}.vote-btn.voted{cursor:default;transform:none}.vote-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vote-count{color:#666;color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-top:.2rem;text-align:center}.add-member-btn,.add-team-btn{background-color:#007bff;background-color:var(--accent-color);color:#fff;margin-top:.5rem;width:100%}.add-member-btn:hover,.add-team-btn:hover{background-color:#0056b3;background-color:var(--accent-hover)}.comment-text.translated,.post-text.translated{background-color:#f8f9fa;background-color:var(--bg-tertiary);border-left:3px solid #17a2b8;border-left:3px solid var(--info-color);border-radius:4px;color:#666;color:var(--text-secondary);font-style:italic;margin-top:.5rem;padding:.5rem}.username-display{align-items:center;display:inline-flex;gap:5px}.champion-user{animation:golden-pulse 2s ease-in-out infinite;color:gold!important;font-weight:700;position:relative;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,0 0 30px #ffd70066}@keyframes golden-pulse{0%,to{text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,0 0 30px #ffd70066}50%{text-shadow:0 0 15px gold,0 0 25px #ffd700cc,0 0 35px #ffd70099}}.champion-crown-icon{animation:crown-float 3s ease-in-out infinite;font-size:.8em}@keyframes crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.champion-regular{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6c757d,gold);-webkit-background-clip:text;background-clip:text}.champion-metahuman{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#28a745,gold);-webkit-background-clip:text;background-clip:text}.champion-planetBusters{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fd7e14,gold);-webkit-background-clip:text;background-clip:text}.champion-godTier{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6f42c1,gold);-webkit-background-clip:text;background-clip:text}.champion-universalThreat{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dc3545,gold);-webkit-background-clip:text;background-clip:text}.champion-omnipotent{-webkit-text-fill-color:#0000;animation:omnipotent-shine 3s linear infinite;background:linear-gradient(45deg,gold,#fff);-webkit-background-clip:text;background-clip:text}@keyframes omnipotent-shine{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.champion-profile-background{background:linear-gradient(135deg,#ffd7001a,#ffd7000d 50%,#0000);overflow:hidden;position:relative}.champion-profile-background:before{animation:champion-glow-rotate 10s linear infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes champion-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.champion-badge-small{background:gold;border-radius:12px;color:#000;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:2px 8px}@media (max-width:768px){.champion-user{font-size:.95em}.champion-crown-icon{font-size:.7em}}:root{--portal-coral:#ed765e;--portal-cyan:#4daead;--portal-surface:#fff;--portal-surface-raised:#f7f8fb;--portal-line:#dce1e9;--portal-muted:#69758a;--portal-ink:#202b3c;--portal-accent-soft:#fff0eb;--portal-shadow:0 8px 28px #1623360d;--font-main:"Segoe UI",system-ui,-apple-system,sans-serif;--bg-primary:#f0f3f8;--bg-secondary:#fff;--bg-tertiary:#eaf0f6;--bg-dark:#f0f3f8;--bg-light:#fff;--text-primary:#202b3c;--text-secondary:#546177;--text-muted:#69758a;--text-light:#202b3c;--accent-color:#b34834;--accent-hover:#973a2a;--border-color:#dce1e9}body.dark-mode{--portal-surface:#151b26;--portal-surface-raised:#1b2330;--portal-line:#2b3444;--portal-muted:#99a6bb;--portal-ink:#edf1f8;--portal-accent-soft:#342723;--portal-shadow:0 8px 28px #0000001f;--bg-primary:#0e131d;--bg-secondary:#151b26;--bg-tertiary:#1b2330;--bg-dark:#0e131d;--bg-light:#151b26;--text-primary:#edf1f8;--text-secondary:#b6c0d1;--text-muted:#99a6bb;--text-light:#edf1f8;--accent-color:#ed765e;--accent-hover:#ff947d;--border-color:#2b3444}#root,body,html{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-main)}#root,body,html{background:#f0f3f8;background:var(--bg-primary)}.community-feed button,.header button{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-main)}.portal-icon{flex:0 0 auto;height:20px;vertical-align:middle;width:20px}.portal-eyebrow{color:#69758a;color:var(--portal-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.5;margin:0;text-transform:uppercase}.App :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #b34834;outline:2px solid var(--accent-color);outline-offset:4px}.App button{transition:background-color .18s ease,border-color .18s ease,color .18s ease}.header.header{background:#fff;background:var(--portal-surface);border-bottom:1px solid #dce1e9;border-bottom:1px solid var(--portal-line);box-shadow:0 4px 18px #0000000d;display:flex;flex-direction:column}.header .header-container{gap:24px;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto;max-width:1600px;order:1;padding:14px 28px}.header .header-logo{grid-row:1}.header .header-logo-link{background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;gap:12px;height:auto;overflow:visible;padding:0;text-decoration:none;width:auto}.header .header-logo-image{border-radius:12px;height:46px;object-fit:contain;width:46px}.portal-wordmark{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.portal-wordmark strong{color:#202b3c;color:var(--portal-ink);font-size:15px;letter-spacing:-.6px}.portal-wordmark strong span{color:#b34834;color:var(--accent-color)}.portal-wordmark small{color:#69758a;color:var(--portal-muted);font-size:7px;font-weight:700;letter-spacing:.13em}.header .header-body{gap:6px 8px;grid-column:2;grid-row:1;grid-template-columns:repeat(9,minmax(0,1fr))!important}.header.header :is(.nav-link,.nav-link-disabled,.user-button,.icon-button,.theme-toggle,.header-controls,.auth-buttons .btn){background:#0000;border:1px solid #0000;border-radius:8px;box-shadow:none;color:#69758a;color:var(--portal-muted);font-size:12px;min-height:34px;padding:6px 8px}.header.header :is(.nav-link:hover,.icon-button:hover,.theme-toggle:hover,.user-button:hover){background:#f7f8fb;background:var(--portal-surface-raised);color:#202b3c;color:var(--portal-ink);transform:none}.header.header .nav-link.active{background:#fff0eb;background:var(--portal-accent-soft);border-color:#0000;color:#b34834;color:var(--accent-color)}.header.header :is(.moderator-link,.admin-link){color:#69758a;color:var(--portal-muted);font-size:10px;overflow:hidden;white-space:nowrap}.header.header :is(.theme-toggle,.language-button){background:#0000;border-color:#0000;box-shadow:none;color:#202b3c;color:var(--portal-ink);font-size:12px;min-height:30px;padding:4px 6px}.header.header .user-button{background:#f7f8fb;background:var(--portal-surface-raised);color:#202b3c;color:var(--portal-ink)}.header .user-avatar{height:24px;width:24px}.header .header-controls{gap:4px;padding:0}.header .header-help-link{letter-spacing:.04em;min-width:0}.header .header-search-strip{align-items:center;background:#0000;border-top:1px solid #dce1e9;border-top:1px solid var(--portal-line);display:flex;gap:28px;order:2;padding:10px max(28px,calc(50vw - 772px))}.header .header-search-inner{flex:1 1;margin:0;max-width:600px}.header .header-search-input{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:9px;color:#202b3c;color:var(--portal-ink);font-size:12px;height:36px;padding-left:38px}.header .header-search-input::placeholder{color:#69758a;color:var(--portal-muted)}.header .header-search-input:focus{background:#fff;background:var(--portal-surface);border-color:#b34834;border-color:var(--accent-color);box-shadow:0 0 0 3px #fff0eb;box-shadow:0 0 0 3px var(--portal-accent-soft)}.header .header-search-dropdown{background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line)}.header :is(.header-search-item,.header-search-primary){color:#202b3c;color:var(--portal-ink)}.header :is(.header-search-secondary,.header-search-status,.header-search-section-title){color:#69758a;color:var(--portal-muted)}.header .header-search-item:hover{background:#fff0eb;background:var(--portal-accent-soft);box-shadow:none}.header .header-groups-row{flex-wrap:nowrap;gap:14px;margin:0}.header .header-groups-label{color:#69758a;color:var(--portal-muted);font-size:9px}.header .header-groups-buttons{flex-wrap:nowrap;gap:6px}.header .header-group-btn{background:#0000;border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:8px;box-shadow:none;color:#69758a;color:var(--portal-muted);font-size:11px;padding:7px 12px;white-space:nowrap}.header .header-group-btn.active,.header .header-group-btn:hover{background:#fff0eb;background:var(--portal-accent-soft);border-color:#b34834;border-color:var(--accent-color);color:#b34834;color:var(--accent-color);transform:none}.header :is(.user-dropdown,.notifications-dropdown,.language-dropdown){background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:14px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);color:#202b3c;color:var(--portal-ink)}.header .dropdown-item{color:#202b3c;color:var(--portal-ink)}.App .community-feed{grid-gap:28px;align-items:start;background:#0000;display:grid;gap:28px;grid-template-columns:208px minmax(0,980px) 248px;max-width:1560px;min-height:calc(100vh - 150px);padding:32px 28px}.community-stream{--card-bg:var(--portal-surface);--input-bg:var(--portal-surface-raised);--primary-color:var(--accent-color);--bg-hover:var(--portal-surface-raised);min-width:0}.community-rail-slot{min-width:0}.community-rail{display:flex;flex-direction:column;gap:16px;left:var(--rail-left);max-height:calc(100dvh - var(--rail-top) - 20px);min-width:0;overflow-y:auto;position:fixed;scrollbar-color:#dce1e9 #0000;scrollbar-color:var(--portal-line) #0000;scrollbar-width:thin;top:var(--rail-top);width:var(--rail-width);z-index:5}.community-rail>*{flex-shrink:0}.portal-profile-link{align-items:center;border-bottom:1px solid #dce1e9;border-bottom:1px solid var(--portal-line);display:flex;gap:12px;margin-bottom:6px;min-width:0;padding:0 0 22px;text-decoration:none}.portal-profile-link img{border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:12px;height:42px;object-fit:cover;width:42px}.portal-profile-link div{min-width:0}.portal-profile-link strong{color:#202b3c;color:var(--portal-ink);display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-profile-link span{color:#69758a;color:var(--portal-muted);font-size:11px}.portal-fandom-nav,.portal-side-nav{display:flex;flex-direction:column;gap:5px}.portal-side-link{align-items:center;border:1px solid #0000;border-radius:10px;color:#69758a;color:var(--portal-muted);display:flex;font-size:13px;font-weight:600;gap:13px;padding:12px 14px;text-decoration:none}.portal-side-link:hover{background:#fff;background:var(--portal-surface);color:#202b3c;color:var(--portal-ink)}.portal-side-link.is-active{background:#fff0eb;background:var(--portal-accent-soft);border-color:color-mix(in srgb,#b34834 18%,#0000);border-color:color-mix(in srgb,var(--accent-color) 18%,#0000);color:#b34834;color:var(--accent-color)}.portal-fandom-heading{border-top:1px solid #dce1e9;border-top:1px solid var(--portal-line);margin-top:6px;padding-top:10px}.portal-fandom-link{align-items:center;border-radius:10px;color:#69758a;color:var(--portal-muted);display:flex;font-size:12px;font-weight:600;gap:11px;padding:6px;text-decoration:none}.portal-fandom-link img{border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:9px;height:34px;object-fit:cover;width:34px}.portal-fandom-link .portal-icon{height:13px;margin-left:auto;opacity:.55;width:13px}.portal-fandom-link.is-active,.portal-fandom-link:hover{background:#fff;background:var(--portal-surface);color:#b34834;color:var(--accent-color)}.portal-beta-note{border-top:1px solid #dce1e9;border-top:1px solid var(--portal-line);color:#69758a;color:var(--portal-muted);font-size:11px;margin-top:8px;padding-top:16px}.portal-beta-note summary{align-items:center;cursor:pointer;display:flex;gap:8px}.portal-beta-note p{font-size:11px;line-height:1.7;margin:10px 0 0}.portal-beta-dot{background:#ed765e;background:var(--portal-coral);border-radius:50%;height:6px;width:6px}.community-feed .feed-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;margin:0 0 20px;padding:0;text-align:left}.portal-feed-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.community-feed .feed-header h1{-webkit-text-fill-color:currentColor;background:none;color:#202b3c;color:var(--portal-ink);font-size:clamp(24px,2.3vw,34px);font-weight:750;letter-spacing:-1px;margin:6px 0 5px}.portal-feed-heading p{color:#69758a;color:var(--portal-muted);font-size:13px;margin:0}.portal-heading-mark{background:#fff0eb;background:var(--portal-accent-soft);border-radius:14px;color:#b34834;color:var(--accent-color);height:44px;padding:10px;width:44px}.community-feed .feed-controls{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:1fr auto;margin:0}.community-feed .sort-controls{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:10px;box-shadow:none;display:inline-flex;gap:2px;grid-column:1;padding:4px;width:-webkit-fit-content;width:fit-content}.community-feed .sort-controls button{border-radius:7px;box-shadow:none;color:#69758a;color:var(--portal-muted);font-size:12px;font-weight:600;padding:8px 17px}.community-feed .sort-controls button.active{background:#f7f8fb;background:var(--portal-surface-raised);box-shadow:0 1px 4px #00000014;color:#202b3c;color:var(--portal-ink)}.community-feed .sort-controls button:hover{background:#f7f8fb;background:var(--portal-surface-raised);transform:none}.community-feed .filter-controls{grid-column:2;grid-row:1}.community-feed .filter-toggle-btn{align-items:center;background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:#69758a;color:var(--portal-muted);display:flex;font-size:12px;gap:7px;padding:10px 12px}.community-feed .filter-toggle-btn .portal-icon{height:15px;width:15px}.community-feed .filter-toggle-btn.active{border-color:#b34834;border-color:var(--accent-color);color:#b34834;color:var(--accent-color)}.community-feed .feed-header .category-controls{border-top:1px solid #dce1e9;border-top:1px solid var(--portal-line);flex-direction:row;gap:12px;grid-column:1/-1;justify-content:flex-start;padding-top:14px}.community-feed .feed-header .category-label{color:#69758a;color:var(--portal-muted);font-size:9px;white-space:nowrap}.community-feed .feed-header .category-buttons{flex-wrap:nowrap;gap:5px;justify-content:flex-start;padding:2px 0}.community-feed .feed-header .category-btn{background:#0000;border:1px solid #0000;border-radius:7px;box-shadow:none;color:#69758a;color:var(--portal-muted);flex:0 0 auto;font-size:11px;padding:6px 12px;width:auto}.community-feed .feed-header .category-btn.active{background:#fff0eb;background:var(--portal-accent-soft);color:#b34834;color:var(--accent-color)}.community-feed .feed-header .category-btn:hover{background:#fff;background:var(--portal-surface);transform:none}.community-feed :is(#create-post,.posts-feed,.onboarding-box,.tag-filter-container){margin-left:auto;margin-right:auto;max-width:980px;width:100%}.community-feed #create-post{margin-bottom:20px}.community-feed #create-post .create-post-card{border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:14px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);margin:0}.community-feed .create-post-card:hover{transform:none}.community-feed .create-post-card .create-post-prompt{background:#fff!important;background:var(--portal-surface)!important;border:0!important;border-radius:14px;box-shadow:none!important;margin:0;padding:20px;text-align:left;width:100%}.community-feed .create-post-card .create-post-prompt:hover{background:#f7f8fb!important;background:var(--portal-surface-raised)!important;transform:none}.community-feed .prompt-content{gap:14px}.community-feed .create-post-card .create-post-prompt .prompt-icon{background:#fff0eb;background:var(--portal-accent-soft);border:0;border-radius:12px;color:#b34834!important;color:var(--accent-color)!important;height:42px;width:42px}.portal-composer-copy{display:flex;flex:1 1;flex-direction:column;gap:4px}.community-feed .create-post-card .create-post-prompt .prompt-text{color:#202b3c!important;color:var(--portal-ink)!important;font-size:14px!important;font-weight:650!important}.portal-composer-hint{color:#69758a;color:var(--portal-muted);font-size:12px;font-weight:400}.portal-composer-arrow{color:#69758a;color:var(--portal-muted);width:17px}.community-feed .posts-feed{gap:24px}.community-feed :is(.empty-feed,.end-of-feed){background:#fff;background:var(--portal-surface);border:1px dashed #dce1e9;border:1px dashed var(--portal-line);border-radius:14px;box-shadow:none;padding:38px 24px}.community-feed .empty-feed h3{-webkit-text-fill-color:currentColor;background:none;color:#202b3c;color:var(--portal-ink);font-size:18px}.community-feed .empty-feed p{color:#69758a;color:var(--portal-muted);font-size:13px;margin-bottom:0}.community-feed .onboarding-box{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:14px;box-shadow:none}.community-feed .form-header{background:#f7f8fb;background:var(--portal-surface-raised);border-bottom-color:#dce1e9;border-bottom-color:var(--portal-line);color:#202b3c;color:var(--portal-ink);padding:20px}.community-feed :is(.title-input,.content-input,.post-category-select){background:#f7f8fb;background:var(--portal-surface-raised);border-color:#dce1e9;border-color:var(--portal-line);border-radius:9px;color:#202b3c;color:var(--portal-ink)}.community-feed .post-type-selector{background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line)}.community-feed #create-post .type-btn{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:#69758a;color:var(--portal-muted);padding:10px 18px}.community-feed #create-post .type-btn.active{background:#fff0eb;background:var(--portal-accent-soft);border-color:#b34834;border-color:var(--accent-color);color:#b34834;color:var(--accent-color)}.community-feed .tag-filter-container{border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:14px}.App .feedback-button,.community-feed .tag-filter-container{background:#fff;background:var(--portal-surface);box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow)}.App .feedback-button{border:1px solid #dce1e9;border:1px solid var(--portal-line);color:#b34834;color:var(--accent-color)}.App .feedback-button:hover{background:#f7f8fb;background:var(--portal-surface-raised)}.App .chat-toggle-label{color:#202b3c;color:var(--portal-ink);font-size:12px;text-shadow:none}.App .chat-toggle-wrapper{bottom:20px;right:20px}.App .chat-launcher{cursor:pointer;display:block;position:relative}.App .chat-launcher-input{height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.App .chat-launcher-face{align-items:center;background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:14px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);color:#202b3c;color:var(--portal-ink);display:flex;font-size:13px;font-weight:600;gap:10px;min-height:48px;padding:12px 18px;transition:background-color .18s,border-color .18s}.App .chat-launcher-face .portal-icon{color:#b34834;color:var(--accent-color)}.App .chat-launcher-input:checked+.chat-launcher-face,.App .chat-launcher:hover .chat-launcher-face{background:#fff0eb;background:var(--portal-accent-soft);border-color:#b34834;border-color:var(--accent-color)}.App .chat-launcher-input:focus-visible+.chat-launcher-face{outline:2px solid #b34834;outline:2px solid var(--accent-color);outline-offset:4px}.App .chat-launcher-badge{background:#b34834;background:var(--accent-color);border-radius:6px;color:#fff;font-size:10px;min-width:20px;padding:2px 5px;text-align:center}.App .global-chat-container{background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line);border-radius:16px;bottom:82px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);right:20px}.App .global-chat-container .chat-header{background:#f7f8fb;background:var(--portal-surface-raised);border-color:#dce1e9;border-color:var(--portal-line)}.App .global-chat-container .chat-tab{background:#0000;border-color:#dce1e9;border-color:var(--portal-line);color:#69758a;color:var(--portal-muted)}.App .global-chat-container .chat-tab.active{background:#fff0eb;background:var(--portal-accent-soft);border-color:#b34834;border-color:var(--accent-color);color:#b34834;color:var(--accent-color)}.App .global-chat-container :is(.chat-input-form,.private-message-input-form){background:#f7f8fb;background:var(--portal-surface-raised);border-color:#dce1e9;border-color:var(--portal-line)}.App .global-chat-container :is(.chat-input,.private-message-input){background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line);color:#202b3c;color:var(--portal-ink)}.App .global-chat-container :is(.send-btn,.private-send-btn){background:#b34834;background:var(--accent-color);border-radius:10px;color:#fff}.App .global-chat-container :is(.toggle-users-btn,.chat-close-btn){background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line);box-shadow:none;color:#202b3c;color:var(--portal-ink)}.App .scroll-top-button{background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line);bottom:84px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);color:#69758a;color:var(--portal-muted);font-size:22px;height:44px;right:20px;width:44px}@media (max-width:650px){.App .chat-toggle-wrapper{bottom:14px;right:14px}.App .global-chat-container{border-radius:0;bottom:0;right:0}.App .scroll-top-button{bottom:78px;right:14px}}.portal-arena-card{background:linear-gradient(180deg,#1018221a,#142c37 58%,#14242f),url(/static/media/universal.593a1db5e8794f750cb2.jpg) top /cover;border:1px solid #384756;border-radius:16px;color:#fff;display:block;overflow:hidden;padding:120px 22px 22px;position:relative;text-decoration:none}.portal-card-kicker{align-items:center;color:#8ed5d2;display:flex;font-size:10px;gap:7px;letter-spacing:.1em;text-transform:uppercase}.portal-card-kicker .portal-icon{height:15px;width:15px}.portal-arena-card h2{color:#fff;font-size:23px;letter-spacing:-.6px;margin:10px 0}.portal-arena-card p{color:#c0d2d9;font-size:12px;line-height:1.6;margin:0 0 20px}.portal-card-link{align-items:center;color:#a6e3dd;display:flex;font-size:12px;font-weight:600;gap:8px;justify-content:space-between}.portal-card-link .portal-icon{width:16px}.portal-arena-card:hover{border-color:#76c7c4}.portal-discovery-card{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:16px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);padding:22px}.portal-feature-icon{background:#fff0eb;background:var(--portal-accent-soft);border-radius:12px;color:#b34834;color:var(--accent-color);display:grid;height:40px;margin-bottom:18px;place-items:center;width:40px}.portal-discovery-card h2{color:#202b3c;color:var(--portal-ink);font-size:18px;letter-spacing:-.4px;margin:7px 0 10px}.portal-discovery-card p,.portal-games-card p{color:#69758a;color:var(--portal-muted);font-size:12px;line-height:1.7;margin-bottom:18px}.portal-text-link{align-items:center;color:#b34834;color:var(--accent-color);display:flex;font-size:12px;font-weight:600;gap:8px;justify-content:space-between;text-decoration:none}.portal-text-link .portal-icon{width:15px}.portal-games-card{padding:8px 4px}.portal-games-card>.portal-icon{color:#4daead;color:var(--portal-cyan);margin-bottom:10px}.portal-games-card h2{color:#202b3c;color:var(--portal-ink);font-size:14px;margin:0 0 8px}.portal-games-card div{display:flex;gap:8px}.portal-games-card div a{border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:7px;color:#69758a;color:var(--portal-muted);font-size:11px;padding:7px 10px;text-decoration:none}.portal-games-card div a:hover{border-color:#4daead;border-color:var(--portal-cyan);color:#202b3c;color:var(--portal-ink)}.portal-rail-footer{border-top:1px solid #dce1e9;border-top:1px solid var(--portal-line);color:#69758a;color:var(--portal-muted);display:flex;flex-wrap:wrap;font-size:10px;gap:8px;padding-top:14px}.portal-rail-footer a{color:inherit;text-decoration:none}.portal-rail-footer>span:last-child{flex-basis:100%;font-size:9px}.App .home-page{background:#0000}.home-page .hero-section{background:radial-gradient(ellipse at 85% 35%,color-mix(in srgb,#4daead 8%,#0000),#0000 55%);background:radial-gradient(ellipse at 85% 35%,color-mix(in srgb,var(--portal-cyan) 8%,#0000),#0000 55%);min-height:0;padding:72px 32px 88px}.home-page .hero-background{max-width:1400px;padding:0}.home-page .hero-content{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:1.05fr 1fr;text-align:left}.portal-hero-kicker{align-items:center;color:#b34834;color:var(--accent-color);display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:24px}.portal-hero-kicker .portal-icon{width:16px}.home-page .hero-text h1{color:#202b3c;color:var(--portal-ink);font-size:clamp(36px,4vw,60px);font-weight:750;letter-spacing:-2.5px;line-height:1.08;margin:0 0 24px;text-shadow:none}.home-page .hero-text h1 span{color:#b34834;color:var(--accent-color);display:block}.home-page .hero-subtitle{color:#69758a;color:var(--portal-muted);font-size:16px;line-height:1.8;margin:0 0 30px;max-width:490px}.home-page .hero-stats{gap:26px;justify-content:flex-start;margin:0 0 30px}.home-page .stat-item{align-items:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;padding:0}.home-page .stat-item:hover{box-shadow:none;transform:none}.home-page .stat-number{font-size:23px;font-weight:650;margin-bottom:0}.home-page .stat-label{color:#69758a;color:var(--portal-muted);font-size:9px;letter-spacing:.08em}.home-page .hero-actions{display:flex;gap:12px;justify-content:flex-start}.home-page .hero-actions .btn{align-items:center;border-radius:10px;box-shadow:none;display:inline-flex;font-size:13px;font-weight:650;gap:14px;justify-content:center;min-width:128px;padding:13px 20px;text-decoration:none;width:auto}.home-page .hero-actions .btn-primary{background:#b34834;background:var(--accent-color);border:1px solid #b34834;border:1px solid var(--accent-color);color:#f0f3f8;color:var(--bg-primary)}.home-page .hero-actions .btn-primary:hover{background:#973a2a;background:var(--accent-hover)}.home-page .hero-actions .btn-outline{background:#0000;border:1px solid #dce1e9;border:1px solid var(--portal-line);color:#202b3c;color:var(--portal-ink)}.portal-hero-art{background:#151b26;border:1px solid #3e4957;border-radius:24px;box-shadow:0 30px 60px #0000002b;height:440px;overflow:hidden;position:relative;transform:rotate(2deg)}.portal-hero-art-images{display:grid;grid-template-columns:1fr 1fr;inset:0;position:absolute}.portal-hero-art-images img{height:100%;object-fit:cover;object-position:48% center;width:100%}.portal-hero-art:after{background:linear-gradient(0deg,#101725,#1017251f 80%);content:"";inset:0;pointer-events:none;position:absolute}.portal-hero-vs{color:#ffe8a9;font-size:64px;font-style:italic;font-weight:900;left:50%;letter-spacing:-6px;position:absolute;text-shadow:0 4px 0 #101725,0 8px 20px #101725;top:28%;transform:translateX(-50%) rotate(-8deg);z-index:1}.portal-hero-art-caption{bottom:30px;left:30px;position:absolute;right:30px;z-index:1}.portal-hero-art-caption .portal-eyebrow{color:#f7a18f}.portal-hero-art-caption h2{color:#fff;font-size:30px;letter-spacing:-.8px;margin-top:8px}.portal-hero-art-caption p{color:#b6c0d1;font-size:12px;margin:8px 0 0}.home-page :is(.features-section,.community-feed-section,.official-fights-section,.cta-section){padding:44px 28px}.home-page :is(.feature-card,.recent-posts,.top-users,.official-fight-card){background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:16px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow)}.home-page .section-header h2{font-size:26px;letter-spacing:-.8px}.App :is(.divisions-page,.leaderboard-page,.profile-page,.messages-page,.notifications-page,.tournament-page){background:#0000}.App :is(.divisions-page,.leaderboard-page,.messages-page,.notifications-page){margin:0 auto;max-width:1380px;padding:36px 28px}.App :is(.divisions-header,.leaderboard-header,.messages-header,.notifications-header){background:#0000;box-shadow:none;margin-bottom:28px;padding:0;text-align:left}.App :is(.divisions-header,.leaderboard-header,.messages-header,.notifications-header) h1{color:#202b3c;color:var(--portal-ink);font-size:30px;font-weight:700;letter-spacing:-1px;text-shadow:none}.App :is(.divisions-header,.leaderboard-header) p{color:#69758a;color:var(--portal-muted);font-size:14px}.App .divisions-page .division-categories{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.App .divisions-page .category-banner{border-radius:18px;border-width:1px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);min-height:245px;padding:28px}.App .divisions-page .category-name{font-size:clamp(20px,2vw,29px)}.App :is(.leaderboard-container,.messages-container-single,.conversation-card,.notification-card,.profile-header){background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:16px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow)}.App .leaderboard-header .ranking-filters{justify-content:flex-start}.App .leaderboard-header .filter-btn{border-radius:9px;box-shadow:none;font-size:12px;padding:10px 16px}.App .leaderboard-header .filter-btn.active{background:#fff0eb;background:var(--portal-accent-soft);border-color:#b34834;border-color:var(--accent-color);color:#b34834;color:var(--accent-color)}.App .messages-page .user-search-input{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border-radius:10px;color:#202b3c}.App .messages-container-single .messages-header{background:#fff;background:var(--portal-surface);border-bottom:1px solid #dce1e9;border-bottom:1px solid var(--portal-line);margin:0;padding:22px 24px}.App .messages-container-single :is(.search-panel,.conversations-list){background:#fff;background:var(--portal-surface);border-color:#dce1e9;border-color:var(--portal-line)}.App .profile-page .friends-card{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:16px}.App .profile-page :is(.friends-count,.friends-empty){color:#69758a;color:var(--portal-muted)}.App .profile-page .profile-header h1{color:#202b3c;color:var(--portal-ink);letter-spacing:-1px}.App .auth-container{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,#b34834 7%,#0000),#0000 55%);background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--accent-color) 7%,#0000),#0000 55%);color:#202b3c;color:var(--portal-ink);min-height:calc(100vh - 150px);padding:56px 24px}.App .auth-container h1{color:#202b3c;color:var(--portal-ink);font-size:30px;letter-spacing:-1px;margin-bottom:24px}.App .auth-container form{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:18px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);max-width:430px;padding:32px}.App .auth-container .form-group input{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:9px;color:#202b3c;color:var(--portal-ink);font-size:14px;min-height:46px;padding:12px 14px;width:100%}.App .auth-container .form-group input::placeholder{color:#69758a;color:var(--portal-muted)}.App .auth-container .btn-primary{background:#b34834;background:var(--accent-color);border-radius:9px;box-shadow:none;font-size:14px;font-weight:600}.App .auth-container a{color:#b34834;color:var(--accent-color)}body.light-mode .home-page .hero-actions .btn-primary{color:#fff}body.light-mode .post-card :is(.post-text,.post-meta,.post-meta-right){color:#69758a;color:var(--portal-muted)}body.light-mode .post-card .username-display:not(.champion-user){color:#202b3c;color:var(--portal-ink)}body.light-mode .post-card .post-group-title{color:#196344}body.light-mode .post-card :is(.character-name-simple,.team-vote-count,.team-vote-hidden){color:#edf1f8}@media (max-width:1250px) and (min-width:1025px){.header .header-container{gap:14px;grid-template-columns:55px minmax(0,1fr);padding-left:20px;padding-right:20px}.header-container .portal-wordmark{display:none}.App .community-feed{gap:24px;grid-template-columns:180px minmax(0,1fr);padding:28px 24px}.community-rail--discovery{display:none}.header .header-search-strip{gap:18px}}@media (max-width:1024px){.header.header{position:relative}.header.header .header-mobile{gap:10px;order:1;padding:12px 20px}.header .header-mobile-top .header-logo-link{height:auto;width:auto}.header .header-mobile-top .header-logo-image{height:36px;width:36px}.header .header-mobile .portal-wordmark strong{font-size:14px}.header .mobile-menu-button{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:8px;box-shadow:none;color:#202b3c;color:var(--portal-ink);font-size:10px;padding:9px 12px}.header.header .header-mobile-actions{display:flex;gap:8px;justify-content:flex-end}.header .header-mobile-actions>*{flex:0 0 auto;width:auto}.header.header .header-mobile-actions :is(.icon-button,.user-button,.theme-toggle,.language-button,.auth-buttons .btn){background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:8px;box-shadow:none;color:#202b3c;color:var(--portal-ink)}.header .header-mobile-actions .user-name{display:none}.header .header-mobile-profile-menu{background:#fff;background:var(--portal-surface);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:12px;box-shadow:0 8px 28px #1623360d;box-shadow:var(--portal-shadow);max-width:280px;padding:8px;position:absolute;right:20px;top:100px}.header .mobile-nav-link{background:#f7f8fb;background:var(--portal-surface-raised);border:1px solid #dce1e9;border:1px solid var(--portal-line);border-radius:8px;color:#202b3c;color:var(--portal-ink);font-size:12px;justify-content:flex-start;padding:10px 12px;text-align:left}.header .header-search-strip{flex-wrap:wrap;gap:10px;padding:12px 20px}.header .header-search-inner{flex-basis:100%;max-width:none}.header .header-groups-row{gap:10px;width:100%}.header .header-groups-buttons{flex:1 1;gap:6px;overflow-x:auto}.header .header-group-btn{font-size:10px;padding:6px 10px}.App .community-feed{gap:20px;grid-template-columns:minmax(0,1fr);max-width:980px!important;min-height:calc(100vh - 210px);padding:24px 20px!important}.community-rail-slot--discovery{display:none}.community-rail--navigation{display:block;max-height:none;overflow:visible;position:static;width:auto}.community-rail--navigation>:is(.portal-profile-link,.portal-eyebrow,.portal-fandom-nav){display:none}.portal-side-nav{flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:3px}.portal-side-link{font-size:12px;gap:8px;padding:10px 12px;white-space:nowrap}.portal-side-link .portal-icon{height:17px;width:17px}.portal-beta-note{margin:12px 0 0;padding-top:10px}.portal-beta-note p{max-width:600px}.home-page .hero-section{padding:48px 24px}.home-page .hero-content{gap:36px}.portal-hero-art{height:350px}.home-page .hero-text h1{font-size:40px;letter-spacing:-1.8px}}@media (max-width:650px){.header.header .header-mobile{padding:12px 16px}.header .header-search-strip{padding:10px 16px 12px}.header .header-groups-label{display:none}.header .header-mobile .portal-wordmark small{font-size:6px}.App .community-feed{gap:20px;padding:20px 14px!important}.portal-feed-heading{margin-bottom:18px}.community-feed .feed-header h1{font-size:28px}.portal-feed-heading p{font-size:12px}.community-feed .feed-controls{gap:12px}.community-feed .sort-controls{flex-direction:row}.community-feed .sort-controls button{font-size:12px;padding:8px 13px}.community-feed .feed-header .category-controls{gap:0;min-width:0}.community-feed .feed-header .category-label{display:none}.community-feed .feed-header .category-buttons{width:100%}.community-feed .feed-header .category-btn{font-size:11px;padding:7px 10px}.community-feed .create-post-card .create-post-prompt{padding:16px}.portal-composer-hint{font-size:11px;line-height:1.5}.portal-composer-arrow{display:none}.community-feed .prompt-content{gap:12px}.home-page .hero-section{padding:36px 20px 48px}.home-page .hero-content{gap:36px;grid-template-columns:1fr}.home-page .hero-text h1{font-size:42px;letter-spacing:-2px}.home-page .hero-subtitle{font-size:14px}.home-page .hero-stats{gap:24px}.home-page .hero-actions{flex-direction:row}.home-page .hero-actions .btn{font-size:12px;padding:12px 16px}.portal-hero-art{height:300px;transform:none}.portal-hero-art-caption{bottom:24px;left:24px;right:24px}.portal-hero-art-caption h2{font-size:26px}.App .divisions-page .division-categories{gap:16px;grid-template-columns:1fr}.App .divisions-page .category-banner{min-height:220px;padding:24px}.App .auth-container{padding:36px 16px}.App .auth-container form{padding:24px}}@media (prefers-reduced-motion:reduce){.community-feed *,.header *,.home-page .hero-section *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.app-loading-surface{background:var(--bg-primary);color:var(--portal-ink)}.portal-loading-preview{margin:auto;padding:36px 24px;width:min(900px,100%)}.portal-loading-preview h1{font-size:30px;letter-spacing:-1px;margin:8px 0 28px}.portal-loading-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:16px;margin-bottom:20px;padding:24px}.portal-loading-card div{background:var(--portal-surface-raised);border-radius:6px;height:14px;margin-bottom:14px}.portal-loading-card div:first-child{height:20px;width:35%}.portal-loading-card div:last-child{margin:0;width:70%}.App .header .language-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid #0000;border-radius:8px;box-shadow:none;color:var(--portal-muted);font:600 12px/1.25 var(--font-main);gap:7px;min-height:34px;padding:6px 8px}.App .header .language-button .language-code{font:inherit}.App .header .language-button .flag{border-radius:2px;height:12px;object-fit:cover;width:18px}.App .header .language-button:hover{background:var(--portal-surface-raised);color:var(--portal-ink);transform:none}.App .header .language-menu{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:12px;box-shadow:var(--portal-shadow)}.App .header .language-option{color:var(--portal-ink);font:500 12px/1.4 var(--font-main);padding:10px 12px}.App .header .language-option.active,.App .header .language-option:hover{background:var(--portal-accent-soft);color:var(--accent-color)}.App .header .language-option .check{color:var(--accent-color)}.App .header .header-search-dropdown{background:var(--portal-surface);border-color:var(--portal-line);box-shadow:var(--portal-shadow)}.App .header :is(.header-search-status,.header-search-section-title,.header-search-secondary){color:var(--portal-muted)}.App .header .header-search-primary{color:var(--portal-ink)}.App .header .header-search-item:hover{background:var(--portal-surface-raised)}.App .feedback-panel{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:16px;box-shadow:var(--portal-shadow);max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:thin;z-index:2100}.App .feedback-header{background:var(--portal-surface-raised);border-color:var(--portal-line);padding:18px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.App .feedback-header h2{color:var(--portal-ink);font-size:18px;letter-spacing:-.4px}.App .feedback-panel :is(label,.close-btn){color:var(--portal-ink)}.App .feedback-form{padding:20px}.App .feedback-panel :is(.feedback-input,.feedback-select,.feedback-textarea){background:var(--portal-surface-raised);border-color:var(--portal-line);border-radius:9px;color:var(--portal-ink);font-family:var(--font-main)}.App .feedback-panel :is(.feedback-input,.feedback-select,.feedback-textarea):focus{border-color:var(--accent-color)}.App .feedback-panel .file-upload-label{background:var(--portal-surface-raised);border-color:var(--portal-line);box-shadow:none;color:var(--portal-muted)}.App .feedback-panel .btn-submit{background:var(--accent-color);border-radius:9px;box-shadow:none;color:#fff}.App .feedback-panel .btn-cancel{background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:9px;color:var(--portal-muted)}.App .account-settings{background:#0000;color:var(--portal-ink);max-width:960px;min-height:calc(100vh - 170px);padding:36px 24px}.App .settings-container{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:18px;box-shadow:var(--portal-shadow);padding:30px}.App .account-settings .settings-header{border-bottom:1px solid var(--portal-line);margin-bottom:28px;padding-bottom:22px}.App .account-settings .settings-header h1{color:var(--portal-ink);font-size:28px;letter-spacing:-.8px}.App .account-settings .settings-section{background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:14px;margin-bottom:24px;padding:24px}.App .account-settings .settings-section h2{color:var(--portal-ink);font-size:19px;letter-spacing:-.3px}.App .account-settings :is(.section-description,.username-display,.settings-form small,.info-text){color:var(--portal-muted)}.App .account-settings :is(.username-display strong,.form-group label){color:var(--portal-ink)}.App .account-settings .section-description strong{color:var(--accent-color)}.App .account-settings :is(input,select){background:var(--portal-surface);border-color:var(--portal-line);border-radius:9px;color:var(--portal-ink)}.App .account-settings button{background:var(--portal-accent-soft);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--accent-color)}.App .account-settings .danger-zone button{background:#a73535;color:#fff}.App .account-settings .settings-form .form-group{margin-bottom:0}.App .tournament-page{background:#0000;color:var(--portal-ink);max-width:1400px;min-height:calc(100vh - 170px);padding:36px 28px}.App .tournament-page .tournaments-header{border-bottom:1px solid var(--portal-line);gap:18px}.App .tournament-page .tournaments-header h1{color:var(--portal-ink);font-size:30px;letter-spacing:-.8px}.App .tournament-page .create-tournament-btn{background:var(--portal-accent-soft);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--accent-color);font-size:13px;padding:11px 16px}.App .tournament-page .create-tournament-btn:hover{background:var(--portal-surface-raised);box-shadow:none;transform:none}.App .tournament-page :is(.no-tournaments,.tournament-card,.tournament-details,.create-tournament-form){background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:16px;box-shadow:var(--portal-shadow)}.App .tournament-page :is(.no-tournaments h3,.tournament-card h3,.tournament-details h2){color:var(--portal-ink)}.App .tournament-page :is(.tournament-description,.no-tournaments p,.meta-label){color:var(--portal-muted)}.App .tournament-page .meta-value{color:var(--portal-ink)}.App .tournament-page .filter-tabs button{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:9px;color:var(--portal-muted);font-size:12px}.App .tournament-page .filter-tabs button.active{background:var(--portal-accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.App .tournament-page :is(.tournament-card-header,.modal-header){background:var(--portal-surface-raised);border-color:var(--portal-line)}.App .tournament-page :is(.modal-content,.create-tournament-modal,.join-tournament-modal){background:var(--portal-surface);border-color:var(--portal-line);color:var(--portal-ink)}.App .tournament-page :is(input,select,textarea){background:var(--portal-surface-raised);border-color:var(--portal-line);color:var(--portal-ink)}.App .tournament-page .create-tournament-form :is(input,select,textarea){background:var(--portal-surface-raised);border-color:var(--portal-line);border-radius:9px;color:var(--portal-ink)}.App .tournament-page .create-tournament-form .checkbox-label{background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:9px;color:var(--portal-ink)}.App .tournament-page .create-tournament-form .form-actions{background:#0000;border-color:var(--portal-line)}.App .tournament-page .spinner{border-color:var(--portal-line);border-top-color:var(--accent-color)}.App .tournament-page :is(.form-header,.tournament-detail-header){background:#0000;border-color:var(--portal-line)}.App .tournament-page :is(.form-header h2,.form-group label,.tournament-detail h2,.tournament-detail h3,.detail-value){color:var(--portal-ink)}.App .tournament-page :is(.hint,.tier-group-label,.detail-label,.excluded-note,.tournament-full-description){color:var(--portal-muted)}.App .tournament-page :is(.tier-btn,.btn-close,.btn-secondary,.back-btn,.btn-view,.loadout-option-btn,.detail-card,.participant-card,.character-badge,.loadout-summary){background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--portal-ink)}.App .tournament-page :is(.tier-btn.active,.loadout-option-btn.active){background:var(--portal-accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.App .tournament-page .create-tournament-form .btn-primary{background:var(--accent-color);border-radius:9px;box-shadow:none;color:#fff}.App .tournament-page .tournament-card:hover{border-color:var(--accent-color);box-shadow:var(--portal-shadow);transform:none}.App .account-settings input:focus,.App .account-settings select:focus,.App .tournament-page input:focus,.App .tournament-page textarea:focus{background:var(--portal-surface);border-color:var(--accent-color)}@media (max-width:650px){.App .feedback-panel{bottom:80px;left:14px;max-height:calc(100dvh - 105px);width:calc(100% - 28px)}.App .account-settings,.App .tournament-page{padding:24px 14px}.App .account-settings .settings-section,.App .settings-container{padding:20px 16px}.App .account-settings .settings-header h1,.App .tournament-page .tournaments-header h1{font-size:24px}.App .tournament-page .create-tournament-form{padding:20px 16px}.App .tournament-page .form-row,.App .tournament-page .tournaments-grid{grid-template-columns:minmax(0,1fr)}}.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page){background:#0000;box-sizing:border-box;color:var(--portal-ink);display:block;margin:0 auto;max-width:1080px;min-height:calc(100dvh - 156px);padding:32px 28px;width:100%}.App :is(.profile-page,.messages-page,.account-settings) .portal-account-container{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:18px;box-shadow:var(--portal-shadow);box-sizing:border-box;height:calc(100dvh - 228px);height:calc(100dvh - var(--portal-header-height, 164px) - 64px);margin:0;max-height:none;max-width:none;min-height:480px;overflow:auto;padding:28px;scrollbar-gutter:stable;width:100%}.App .profile-page .profile-header:not(.champion-profile-background){background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:12px;box-shadow:none;color:var(--portal-ink)}.App .profile-page :is(.friends-card,.profile-stats,.profile-posts,.profile-comments){background:var(--portal-surface);border-color:var(--portal-line);box-shadow:none;color:var(--portal-ink)}.App .messages-page :is(.messages-header,.search-panel,.search-header,.conversations-panel,.conversations-header,.conversation-item,.users-list,.user-item){background:var(--portal-surface);border-color:var(--portal-line);box-shadow:none;color:var(--portal-ink)}.App .messages-page .messages-header{margin:0;padding:0 0 24px}.App .messages-page :is(.messages-header h1,.search-header h3,.conversations-header h3){color:var(--portal-ink);margin:0}.App .messages-page .messages-header h1{font-size:26px}.App .messages-page .search-panel{background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:12px;padding:20px}.App .messages-page .user-search-input{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:9px;box-sizing:border-box;color:var(--portal-ink);padding:12px}.App .messages-page .conversation-item{border-radius:10px}.App .messages-page :is(.no-conversations,.no-users,.last-message,.conversation-time){color:var(--portal-muted)}.App .conversation-chat-page{box-sizing:border-box;display:block;inset:auto;margin:0 auto;max-width:1080px;padding:32px 28px;position:relative;width:100%}.App .conversation-chat-page .chat-container{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:18px;height:calc(100dvh - 228px);height:calc(100dvh - var(--portal-header-height, 164px) - 64px);max-width:none;min-height:480px;width:100%}.App .conversation-chat-page :is(.chat-header,.message-input-container){background:var(--portal-surface);border-color:var(--portal-line)}.App .conversation-chat-page :is(.chat-username,.message-content){color:var(--portal-ink)}.App .conversation-chat-page :is(.chat-status,.message-meta,.no-messages){color:var(--portal-muted)}.App .conversation-chat-page :is(.back-btn,.message-input,.input-wrapper){background:var(--portal-surface-raised);border-color:var(--portal-line);border-radius:10px;color:var(--portal-ink)}.App .conversation-chat-page .message-bubble.received .message-content{background:var(--portal-surface-raised)}.App .conversation-chat-page .message-bubble.sent .message-content{background:var(--portal-accent-soft)}.App .conversation-chat-page .send-btn{background:var(--accent-color);border-radius:10px;box-shadow:none;color:var(--portal-surface);height:44px;padding:0;width:44px}.App .leaderboard-page .leaderboard-header{background:#0000;border:0;box-shadow:none;padding:0 0 24px;text-align:left}.App .leaderboard-page .leaderboard-header h1{color:var(--portal-ink);font-size:28px;margin:0 0 20px;text-shadow:none}.App .leaderboard-page .ranking-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.App .leaderboard-page .filter-btn{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--portal-muted);font:600 13px var(--font-main);min-height:40px;padding:10px 16px}.App .leaderboard-page .filter-btn.active{background:var(--portal-accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.App .leaderboard-page :is(.leaderboard-container,.leaderboard-table){background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:14px;box-shadow:var(--portal-shadow);overflow:hidden;padding:0}.App .leaderboard-page .leaderboard-table{border:0}.App .leaderboard-page :is(.table-header,.leaderboard-row){grid-gap:12px;align-items:center;background:var(--portal-surface);border:0;border-bottom:1px solid var(--portal-line);border-radius:0;box-shadow:none;color:var(--portal-ink);display:grid;font-size:13px;gap:12px;grid-template-columns:44px minmax(0,1fr) 72px 130px 110px;margin:0;padding:16px 20px}.App .leaderboard-page .table-header{background:var(--portal-surface-raised);color:var(--portal-muted);font-size:11px}.App .leaderboard-page .leaderboard-row:hover{background:var(--portal-surface-raised);transform:none}.App .leaderboard-page .leaderboard-row.current-user{background:var(--portal-accent-soft);border-left:3px solid var(--accent-color);padding-left:17px}.App .leaderboard-page :is(.username,.rank-icon,.value){color:var(--portal-ink);text-shadow:none}.App .leaderboard-page :is(.level-badge,.achievement-count,.current-user-badge){background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:6px;color:var(--portal-muted);font-size:11px;padding:4px 6px}.App .leaderboard-page :is(.user-details-content,.stat-card,.achievement-card){background:var(--portal-surface);border-color:var(--portal-line);border-radius:14px;box-shadow:var(--portal-shadow);color:var(--portal-ink)}@media (max-width:650px){.App .conversation-chat-page{padding:20px 12px}.App .conversation-chat-page .chat-container{border-radius:12px;height:calc(100dvh - 180px);height:calc(100dvh - var(--portal-header-height, 140px) - 40px)}.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page){padding:20px 12px}.App :is(.profile-page,.messages-page,.account-settings) .portal-account-container{border-radius:12px;height:calc(100dvh - 180px);height:calc(100dvh - var(--portal-header-height, 140px) - 40px);min-height:480px;padding:16px}.App .leaderboard-page :is(.table-header,.leaderboard-row){font-size:11px;gap:8px;grid-template-columns:28px minmax(0,1fr) 95px;padding:12px}.App .leaderboard-page :is(.header-level,.level,.header-achievements,.achievements){display:none}}@media (max-width:1024px){.App{overflow-x:clip}.App :is(button,a,input,textarea,select){touch-action:manipulation}.App :is(input,textarea,select){max-width:100%}.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.create-fight-page,.fight-detail-page,.post-page,.help-page,.legal-policy-page){box-sizing:border-box;min-width:0}.App :is(.header-mobile-menu,.portal-account-container,.messages-area,.feedback-panel,.global-chat-container,.cookie-consent-modal){-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width:650px){.App :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){font-size:16px!important}.App :is(.auth-container,.account-settings,.messages-page,.conversation-chat-page,.create-fight-page,.tournament-page,.feedback-panel,.create-post-card,.edit-profile-form,.admin-panel,.moderator-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){font-size:16px;min-width:0}.App :is(.account-settings,.messages-page,.conversation-chat-page,.create-fight-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.help-page,.legal-policy-page) :is(button,.btn,.button,.help-link){max-width:100%;min-height:44px;overflow-wrap:anywhere;white-space:normal}.App :is(.form-row,.form-group,.profile-info,.user-info,.notification-content,.division-info,.category-content,.conversation-content,.admin-character-meta){min-width:0}.App :is(.settings-header,.tournaments-header,.notifications-page .page-header,.admin-header,.category-header,.division-actions,.form-actions,.admin-tabs,.filter-tabs,.post-actions,.feed-controls){flex-wrap:wrap;gap:10px}.App :is(.profile-page,.messages-page,.account-settings) .portal-account-container{height:auto;min-height:calc(100dvh - 260px);min-height:calc(100dvh - var(--portal-header-height, 220px) - 40px);overflow:visible;scrollbar-gutter:auto}.App .profile-page .profile-header{gap:20px;min-height:0;padding:20px 12px}.App .profile-page .profile-info{width:100%}.App .profile-page :is(.fight-stats-cards,.fight-stats-split){grid-template-columns:minmax(0,1fr)}.App .profile-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.App .profile-page .stat-item{padding:10px 4px}.App .profile-page :is(.stat-label,.stat-name){font-size:11px;overflow-wrap:anywhere}.App .profile-page :is(.profile-actions,.profile-tabs,.total-stats){display:flex;flex-wrap:wrap;gap:8px}.App .profile-page .profile-fights{padding:16px 10px}.App .profile-page .fight-tabs{flex-wrap:wrap;gap:4px}.App .profile-page .fight-tab{flex:1 1 110px;min-height:44px;overflow-wrap:anywhere;padding:10px 8px;white-space:normal}.App .post-card .fight-voting-buttons{gap:8px;grid-template-columns:minmax(0,1fr)}.App .post-card .fight-voting-buttons .animated-vote-btn{letter-spacing:0;min-height:44px;overflow-wrap:anywhere;padding:10px;white-space:normal}.App .post-card .post-actions :is(button,a){min-height:44px;overflow-wrap:anywhere;white-space:normal}.App .portal-back-button{min-height:44px}.App :is(.profile-page,.messages-page,.account-settings,.notifications-page,.divisions-page,.tournament-page) :is(h1,h2,h3,p,label){overflow-wrap:anywhere}.App .account-settings .settings-section{padding:18px 12px}.App .account-settings .settings-header{text-align:left}.App .settings-container :is(.settings-header h1,.username-display){font-size:clamp(16px,5vw,24px)}.App .messages-page .search-panel{padding:14px}.App .messages-page .conversation-item{gap:10px;min-width:0;padding:12px}.App .conversation-chat-page{padding:12px 8px}.App .conversation-chat-page .chat-container{border-radius:12px;height:calc(100dvh - 244px);height:calc(100dvh - var(--portal-header-height,220px) - 24px);min-height:260px}.App .conversation-chat-page .chat-header{gap:10px;padding:12px}.App .conversation-chat-page .chat-user-details{min-width:0}.App .conversation-chat-page .chat-username{overflow-wrap:anywhere}.App .conversation-chat-page .message-input-container{padding:10px}.App .conversation-chat-page .input-wrapper{min-width:0}.App .conversation-chat-page .message-input{font-size:16px;min-width:0}.App .conversation-chat-page .send-btn{flex:0 0 44px}.App .global-chat-container.global-chat-container :is(.chat-input,.private-message-input,.private-search-input){font-size:16px}.App .global-chat-container.global-chat-container{bottom:auto;height:100dvh;height:var(--portal-visual-height,100dvh);max-height:100dvh;max-height:var(--portal-visual-height,100dvh);top:0;top:var(--portal-visual-top,0)}.App .global-chat-container.global-chat-container .portal-chat-close{height:44px;width:44px}.App .global-chat-container.global-chat-container :is(.chat-tab,.toggle-users-btn,.start-chat-btn,.private-back-btn){min-height:44px}.App .global-chat-container.global-chat-container .chat-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.App .global-chat-container.global-chat-container :is(.chat-header-left,.chat-header-right){min-width:0}.App .global-chat-container.global-chat-container .chat-tabs{margin-left:0}.App .global-chat-container.global-chat-container .chat-body{position:relative}.App .global-chat-container.global-chat-container .portal-chat-empty{min-height:0;padding:20px 12px}.App .global-chat-container.global-chat-container .active-users-sidebar{background:var(--portal-surface-raised);border-color:var(--portal-line);bottom:0;color:var(--portal-ink);display:block;overflow:auto;position:absolute;right:0;top:0;width:min(260px,calc(100% - 24px));z-index:3}.App .global-chat-container.global-chat-container .active-users-sidebar h4{color:var(--portal-ink)}.App .global-chat-container.global-chat-container .chat-tab{min-width:0;padding:8px 10px}.App .global-chat-container.global-chat-container :is(.chat-input-form,.private-message-input-form){padding:10px 12px max(10px,env(safe-area-inset-bottom))}.App .community-feed .category-buttons{display:flex;flex-wrap:wrap;gap:4px}.App .community-feed :is(.category-btn,.sort-controls button,.portal-side-link){min-height:44px;padding:10px 12px}.App .community-feed .portal-side-nav{scrollbar-width:thin}.App .community-feed .create-post-card{min-width:0;padding:0}.App .community-feed .create-post-card .create-post-form{padding:16px 12px}.App .create-post-card :is(.post-type-buttons,.fight-mode-selector,.team-builder-actions,.form-actions,.teams-controls){flex-wrap:wrap;gap:8px}.App .create-post-card :is(button,.submit-button){max-width:100%;min-height:44px}.App .create-post-card :is(.team-builders,.teams-builder,.fight-teams){grid-template-columns:minmax(0,1fr)}.App .create-post-card :is(.teams-row,.teams-grid){grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.App .create-post-card .team-builder{max-width:100%;min-width:0;width:100%}.App .create-post-card .warrior-pair.compact{padding:10px}.App .create-post-card .warrior-pair.compact,.App .create-post-card .warriors.horizontal-row>div{flex:1 1 160px;max-width:100%;min-width:0;width:100%}.App .create-post-card .form-fields{padding:16px 12px}.App .create-post-card :is(.post-type-selector,.form-header){flex-wrap:wrap;gap:8px;padding:16px 12px}.App .create-post-card .post-type-btn{flex:1 1 100px}.App .create-fight-page{padding:24px 12px}.App .create-fight-page .create-fight-form{padding:20px 14px}.App .create-fight-page :is(.teams-container,.teams-grid,.fighters-grid,.form-row){grid-template-columns:minmax(0,1fr)}.App :is(.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel){max-width:100%;padding:24px 12px;width:100%}.App .tournament-page :is(.tournament-detail,.detail-card,.participant-card){min-width:0}.App .tournament-page :is(.filter-tabs,.tier-selector,.power-tier-grid,.form-actions){flex-wrap:wrap;gap:8px}.App .notifications-page .filter-tabs{display:flex;flex-wrap:wrap}.App .notifications-page .filter-tab{flex:1 1 auto;padding:10px 12px}.App .divisions-page :is(.divisions-grid,.division-choices,.division-choices-list){grid-template-columns:minmax(0,1fr)!important}.App .divisions-page .category-banner{padding:20px 16px}.App .divisions-page .category-header{align-items:flex-start}.App .admin-panel :is(.admin-roles-toolbar,.admin-character-form,.admin-character-image-row,.role-controls){grid-template-columns:minmax(0,1fr)}.App .admin-panel :is(.admin-card,.admin-character-editor){min-width:0;padding:16px 12px}.App .admin-panel :is(.admin-tabs,.admin-card-actions,.admin-character-editor-header,.admin-character-actions){display:flex;flex-wrap:wrap;gap:8px}.App .admin-panel .admin-character-list{grid-template-columns:minmax(0,1fr)}.App .moderator-panel :is(.table-wrapper,.table-container,.users-table-container){max-width:100%;overflow-x:auto}.App .home-page .hero-actions{flex-wrap:wrap}.App .home-page .hero-actions .btn{flex:1 1 130px;min-height:44px;text-align:center}.App .home-page .hero-text h1{font-size:clamp(30px,9vw,42px);overflow-wrap:anywhere}.App .home-page .hero-stats{flex-wrap:wrap;gap:16px}.App .home-page .portal-hero-art{max-width:100%;min-width:0}.App .home-page .hero-section{overflow:clip}.App .home-page :is(.hero-content,.features-grid,.activity-container,.official-fights-grid,.featured-fights-grid){grid-template-columns:minmax(0,1fr)}.App .home-page :is(h1,h2,h3,p,.user-info,.post-info){min-width:0;overflow-wrap:anywhere}.App .home-page :is(.recent-posts,.top-users){min-width:0;padding:16px 12px}.App .home-page :is(.post-preview,.user-preview){flex-wrap:wrap;gap:8px;padding:12px 8px}.App .home-page :is(.post-icon,.user-rank,.user-avatar){flex-shrink:0}.App .home-page .section-header{flex-wrap:wrap}.App .home-page .badge{flex:0 0 auto;height:auto;min-width:0;white-space:normal;width:auto}.App .feedback-panel{bottom:auto;left:8px;max-height:calc(100dvh - 16px);max-height:calc(var(--portal-visual-height,100dvh) - 16px);right:8px;top:8px;top:calc(var(--portal-visual-top,0px) + 8px);width:auto}.App .feedback-panel .feedback-form{max-height:calc(100dvh - 95px);max-height:calc(var(--portal-visual-height,100dvh) - 95px);overflow:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}.App .feedback-panel :is(.btn-submit,.close-btn,.file-upload-label){min-height:44px}.App .cookie-consent-overlay{bottom:auto;height:100dvh;height:var(--portal-visual-height,100dvh);padding:12px;top:0;top:var(--portal-visual-top,0)}.App .cookie-consent-modal{max-height:calc(100dvh - 24px);max-height:calc(var(--portal-visual-height,100dvh) - 24px)}.App .cookie-consent-modal :is(button,.consent-actions>a){min-height:44px}.App .feedback-button{bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}.App .chat-button-container{bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}.App .build-version{display:none}}@media (max-width:1024px) and (max-height:500px){.App :is(.profile-page,.messages-page,.account-settings) .portal-account-container{height:auto;min-height:0;overflow:visible}.App .conversation-chat-page .chat-container{height:calc(100dvh - 126px);height:calc(100dvh - var(--portal-header-height,110px) - 16px);min-height:200px}}:root{--portal-page-width:1440px;--portal-page-gutter:28px}.App.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.create-fight-page,.fight-detail-page,.post-page,.help-page,.legal-policy-page,.conversation-chat-page){background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;height:auto;margin:0 auto;max-width:1440px;max-width:var(--portal-page-width);min-height:calc(100dvh - 164px);min-height:calc(100dvh - var(--portal-header-height,164px));padding:32px 28px;padding:32px var(--portal-page-gutter);width:100%}.App.App :is(.profile-page,.messages-page,.account-settings) .portal-account-container{background:#0000;border:0;border-radius:0;box-shadow:none;height:auto;margin:0;max-height:none;max-width:none;min-height:0;overflow:visible;padding:0;scrollbar-gutter:auto;width:100%}.App.App .messages-page :is(.users-list,.conversations-list){max-height:none;overflow:visible}.App.App .messages-page :is(.conversations-list,.empty-state,.search-header){background:#0000;border:0;border-radius:0;box-shadow:none}.App.App .messages-page .search-header{margin:0 0 12px;padding:0}.App.App .account-settings .settings-section h2,.App.App .messages-page .search-header h3{align-items:center;background:#0000;display:flex;gap:8px}.App.App .account-settings .settings-section h2>.portal-icon,.App.App .messages-page .search-header h3>.portal-icon{color:var(--portal-muted);flex:0 0 20px;height:20px;width:20px}.App.App .messages-page .conversations-list{margin-top:20px;padding:0}.App.App .messages-page .empty-state{padding:40px 16px}.App.App .messages-page .portal-conversations-empty-icon{color:var(--portal-muted);height:40px;margin-bottom:16px;width:40px}.App.App .messages-page .empty-state h3{color:var(--portal-ink)}.App.App .messages-page .empty-state p{color:var(--portal-muted)}.App.App .account-settings .settings-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.App.App .account-settings .settings-header{grid-column:1/-1;margin:0;padding:0 0 16px;text-align:left}.App.App .account-settings .settings-header h1{margin:0 0 8px}.App.App .account-settings .settings-section{margin:0;min-width:0;padding:20px}.App.App .account-settings .settings-password-section{grid-column:2;grid-row:2/span 2}.App.App .account-settings .settings-timezone-section{grid-column:1}.App.App .account-settings .settings-section h2{font-size:18px;margin-bottom:12px}.App.App .account-settings .settings-form{gap:14px}.App.App .account-settings .settings-form :is(input,select){min-height:44px;padding:10px 12px}.App.App .account-settings .settings-form .form-group{gap:6px}.App.App .account-settings .danger-zone{grid-gap:6px 16px;align-items:center;display:grid;gap:6px 16px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;padding:16px 20px}.App.App .account-settings .danger-zone h2,.App.App .account-settings .danger-zone p{margin:0}.App.App .account-settings .danger-zone button{grid-column:2;grid-row:1/span 2}.App.App .conversation-chat-page .chat-container,.App.App .leaderboard-page .leaderboard-container{background:#0000;border:0;border-radius:0;box-shadow:none}.App.App :is(.legal-page,.admin-divisions-page){background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:1440px;max-width:var(--portal-page-width);min-height:calc(100dvh - 164px);min-height:calc(100dvh - var(--portal-header-height,164px));padding:32px 28px;padding:32px var(--portal-page-gutter);width:100%}.App.App :is(.help-card,.legal-card,.create-fight-form){background:#0000;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0;width:100%}.App.App .moderator-panel>.panel-content,.App.App .post-page>.post-container{background:#0000;border:0;border-radius:0;box-shadow:none;padding:0}.App.App .post-page>.post-container{margin:0;max-width:none;width:100%}.App.App :is(.notifications-page,.create-fight-page)>:is(.page-header,.filter-tabs,.notifications-list){margin-left:0;margin-right:0;max-width:none}.App.App .notifications-page>.notifications-list{max-height:none;overflow:visible}.App.App :is(.help-card,.legal-card,.legal-content){color:var(--portal-ink)}.App.App :is(.help-lead,.help-note,.legal-updated){color:var(--portal-muted)}.App.App .help-links{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.App.App .help-link{align-items:center;background:var(--portal-surface);border-color:var(--portal-line);color:var(--portal-ink);display:flex;min-height:56px}.App.App .help-link:hover{background:var(--portal-surface-raised);border-color:var(--accent-color)}@media (max-width:850px){.App.App .account-settings .settings-container{grid-template-columns:minmax(0,1fr)}.App.App .account-settings :is(.settings-password-section,.settings-timezone-section){grid-column:auto;grid-row:auto}}@media (max-width:650px){:root{--portal-page-gutter:12px}.App.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.create-fight-page,.fight-detail-page,.post-page,.help-page,.legal-policy-page,.legal-page,.admin-divisions-page,.conversation-chat-page){padding-bottom:20px;padding-top:20px}.App.App .account-settings .settings-section{padding:16px 12px}.App.App .account-settings .danger-zone,.App.App .help-links{grid-template-columns:minmax(0,1fr)}.App.App .account-settings .danger-zone button{grid-column:auto;grid-row:auto;justify-self:start}}:root{--portal-section-gap:20px;--portal-panel-padding:20px;--portal-panel-radius:14px;--portal-body-size:14px;--portal-section-title-size:18px}.App.App :is(.profile-page,.messages-page,.account-settings,.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.fight-detail-page,.help-page,.legal-page,.conversation-chat-page,.portal-auth-page){color:var(--portal-ink);font:400 14px/1.5 var(--font-main);font:400 var(--portal-body-size)/1.5 var(--font-main)}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.help-page,.legal-page,.portal-auth-page) :is(h2,h3){color:var(--portal-ink);font:700 18px/1.4 var(--font-main);font:700 var(--portal-section-title-size)/1.4 var(--font-main);letter-spacing:-.3px}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.help-page,.legal-page,.portal-auth-page) :is(p,label,li,td,th){font-family:var(--font-main);font-size:14px;font-size:var(--portal-body-size);line-height:1.5}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.help-page,.legal-page,.portal-auth-page) :is(button,input,select,textarea,.btn,.back-btn){border-radius:9px;box-sizing:border-box;font:600 14px/1.4 var(--font-main)}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.help-page,.legal-page,.portal-auth-page) :is(button,.btn,.back-btn){box-shadow:none;max-width:100%;min-height:44px;padding:10px 14px;white-space:normal}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page,.help-page,.legal-page,.portal-auth-page) :is(button,.btn,.back-btn):hover{box-shadow:none;transform:none}.App.App :is(.ranking-filters,.filter-tabs,.admin-tabs,.panel-tabs){align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:0 0 20px;margin:0 0 var(--portal-section-gap);min-height:44px;padding:0}.App.App :is(.ranking-filters,.filter-tabs,.admin-tabs,.panel-tabs)>button{align-items:center;background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--portal-muted);display:inline-flex;flex:0 1 auto;font:600 14px/1.4 var(--font-main);gap:8px;justify-content:center;margin:0;min-height:44px;min-width:0;padding:10px 14px;width:auto}.App.App :is(.ranking-filters,.filter-tabs,.admin-tabs,.panel-tabs)>button:is(.active,:hover){background:var(--portal-accent-soft);border-color:var(--accent-color);box-shadow:none;color:var(--accent-color);transform:none}.App.App .portal-page-heading-actions :is(button,.btn){align-items:center;background:var(--portal-accent-soft);border:1px solid var(--portal-line);border-radius:9px;box-shadow:none;color:var(--accent-color);display:inline-flex;font:600 14px/1.4 var(--font-main);gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.App.App .portal-page-heading-actions :is(button,.btn):hover{border-color:var(--accent-color);box-shadow:none;transform:none}.App.App .leaderboard-page .leaderboard-header{background:#0000;border:0;margin:0;padding:0;text-align:left}.App.App .leaderboard-page .leaderboard-table{border:1px solid var(--portal-line);border-radius:14px;border-radius:var(--portal-panel-radius)}.App.App .leaderboard-page .leaderboard-row{font:400 14px/1.5 var(--font-main)}.App.App .leaderboard-page .table-header{font:600 12px/1.5 var(--font-main)}.App.App .leaderboard-page .leaderboard-row .user-info{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;min-width:0;text-align:left}.App.App .leaderboard-page .leaderboard-row :is(.username,.value){font:600 14px/1.5 var(--font-main)}.App.App .leaderboard-page .current-user-badge{align-items:center;display:inline-flex;margin:0;min-height:0;width:auto}.App.App .tournament-page .create-tournament-actions{gap:8px;justify-content:flex-start}.App.App :is(.leaderboard-page,.tournament-page,.notifications-page,.divisions-page,.admin-panel,.moderator-panel,.admin-divisions-page,.create-fight-page) :is(.no-tournaments,.tournament-card,.info-card,.admin-card,.form-section,.detail-card,.notification-item){background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:14px;border-radius:var(--portal-panel-radius);box-shadow:none;color:var(--portal-ink);padding:20px;padding:var(--portal-panel-padding)}.App.App :is(.tournaments-grid,.divisions-info,.admin-grid,.tournament-details-grid){gap:20px;gap:var(--portal-section-gap)}.App.App .divisions-page .division-categories{grid-auto-rows:1fr}@media (max-width:768px){.App.App .divisions-page .category-content{max-width:none;padding-right:0;width:100%}}.App.App .tournament-page :is(.tournament-detail,.tournament-detail-header){background:#0000;border:0;box-shadow:none;margin:0;padding:0}.App.App .tournament-page .tournament-detail-header{display:block}.App.App .fight-detail-page>.fight-header{background:#0000;border:0;box-shadow:none;margin:0 0 20px;margin:0 0 var(--portal-section-gap);max-width:none;padding:0;text-align:left}.App.App :is(.portal-auth-page,.team-selection-page){background:#0000;box-sizing:border-box;color:var(--portal-ink);display:block;font:400 14px/1.5 var(--font-main);margin:0 auto;max-width:var(--portal-page-width);min-height:calc(100dvh - 164px);min-height:calc(100dvh - var(--portal-header-height,164px));padding:32px var(--portal-page-gutter);width:100%}.App.App .portal-auth-page :is(.auth-container,.forgot-password-card,.reset-password-card,.verify-email-card){background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:14px;border-radius:var(--portal-panel-radius);box-shadow:none;box-sizing:border-box;color:var(--portal-ink);margin:0 auto;max-width:480px;padding:20px;padding:var(--portal-panel-padding);width:100%}.App.App .portal-auth-page :is(.forgot-password-container,.reset-password-container){background:#0000;margin:0;min-height:0;padding:0}.App.App .portal-auth-page :is(.forgot-password-page,.reset-password-page,.verify-email-page){background:#0000;display:block;margin:0;min-height:0;padding:0}.App.App .portal-auth-page .auth-container{display:block;min-height:0}.App.App .portal-auth-page .auth-container form{background:#0000;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0;width:100%}.App.App .portal-auth-page .google-auth-block{max-width:none}.App.App .conversation-chat-page .chat-container{height:calc(100dvh - 329px);height:calc(100dvh - var(--portal-header-height,164px) - 165px);min-height:320px}.App.App :is(.swoop-racing-page,.tron-frame-page,.vs-studio-page) .game-navigation{background:#0000;border:0;box-sizing:border-box;display:flow-root;flex:0 0 auto;margin:0 auto;max-width:var(--portal-page-width);padding:32px var(--portal-page-gutter) 0;width:100%}.App.App .swoop-racing-page{background:var(--bg-primary)}.App.App .vs-studio-page:not(.vs-studio-page--immersive){background:var(--bg-primary);display:flex;flex-direction:column}.App.App .vs-studio-page:not(.vs-studio-page--immersive) .vs-studio-frame{flex:1 1;height:auto;min-height:0}.App.App .portal-game-expanded .game-navigation{padding:8px 12px}.App.App .portal-game-expanded .portal-page-heading{align-items:center;border:0;margin:0;padding:0}.App.App .portal-game-expanded .portal-page-heading-description{display:none}.App.App .portal-ccg-page{background:#0000;box-sizing:border-box;font:400 14px/1.5 var(--font-main);margin:0 auto;max-width:var(--portal-page-width);min-height:calc(100dvh - 164px);min-height:calc(100dvh - var(--portal-header-height,164px));padding:32px var(--portal-page-gutter);width:100%}.App.App .portal-ccg-page>.space-nav{background:#0000;border:0;margin:0 0 20px}.App.App .portal-ccg-page>.space-nav>div{max-width:none;padding:0}.App.App .portal-ccg-page .ccg-navigation-row{justify-content:flex-start}.App.App .portal-ccg-page .ccg-navigation-links{gap:8px}.App.App .portal-ccg-page .space-nav-item{border:1px solid var(--portal-line);border-radius:9px;font:600 14px/1.4 var(--font-main);min-height:44px;padding:10px 14px}.App.App .portal-ccg-page>.portal-ccg-content{max-width:none;padding:0}.App.App .portal-ccg-content :is(h1,h2,h3){font:700 18px/1.4 var(--font-main)}@media (max-width:650px){:root{--portal-panel-padding:16px}.App.App :is(.portal-auth-page,.team-selection-page){padding:20px var(--portal-page-gutter)}.App.App :is(.ranking-filters,.filter-tabs,.admin-tabs,.panel-tabs){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.App.App :is(.ranking-filters,.filter-tabs,.admin-tabs,.panel-tabs)>button{min-width:0;width:100%}.App.App .portal-page-heading-actions{flex-basis:100%}.App.App .portal-page-heading-actions button{width:auto}.App.App .leaderboard-page .leaderboard-row{font-size:14px}.App.App .conversation-chat-page .chat-container{height:calc(100dvh - 305px);height:calc(100dvh - var(--portal-header-height,164px) - 141px)}.App.App :is(.swoop-racing-page,.tron-frame-page,.vs-studio-page) .game-navigation{padding-top:20px}.App.App .portal-game-expanded .game-navigation{padding-top:8px}.App.App .portal-ccg-page{padding-bottom:20px;padding-top:20px}}.App.App .portal-page-heading{align-items:flex-start;background:#0000;border:0;border-bottom:1px solid var(--portal-line);border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px 20px;margin:0 0 20px;margin:0 0 var(--portal-section-gap,20px);padding:0 0 16px;text-align:left;width:100%}.App.App .portal-page-heading-text{flex:1 1 240px;min-width:0}.App.App .portal-page-heading-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.App.App .portal-page-heading h1{align-items:center;background:#0000;color:var(--portal-ink);display:flex;font:700 28px/1.25 var(--font-main);gap:12px;letter-spacing:-.6px;margin:0;padding:0}.App.App .portal-page-heading h1>.portal-icon{color:var(--portal-ink);flex:0 0 28px;height:28px;width:28px}.App.App .portal-page-heading h1>span{min-width:0;overflow-wrap:anywhere}.App.App .portal-page-heading-description{color:var(--portal-muted);font:400 14px/1.5 var(--font-main);margin:8px 0 0;min-height:21px}.App.App .portal-page-heading-description strong{color:var(--portal-ink)}.App.App .account-settings .settings-container>.portal-page-heading{grid-column:1/-1;margin-bottom:0}@media (max-width:650px){.App.App .portal-page-heading h1{font-size:24px;gap:10px}.App.App .portal-page-heading h1>.portal-icon{flex-basis:24px;height:24px;width:24px}}.game-screen-button{align-items:center;background:var(--portal-surface-raised);border:1px solid var(--portal-line);border-radius:9px;color:var(--portal-ink);cursor:pointer;display:inline-flex;flex-shrink:0;font:600 12px var(--font-main);gap:8px;justify-content:center;margin-left:auto;min-height:44px;padding:8px 12px}.game-screen-button .portal-icon{height:20px;width:20px}.game-screen-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.App .portal-game-expanded{background:var(--bg-primary);height:100dvh;inset:0;min-height:0;overflow:hidden;position:fixed;z-index:2200}body.portal-game-expanded-open{overflow:hidden}html:has(.portal-game-expanded,.vs-studio-page--immersive){scrollbar-gutter:auto}body.portal-game-expanded-open :is(.feedback-button,.chat-toggle-wrapper,.global-chat-container,.build-version){display:none}@media (max-width:650px){.game-screen-button{padding:8px;width:44px}.game-screen-button span{display:none}.App .game-navigation{gap:8px}.game-navigation>span{min-width:0}}.tron-frame-page{min-height:240px;overflow:hidden}.tron-frame-page,.tron-game-frame{background:var(--bg-primary);width:100%}.tron-game-frame{border:0;display:block;height:100%}.tron-frame-page--preload{left:0;opacity:0;pointer-events:none;position:fixed;top:0;z-index:-1}.tron-frame-viewport{position:relative}.tron-instant-preview{background:var(--bg-primary);color:var(--portal-ink);display:block;inset:0;padding:32px 28px;position:absolute;text-align:left;z-index:2}.tron-instant-preview section{background:#0000;margin:0 auto;max-width:1384px;padding:0;width:100%}.tron-instant-preview span{color:#75c6d4;font:700 11px/1.5 system-ui;letter-spacing:3px}.tron-instant-preview h1{font:750 clamp(24px,4vw,48px)/1.1 system-ui;letter-spacing:3px;margin:18px 0}.tron-instant-preview p{color:var(--portal-muted);font-size:14px}.tron-preview-colors{display:flex;gap:16px;justify-content:center;margin-top:30px}.tron-preview-colors i{border:3px solid #39e9ff;border-radius:50%;box-shadow:0 0 15px #39e9ff50;display:block;height:30px;width:30px}.tron-preview-colors i:nth-child(2){border-color:#ff8a32}.tron-preview-colors i:nth-child(3){border-color:#ffe052}.tron-preview-colors i:nth-child(4){border-color:#ff4570}.tron-instant-preview{padding-top:0}.tron-instant-preview p{font:400 14px/1.5 var(--font-main);margin:0}.tron-preview-colors{justify-content:flex-start}@media (max-width:650px){.tron-instant-preview{padding:0 12px 20px}}.App .cipher-page{box-sizing:border-box;margin:0 auto;max-width:1440px;max-width:var(--portal-page-width,1440px);min-width:0;padding:32px 28px;padding:32px var(--portal-page-gutter,28px);width:100%}.cipher-embed{min-width:0;position:relative;width:100%}.cipher-frame{background:#0a1015;border:0;display:block;opacity:0;width:100%}.cipher-frame.is-ready{opacity:1}.cipher-loading{align-items:center;background:var(--bg-primary);color:var(--portal-muted);display:flex;flex-direction:column;gap:12px;inset:0;padding:64px 16px;position:absolute}.cipher-loading strong{color:var(--portal-ink);font-size:24px}@media (max-width:760px){.App .cipher-page{padding:24px 12px}}
/*# sourceMappingURL=main.15c2b466.css.map*/