@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap);body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;min-height:100vh}*{max-width:100%}button{background:none;border:none;cursor:pointer;padding:0}button,input,select,textarea{font:inherit;margin:0}*,:after,:before{box-sizing:border-box}blockquote,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;margin:0}fieldset,legend{padding:0}body,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}html{-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid #ea580c;outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){*{outline:1px solid}}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}@page{margin:.5in}}*{margin:0;padding:0}body{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)!important;color:#f8fafc!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;line-height:1.6;min-height:100vh}html{scroll-behavior:smooth}.min-h-screen{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}h1,h2,h3,h4,h5,h6{color:#f8fafc!important;font-weight:600!important;line-height:1.2;margin:1rem 0!important}h1{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#f59e0b,#dc2626,#ea580c)!important;background-clip:text!important;-webkit-background-clip:text!important;font-size:1.875rem!important;font-weight:800!important;text-shadow:0 0 30px #f9731680}div,label,p,span{color:#cbd5e1!important}.text-white{color:#fff!important}.text-gray-300{color:#d1d5db!important}.text-gray-400{color:#9ca3af!important}.text-orange-400{color:#fb923c!important}.text-yellow-400{color:#fbbf24!important}.text-green-400{color:#4ade80!important}.text-red-400{color:#f87171!important}.text-blue-400{color:#60a5fa!important}.text-purple-400{color:#a78bfa!important}button{background:linear-gradient(45deg,#ea580c,#dc2626)!important;border:none!important;border-radius:.5rem!important;box-shadow:0 4px 6px #0000001a!important;color:#fff!important;cursor:pointer!important;font-family:inherit!important;font-weight:600!important;overflow:hidden!important;padding:.75rem 1.5rem!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}button:hover{background:linear-gradient(45deg,#f97316,#ef4444)!important;box-shadow:0 8px 25px #dc262666!important;transform:translateY(-2px)!important}button:active{transform:translateY(0)!important}button:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.btn-primary{background:linear-gradient(45deg,#ea580c,#dc2626)!important}.btn-primary:hover{background:linear-gradient(45deg,#f97316,#ef4444)!important;box-shadow:0 8px 25px #ea580c66!important}.bg-green-600,.btn-success{background:linear-gradient(45deg,#059669,#047857)!important}.bg-green-600:hover,.btn-success:hover{background:linear-gradient(45deg,#10b981,#059669)!important;box-shadow:0 8px 25px #05966966!important}.bg-red-600,.btn-danger{background:linear-gradient(45deg,#dc2626,#b91c1c)!important}.bg-red-600:hover,.btn-danger:hover{background:linear-gradient(45deg,#ef4444,#dc2626)!important;box-shadow:0 8px 25px #dc262666!important}.bg-blue-600,.btn-info{background:linear-gradient(45deg,#2563eb,#1d4ed8)!important}.bg-blue-600:hover,.btn-info:hover{background:linear-gradient(45deg,#3b82f6,#2563eb)!important;box-shadow:0 8px 25px #2563eb66!important}.bg-yellow-600,.btn-warning{background:linear-gradient(45deg,#d97706,#b45309)!important}.bg-yellow-600:hover,.btn-warning:hover{background:linear-gradient(45deg,#f59e0b,#d97706)!important;box-shadow:0 8px 25px #d9770666!important}.bg-gray-600,.btn-secondary{background:linear-gradient(45deg,#4b5563,#374151)!important}.bg-gray-600:hover,.btn-secondary:hover{background:linear-gradient(45deg,#6b7280,#4b5563)!important;box-shadow:0 8px 25px #4b556366!important}input,select,textarea{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293bcc!important;border:2px solid #475569!important;border-radius:.5rem!important;color:#f8fafc!important;font-family:inherit!important;margin:.5rem 0!important;padding:.75rem!important;transition:all .3s ease!important;width:100%!important}input:focus,select:focus,textarea:focus{background:#1e293b!important;border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c1a!important;outline:none!important}input::placeholder{color:#94a3b8!important}.bg-gray-800,.card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#1e293b,#334155)!important;border:2px solid #ea580c!important;border-radius:.75rem!important;box-shadow:0 10px 25px #0000004d,0 0 0 1px #f973161a!important;margin:1rem 0!important;overflow:hidden!important;padding:1.5rem!important;position:relative!important;transition:all .3s ease!important}.bg-gray-800:before,.card:before{background:linear-gradient(90deg,#0000,#f97316cc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.bg-gray-800:hover,.card:hover{border-color:#f97316!important;box-shadow:0 20px 40px #0006,0 0 0 1px #f973164d!important;transform:translateY(-4px)!important}.nav-tab{background:#4b556380!important;border:1px solid #374151!important;color:#d1d5db!important;transition:all .3s ease!important}.nav-tab.active,.nav-tab:hover{background:linear-gradient(45deg,#ea580c,#dc2626)!important;border-color:#ea580c!important;box-shadow:0 0 20px #ea580c66!important;color:#fff!important}.tournament-card{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)!important;border:2px solid #ea580c!important;border-radius:.75rem!important;overflow:hidden!important;padding:1.5rem!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.tournament-card:before{background:linear-gradient(90deg,#0000,#f973161a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tournament-card:hover:before{left:100%}.tournament-card:hover{border-color:#f97316!important;box-shadow:0 25px 50px #00000080,0 0 0 1px #f9731680!important;transform:translateY(-8px) scale(1.02)!important}.status-badge{border-radius:9999px!important;box-shadow:0 4px 6px #0000001a!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.05em!important;padding:.5rem 1rem!important;text-transform:uppercase!important}.points-display{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#fbbf24,#f59e0b)!important;background-clip:text!important;-webkit-background-clip:text!important;font-weight:800!important;text-shadow:0 0 20px #fbbf2480!important}.participant-list{display:flex;flex-wrap:wrap;margin:-.25rem}.participant-list>*{margin:.25rem}.participant-list-tight{display:flex;flex-wrap:wrap;margin:-.125rem}.participant-list-tight>*{margin:.125rem}.participant-list-loose{display:flex;flex-wrap:wrap;margin:-.5rem}.participant-list-loose>*{margin:.5rem}.participant-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.participant-badge{align-items:center;border:2px solid;border-radius:.5rem;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:80px;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.participant-badge:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.participant-badge.current-user{background:linear-gradient(45deg,#ea580c,#dc2626);border-color:#f97316;color:#fff}.participant-badge.other-player{background:linear-gradient(45deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff}.participant-badge.empty-slot{background:#4b5563;border-color:#6b7280;color:#9ca3af}.participant-badge.winner{background:linear-gradient(45deg,#f59e0b,#d97706);border-color:#fbbf24;color:#fff}.participant-badge.admin{background:linear-gradient(45deg,#dc2626,#b91c1c);border-color:#ef4444;color:#fff}.fadeIn{animation:fadeIn .5s ease-in-out}.slideIn{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glow{box-shadow:0 0 20px #ea580c99!important}.glow:hover{box-shadow:0 0 30px #ea580ccc!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ea580c,#dc2626);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f97316,#ef4444)}.custom-scrollbar{scrollbar-color:#ea580c #374151;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#374151;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ea580c,#dc2626);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f97316,#ef4444)}@media (max-width:768px){.container{padding:0 .5rem}h1{font-size:1.5rem!important}button{font-size:.875rem!important;padding:.5rem 1rem!important}.participant-list-responsive{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}}@media (min-width:641px) and (max-width:768px){.participant-list-responsive{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.participant-list-responsive{display:flex;flex-wrap:wrap;margin:-.25rem}.participant-list-responsive>*{margin:.25rem}}.no-margin>*{margin:0!important}.space-children>:not(:last-child){margin-bottom:.25rem;margin-right:.5rem}.participant-list-center{display:flex;flex-wrap:wrap;justify-content:center;margin:-.25rem}.participant-list-center>*{margin:.25rem}.participant-list-left{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-.25rem}.participant-list-left>*{margin:.25rem}@media (prefers-contrast:high){.bg-gray-800,.card{border-width:3px!important}button{border:2px solid!important}.participant-badge{border-width:3px!important}}html.rtl-layout{direction:rtl}html.rtl-layout body,html.rtl-layout input,html.rtl-layout input::placeholder,html.rtl-layout select,html.rtl-layout textarea,html.rtl-layout textarea::placeholder{direction:rtl;text-align:right}html.rtl-layout .header-container,html.rtl-layout .header-main,html.rtl-layout .tournament-header{direction:rtl}html.rtl-layout .mobile-controls,html.rtl-layout .mobile-header-row,html.rtl-layout .mobile-user-section{direction:rtl;flex-direction:row-reverse}html.rtl-layout .mobile-controls{justify-content:center}html.rtl-layout .mobile-user-info{margin-left:.5rem;margin-right:0;text-align:right}html.rtl-layout .mobile-user-stats{direction:rtl;flex-direction:row-reverse}html.rtl-layout .mobile-level-display{direction:rtl}html.rtl-layout .mobile-level-content{direction:rtl;flex-direction:row-reverse}html.rtl-layout .mobile-level-info,html.rtl-layout .mobile-level-number,html.rtl-layout .mobile-level-title{text-align:right}html.rtl-layout .mobile-chat-btn,html.rtl-layout .mobile-controls-row{direction:rtl;flex-direction:row-reverse}html.rtl-layout .mobile-chat-btn-badge{left:-6px;right:auto}html.rtl-layout .mobile-menu-btn,html.rtl-layout .role-badge{direction:rtl;flex-direction:row-reverse}html.rtl-layout .role-badge{-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)}html.rtl-layout .role-badge svg{margin-left:0;margin-right:.25rem}html.rtl-layout .role-badge .role-short,html.rtl-layout .role-badge .role-text{text-align:right}html.rtl-layout .commission-display,html.rtl-layout .points-display{-webkit-clip-path:polygon(0 0,calc(100% - 4px) 0,100% 100%,4px 100%);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 100%,4px 100%);direction:rtl;flex-direction:row-reverse}html.rtl-layout .commission-display svg,html.rtl-layout .points-display svg{margin-left:0;margin-right:.125rem}html.rtl-layout .main-navigation{direction:rtl}html.rtl-layout .nav-button{-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);direction:rtl;flex-direction:row-reverse}html.rtl-layout .nav-button svg{margin-left:0;margin-right:.375rem}html.rtl-layout .nav-button span{text-align:right}html.rtl-layout .nav-badge{margin-left:0;margin-right:.375rem}html.rtl-layout .logout-nav-button{margin-left:0;margin-right:auto}html.rtl-layout .header-user-section{direction:rtl;flex-direction:row-reverse;justify-self:end}html.rtl-layout .header-center-section{direction:rtl}html.rtl-layout .header-controls{direction:rtl;flex-direction:row-reverse;justify-self:start}html.rtl-layout .user-info{margin-left:0;margin-right:1rem;text-align:right}html.rtl-layout .user-name{text-align:right}html.rtl-layout .user-stats{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-display{-webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);direction:rtl}html.rtl-layout .level-display-content{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-display-icon{margin-left:0;margin-right:.75rem}html.rtl-layout .level-display-info,html.rtl-layout .level-display-level,html.rtl-layout .level-display-title{text-align:right}html.rtl-layout .level-display-progress,html.rtl-layout .level-display-progress-bar{direction:ltr}html.rtl-layout .language-selector{-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);direction:ltr;text-align:center}html.rtl-layout .public-profile-container,html.rtl-layout .public-profile-header{direction:rtl}html.rtl-layout .public-profile-title{text-align:right}html.rtl-layout .back-button,html.rtl-layout .header-actions,html.rtl-layout .header-top,html.rtl-layout .public-profile-content,html.rtl-layout .search-button{direction:rtl}html.rtl-layout .own-profile-badge{margin-left:0;margin-right:.5rem}html.rtl-layout .profile-quick-info,html.rtl-layout .quick-info-item{direction:rtl}html.rtl-layout .quick-info-item svg{margin-left:0;margin-right:.25rem}html.rtl-layout .profile-tabs,html.rtl-layout .tab-button{direction:rtl}html.rtl-layout .tab-button svg{margin-left:0;margin-right:.5rem}html.rtl-layout .overview-grid,html.rtl-layout .overview-main,html.rtl-layout .overview-sidebar,html.rtl-layout .overview-tab,html.rtl-layout .player-avatar-section,html.rtl-layout .player-main-card{direction:rtl}html.rtl-layout .player-identity{direction:rtl;text-align:right}html.rtl-layout .player-name,html.rtl-layout .player-username{text-align:right}html.rtl-layout .own-badge{margin-left:0;margin-right:.5rem}html.rtl-layout .level-header,html.rtl-layout .level-main,html.rtl-layout .level-number,html.rtl-layout .level-section{direction:rtl}html.rtl-layout .level-number svg{margin-left:0;margin-right:.25rem}html.rtl-layout .level-exp,html.rtl-layout .level-info,html.rtl-layout .level-title{text-align:right}html.rtl-layout .level-rank{direction:rtl}html.rtl-layout .level-rank svg{margin-left:0;margin-right:.25rem}html.rtl-layout .level-milestones{direction:rtl}html.rtl-layout .milestones-title{text-align:right}html.rtl-layout .milestone-item,html.rtl-layout .milestones-list{direction:rtl}html.rtl-layout .milestone-item svg{margin-left:0;margin-right:.25rem}html.rtl-layout .milestone-date{margin-left:0;margin-right:auto}html.rtl-layout .quick-stat-item,html.rtl-layout .quick-stats-grid,html.rtl-layout .stat-icon{direction:rtl}html.rtl-layout .stat-content,html.rtl-layout .stat-label,html.rtl-layout .stat-value{text-align:right}html.rtl-layout .section-title{direction:rtl;flex-direction:row-reverse;text-align:right}html.rtl-layout .section-title svg{margin-left:0;margin-right:.75rem}html.rtl-layout .card{-webkit-clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);direction:rtl;text-align:right}html.rtl-layout .card:before{background:linear-gradient(270deg,#0000,#ea580ccc 20%,#dc2626cc 80%,#0000)}html.rtl-layout button{direction:rtl}html.rtl-layout .combat-button{-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)}html.rtl-layout .tactical-border{-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)!important;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)!important}html.rtl-layout .filler-modal{direction:rtl}html.rtl-layout .filler-modal-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .filler-modal-icon{margin-left:0;margin-right:.75rem}html.rtl-layout .filler-modal-title{text-align:right}html.rtl-layout .filler-modal-close{margin-left:0;margin-right:auto}html.rtl-layout .filler-info-section,html.rtl-layout .filler-modal-content{direction:rtl}html.rtl-layout .filler-info-item{direction:rtl;text-align:right}html.rtl-layout .filler-info-label{text-align:right}html.rtl-layout .filler-info-value{text-align:left}html.rtl-layout .filler-form{direction:rtl}html.rtl-layout .filler-form-field,html.rtl-layout .filler-form-help,html.rtl-layout .filler-form-input,html.rtl-layout .filler-form-label{text-align:right}html.rtl-layout .filler-cost-warning,html.rtl-layout .filler-giveaway-info{direction:rtl;text-align:right}html.rtl-layout .filler-cost-warning svg,html.rtl-layout .filler-giveaway-info svg{margin-left:0;margin-right:.5rem}html.rtl-layout .filler-form-actions{direction:rtl;flex-direction:row-reverse;justify-content:flex-start}html.rtl-layout .search-container,html.rtl-layout .search-input-wrapper{direction:rtl}html.rtl-layout .search-input{padding-left:1rem;padding-right:2.5rem;text-align:right}html.rtl-layout .search-icon,html.rtl-layout .search-loading{left:.75rem;right:auto}html.rtl-layout .search-result-item,html.rtl-layout .search-results{direction:rtl}html.rtl-layout .search-result-info{text-align:right}html.rtl-layout .role-badge-small,html.rtl-layout .search-result-details,html.rtl-layout .search-result-name{direction:rtl;flex-direction:row-reverse}html.rtl-layout .role-badge-small svg{margin-left:0;margin-right:.25rem}html.rtl-layout .leaderboard-header,html.rtl-layout .public-leaderboard-container{direction:rtl}html.rtl-layout .leaderboard-description,html.rtl-layout .leaderboard-meta,html.rtl-layout .leaderboard-title{text-align:right}html.rtl-layout .leaderboard-types,html.rtl-layout .type-button{direction:rtl}html.rtl-layout .type-button svg{margin-left:0;margin-right:.5rem}html.rtl-layout .type-description,html.rtl-layout .type-info,html.rtl-layout .type-label{text-align:right}html.rtl-layout .leaderboard-content,html.rtl-layout .match-card,html.rtl-layout .match-header,html.rtl-layout .match-history-header,html.rtl-layout .matches-list,html.rtl-layout .public-match-history,html.rtl-layout .quick-stats{direction:rtl}html.rtl-layout .match-info{direction:rtl;text-align:right}html.rtl-layout .match-title{direction:rtl;flex-direction:row-reverse}html.rtl-layout .match-title svg{margin-left:0;margin-right:.25rem}html.rtl-layout .game-mode{text-align:right}html.rtl-layout .tournament-type{margin-left:0;margin-right:.5rem}html.rtl-layout .match-details{direction:rtl;text-align:right}html.rtl-layout .match-result{direction:rtl}html.rtl-layout .result-badge{direction:rtl;flex-direction:row-reverse}html.rtl-layout .result-badge svg{margin-left:0;margin-right:.25rem}html.rtl-layout .prize-info{text-align:right}html.rtl-layout .badge-stats,html.rtl-layout .badges-header,html.rtl-layout .public-badges{direction:rtl}html.rtl-layout .badge-stat{text-align:center}html.rtl-layout .badge-item,html.rtl-layout .badge-main,html.rtl-layout .badge-visual,html.rtl-layout .badges-content,html.rtl-layout .badges-controls,html.rtl-layout .badges-display,html.rtl-layout .filter-controls,html.rtl-layout .view-btn,html.rtl-layout .view-controls{direction:rtl}html.rtl-layout .badge-description,html.rtl-layout .badge-info,html.rtl-layout .badge-name{text-align:right}html.rtl-layout .badge-progress-bar,html.rtl-layout .level-progress-bar,html.rtl-layout .mobile-level-progress,html.rtl-layout .progress-bar{direction:ltr!important}html.rtl-layout .progress-text{text-align:right}html.rtl-layout .chat-sidebar,html.rtl-layout .chat-window,html.rtl-layout .live-chat-container{left:20px;right:auto}html.rtl-layout .message.own-message{align-self:flex-start;text-align:right}html.rtl-layout .message.other-message{align-self:flex-end;text-align:left}html.rtl-layout .badge-unlock-notification,html.rtl-layout .chat-open-button,html.rtl-layout .exp-gain-notification,html.rtl-layout .livechat-toggle,html.rtl-layout .mobile-chat-toggle,html.rtl-layout .socket-status-indicator{left:20px;right:auto}html.rtl-layout .debug-info{left:10px;right:auto}html.rtl-layout .badge-unlock-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .badge-unlock-description,html.rtl-layout .badge-unlock-info,html.rtl-layout .badge-unlock-name,html.rtl-layout .badge-unlock-title{text-align:right}html.rtl-layout .badge-unlock-exp{direction:rtl;flex-direction:row-reverse}html.rtl-layout .badge-unlock-exp svg{margin-left:0;margin-right:.25rem}html.rtl-layout .level-up-notification{direction:rtl;left:50%;transform:translateX(-50%)}html.rtl-layout .level-up-subtitle,html.rtl-layout .level-up-title{text-align:right}html.rtl-layout .level-up-level-change{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-up-title-change{text-align:right}html.rtl-layout .badge-modal{direction:rtl}html.rtl-layout .badge-modal-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .badge-modal-title{text-align:right}html.rtl-layout .badge-modal-close{margin-left:0;margin-right:auto}html.rtl-layout .role-change-modal{direction:rtl}html.rtl-layout .role-change-content{direction:rtl;text-align:right}html.rtl-layout .role-change-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .role-change-header svg{margin-left:0;margin-right:.5rem}html.rtl-layout .create-tournament-grid{direction:rtl}html.rtl-layout .create-tournament-field,html.rtl-layout .create-tournament-label{text-align:right}html.rtl-layout .form-actions{direction:rtl;flex-direction:row-reverse}html.rtl-layout .profile-form{direction:rtl}html.rtl-layout .profile-field{text-align:right}html.rtl-layout .admin-actions,html.rtl-layout .admin-stats-grid,html.rtl-layout .case-header,html.rtl-layout .case-info,html.rtl-layout .inbox-header-content,html.rtl-layout .message-sender-info,html.rtl-layout .paypal-modal,html.rtl-layout .tournament-btn-base{direction:rtl}html.rtl-layout .package-card{text-align:right}html.rtl-layout .packages-grid,html.rtl-layout .tournament-list-header-content,html.rtl-layout .tournament-refresh-btn{direction:rtl}html.rtl-layout .tournament-card-compact-left{text-align:right}html.rtl-layout .level-progress,html.rtl-layout .tournament-card-compact-actions,html.rtl-layout .tournament-card-compact-bottom,html.rtl-layout .tournament-card-compact-details,html.rtl-layout .tournament-card-compact-info{direction:rtl}html.rtl-layout .level-progress-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-progress-title{text-align:right}html.rtl-layout .level-progress-level{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-progress-level svg{margin-left:0;margin-right:.5rem}html.rtl-layout .level-progress-level-text{text-align:right}html.rtl-layout .level-progress-info{direction:rtl;flex-direction:row-reverse}html.rtl-layout .level-progress-details{direction:rtl}html.rtl-layout .level-progress-stat,html.rtl-layout .level-progress-stat-label,html.rtl-layout .level-progress-stat-value{text-align:center}html.rtl-layout .badge-display{direction:rtl}html.rtl-layout .badge-display-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .badge-display-title{text-align:right}html.rtl-layout .badge-display-count{text-align:left}html.rtl-layout .badge-display-grid{direction:rtl}html.rtl-layout .badge-item{text-align:center}@media (max-width:768px){html.rtl-layout .header-center-section,html.rtl-layout .header-controls,html.rtl-layout .header-user-section{display:none!important}html.rtl-layout .mobile-controls-row,html.rtl-layout .mobile-header-row{display:flex!important}html.rtl-layout .main-navigation.mobile-open{direction:rtl}html.rtl-layout .nav-button{justify-content:flex-end}html.rtl-layout .logout-nav-button{border-top:1px solid #dc26264d;margin-left:0;margin-right:0;margin-top:.75rem;padding-top:1rem}html.rtl-layout .mobile-chat-sidebar.mobile-active{left:auto;right:10px}html.rtl-layout .mobile-chat-toggle{left:20px;right:auto}html.rtl-layout .badge-unlock-notification,html.rtl-layout .exp-gain-notification,html.rtl-layout .socket-status-indicator{left:10px;right:auto}html.rtl-layout .debug-info{left:8px;right:auto}}@media (max-width:480px){html.rtl-layout .mobile-header-row{padding:.25rem .5rem}html.rtl-layout .mobile-controls-row{padding:.1875rem .375rem}html.rtl-layout .mobile-user-section{gap:.375rem}html.rtl-layout .mobile-controls{gap:.25rem}html.rtl-layout .livechat-toggle,html.rtl-layout .mobile-chat-toggle{left:12px;right:auto}html.rtl-layout .badge-unlock-notification,html.rtl-layout .debug-info,html.rtl-layout .exp-gain-notification,html.rtl-layout .socket-status-indicator{left:8px;right:auto}}@media (max-width:360px){html.rtl-layout .mobile-header-row{padding:.25rem .375rem}html.rtl-layout .mobile-controls-row{padding:.125rem .25rem}html.rtl-layout .mobile-user-section{gap:.25rem}html.rtl-layout .mobile-controls{gap:.1875rem}html.rtl-layout .debug-info,html.rtl-layout .mobile-chat-toggle,html.rtl-layout .socket-status-indicator{left:6px;right:auto}}@media (min-width:769px){html.rtl-layout .mobile-controls-row,html.rtl-layout .mobile-header-row{display:none!important}html.rtl-layout .header-center-section,html.rtl-layout .header-controls,html.rtl-layout .header-user-section{display:flex!important}html.rtl-layout .header-main{direction:rtl}html.rtl-layout .header-user-section{direction:rtl;justify-self:end}html.rtl-layout .header-center-section{direction:rtl}html.rtl-layout .header-controls{direction:rtl;justify-self:start}html.rtl-layout .main-navigation{direction:rtl}html.rtl-layout .logout-nav-button{margin-left:0;margin-right:auto}}html.rtl-layout .active-match-room-id,html.rtl-layout .language-selector,html.rtl-layout .message-time,html.rtl-layout .tournament-card-compact-time,html.rtl-layout .tournament-room-id{direction:ltr!important;text-align:left!important}html.rtl-layout .tournament-status-base{direction:ltr!important;text-align:center!important}html.rtl-layout .tournament-participant-badge{direction:ltr!important}html.rtl-layout .text-left{text-align:right!important}html.rtl-layout .text-right{text-align:left!important}html.rtl-layout .flex-row-reverse{flex-direction:row!important}html.rtl-layout .flex-row{flex-direction:row-reverse!important}html.rtl-layout [class*=float-right]{float:left!important}html.rtl-layout [class*=float-left]{float:right!important}html.rtl-layout .military-font{direction:rtl;font-family:Orbitron,monospace!important}html.rtl-layout .combat-font{direction:rtl;font-family:Rajdhani,sans-serif!important}html.rtl-layout .mission-text{direction:rtl;text-align:right}html.rtl-layout .combat-button,html.rtl-layout .hud-element,html.rtl-layout .priority-glow,html[dir=rtl]{direction:rtl}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=rtl] .cod-tournament-container,html[dir=rtl] .mobile-controls-row,html[dir=rtl] .mobile-header-row,html[dir=rtl] .tournament-header{direction:rtl!important}html[dir=rtl] .mobile-level-number,html[dir=rtl] .section-title,html[dir=rtl] .user-name,html[dir=rtl] div,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] p,html[dir=rtl] span{text-align:right!important}html[dir=rtl] .combat-button,html[dir=rtl] .mobile-chat-btn,html[dir=rtl] .mobile-menu-btn,html[dir=rtl] .nav-button,html[dir=rtl] button{direction:rtl!important}html[dir=rtl] input,html[dir=rtl] select:not(.language-selector),html[dir=rtl] textarea{direction:rtl!important;text-align:right!important}@media (max-width:768px){html[dir=rtl] .mobile-controls,html[dir=rtl] .mobile-controls-row,html[dir=rtl] .mobile-header-row,html[dir=rtl] .mobile-user-section{direction:rtl!important;flex-direction:row-reverse!important}}html[dir=rtl] .language-selector,html[dir=rtl] .level-display-progress,html[dir=rtl] .mobile-level-progress,html[dir=rtl] .progress-bar,html[dir=rtl] .tournament-room-id{direction:ltr!important}html.rtl-layout,html[dir=rtl]{--text-direction:rtl;--margin-start:margin-right;--margin-end:margin-left;--padding-start:padding-right;--padding-end:padding-left;--border-start:border-right;--border-end:border-left}.register-container{align-items:center;background:linear-gradient(to bottom right,#111827,#ea580c,#dc2626);display:flex;justify-content:center;min-height:100vh;padding:1rem}.register-form-wrapper{background-color:#1f2937;border:1px solid #ea580c;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;padding:2rem;width:100%}.register-header{margin-bottom:1.5rem;text-align:center}.register-title{background:linear-gradient(90deg,#fb923c,#f87171);background-clip:text;-webkit-background-clip:text;color:#fff;color:#0000;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-input{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.register-input::placeholder{color:#9ca3af}.register-input:disabled{opacity:.5}.register-button{background:linear-gradient(90deg,#059669,#047857);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:all .3s ease;width:100%}.register-button:hover:not(:disabled){background:linear-gradient(90deg,#047857,#065f46)}.register-button:disabled{cursor:not-allowed;opacity:.5}.back-button{background-color:#4b5563;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .3s ease;width:100%}.back-button:hover:not(:disabled){background-color:#374151}.back-button:disabled{opacity:.5}.login-container{align-items:center;background:linear-gradient(to bottom right,#111827,#ea580c,#dc2626);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form-wrapper{background-color:#1f2937;border:1px solid #ea580c;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;padding:2rem;width:100%}.login-header{margin-bottom:1.5rem;text-align:center}.login-title{background:linear-gradient(90deg,#fb923c,#f87171);background-clip:text;-webkit-background-clip:text;color:#fff;color:#0000;font-size:1.875rem;font-weight:700}.language-selector,.login-title{margin-bottom:1rem}.language-select{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.login-input::placeholder{color:#9ca3af}.login-input:disabled{opacity:.5}.login-button{background:linear-gradient(90deg,#ea580c,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#b91c1c)}.login-button:disabled{cursor:not-allowed;opacity:.5}.register-link-text{color:#d1d5db;font-size:.875rem;text-align:center}.register-link{background:none;border:none;color:#fb923c;cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.register-link:hover{text-decoration:underline}.ban-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.ban-modal-container{background-color:#1f2937;border:2px solid #ef4444;border-radius:.5rem;box-shadow:0 10px 25px -5px #00000040;margin:0 1rem;max-width:28rem;padding:1.5rem;width:100%}.ban-modal-header{margin-bottom:1.5rem;text-align:center}.ban-modal-icon{align-items:center;background-color:#fef2f2;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.ban-modal-title{color:#f87171;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.ban-modal-subtitle{color:#fca5a5;font-size:.875rem}.ban-modal-content{display:flex;flex-direction:column;gap:1rem}.ban-details{background-color:#7f1d1d;border:1px solid #dc2626;border-radius:.375rem;padding:1rem}.ban-details-list{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.ban-detail-row{display:flex;justify-content:space-between}.ban-detail-label{color:#fca5a5;font-weight:500}.ban-detail-value{color:#fef2f2}.ban-contact-notice{background-color:#78350f;border:1px solid #d97706;border-radius:.375rem;padding:.75rem}.ban-contact-text{color:#fbbf24;font-size:.875rem;text-align:center}.ban-modal-button{background-color:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:background-color .3s ease;width:100%}.ban-modal-button:hover{background-color:#b91c1c}.password-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.password-modal-container{background-color:#1f2937;border:2px solid #eab308;border-radius:.5rem;box-shadow:0 10px 25px -5px #00000040;margin:0 1rem;max-width:28rem;padding:1.5rem;width:100%}.password-modal-header{margin-bottom:1rem;text-align:center}.password-modal-title{color:#fbbf24;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.password-modal-subtitle{color:#fbbf24;font-size:.875rem}.password-modal-form{gap:1rem}.password-field,.password-modal-form{display:flex;flex-direction:column}.password-label{color:#d1d5db;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.password-input{background-color:#374151;border:1px solid #d97706;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.password-input::placeholder{color:#9ca3af}.password-input:disabled{opacity:.5}.password-modal-actions{display:flex;gap:.5rem}.password-join-button{background-color:#059669;border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:.75rem;transition:background-color .3s ease}.password-join-button:hover:not(:disabled){background-color:#047857}.password-join-button:disabled{cursor:not-allowed;opacity:.5}.password-cancel-button{background-color:#4b5563;border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex:1 1;padding:.75rem;transition:background-color .3s ease}.password-cancel-button:hover:not(:disabled){background-color:#374151}.password-cancel-button:disabled{opacity:.5}.mp-team-modal-overlay{align-items:center;animation:mpFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}@keyframes mpFadeIn{0%{opacity:0}to{opacity:1}}.mp-team-modal{animation:mpModalSlideIn .3s ease-out;background:linear-gradient(135deg,#1f2937,#111827);background-clip:padding-box,border-box;background-image:linear-gradient(#1f2937,#111827),linear-gradient(135deg,#f97316,#ea580c,#c2410c);background-origin:border-box;border:2px solid #0000;border-radius:16px;box-shadow:0 25px 50px -12px #000c,0 0 80px #f973164d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes mpModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mp-team-modal-header{align-items:center;background:linear-gradient(135deg,#f973161a,#0000);border-bottom:2px solid #f973164d;display:flex;gap:16px;padding:1.5rem}.mp-team-modal-icon{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:12px;box-shadow:0 4px 12px #f9731666;display:flex;height:48px;justify-content:center;width:48px}.mp-team-modal-title{color:#fff;flex-grow:1;font-size:1.5rem;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px #f9731680;text-transform:uppercase}.mp-team-modal-close{align-items:center;background:#4b556380;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mp-team-modal-close:hover{background:#ef44444d;color:#fca5a5;transform:scale(1.1)}.mp-team-modal-info{align-items:center;background:#f973161a;border-bottom:1px solid #f9731633;color:#fed7aa;display:flex;font-size:14px;font-weight:600;gap:12px;padding:1rem 1.5rem}.mp-team-modal-content{padding:2rem 1.5rem}.mp-teams-vs-container{align-items:stretch;display:flex;gap:1rem;justify-content:center}.mp-teams-vs-divider{align-items:center;display:flex;justify-content:center;padding:0 .5rem}.vs-text{animation:vsPulse 2s ease-in-out infinite;color:#f97316;font-size:2rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 20px #f97316cc,0 0 40px #f9731666}@keyframes vsPulse{0%,to{text-shadow:0 0 20px #f97316cc,0 0 40px #f9731666;transform:scale(1)}50%{text-shadow:0 0 30px #f97316,0 0 60px #f9731699;transform:scale(1.1)}}.mp-team-card{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:3px solid #4b55634d;border-radius:16px;cursor:pointer;flex:1 1;max-width:280px;padding:1.25rem;transition:all .3s ease}.mp-team-card:hover:not(.disabled){transform:translateY(-4px)}.mp-team-card.team-1{border-color:#3b82f666}.mp-team-card.team-1:hover:not(.disabled){border-color:#3b82f6cc;box-shadow:0 8px 32px #3b82f64d}.mp-team-card.team-1.selected{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:#3b82f6;box-shadow:0 0 40px #3b82f680}.mp-team-card.team-2{border-color:#ef444466}.mp-team-card.team-2:hover:not(.disabled){border-color:#ef4444cc;box-shadow:0 8px 32px #ef44444d}.mp-team-card.team-2.selected{background:linear-gradient(135deg,#ef444433,#dc26261a);border-color:#ef4444;box-shadow:0 0 40px #ef444480}.mp-team-card.disabled{cursor:not-allowed;opacity:.5}.mp-team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mp-team-number{align-items:center;display:flex;font-size:1.25rem;font-weight:900;gap:8px;letter-spacing:1px;text-transform:uppercase}.mp-team-number.team-1{color:#60a5fa}.mp-team-number.team-2{color:#f87171}.mp-team-selected-badge{align-items:center;animation:checkPop .3s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.mp-team-roster{margin-bottom:1rem}.mp-team-roster-label{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.mp-team-members{display:flex;flex-direction:column;gap:.5rem}.mp-team-member{align-items:center;background:#37415180;border-radius:8px;color:#e5e7eb;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px;transition:all .2s ease}.mp-team-member:not(.empty):hover{background:#374151b3}.mp-team-member.empty{background:#0000;border:1px dashed #6b72804d;color:#6b7280;font-style:italic}.mp-team-status{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-align:center;text-transform:uppercase}.mp-team-status.available{background:#22c55e33;color:#86efac}.mp-team-status.full{background:#ef444433;color:#fca5a5}.mp-team-modal-actions{border-top:2px solid #f973164d;display:flex;gap:1rem;padding:1.5rem}.mp-team-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:800;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease}.mp-team-btn-join{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 24px #f9731666;color:#fff}.mp-team-btn-join:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 12px 32px #f9731680;transform:translateY(-2px)}.mp-team-btn-join:disabled{cursor:not-allowed;opacity:.5;transform:none}.mp-team-btn-cancel{background:#4b556380;color:#d1d5db}.mp-team-btn-cancel:hover:not(:disabled){background:#4b5563b3}@media (max-width:640px){.mp-teams-vs-container{align-items:center;flex-direction:column}.mp-team-card{max-width:100%;width:100%}.mp-teams-vs-divider{padding:.5rem 0}.vs-text{font-size:1.5rem}.mp-team-modal-actions{flex-direction:column}}.br-modal-overlay{align-items:center;animation:brFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}@keyframes brFadeIn{0%{opacity:0}to{opacity:1}}.br-modal{animation:brModalSlideIn .3s ease-out;background:linear-gradient(135deg,#1f2937,#111827);background-clip:padding-box,border-box;background-image:linear-gradient(#1f2937,#111827),linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);background-origin:border-box;border:2px solid #0000;border-radius:16px;box-shadow:0 25px 50px -12px #000c,0 0 80px #8b5cf64d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes brModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.br-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#0000);border-bottom:2px solid #8b5cf64d;display:flex;gap:16px;padding:1.5rem}.br-modal-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;box-shadow:0 4px 12px #8b5cf666;display:flex;height:48px;justify-content:center;width:48px}.br-modal-title{color:#fff;flex-grow:1;font-size:1.25rem;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px #8b5cf680;text-transform:uppercase}.br-modal-close{align-items:center;background:#4b556380;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.br-modal-close:hover{background:#ef44444d;color:#fca5a5;transform:scale(1.1)}.br-modal-content{padding:1.5rem}.br-tournament-mode{border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:1rem;padding:1rem}.br-tournament-mode-solo{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d}.br-tournament-mode-random{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d}.br-tournament-mode-squad{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.br-tournament-mode-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.br-tournament-mode-icon{font-size:1.25rem}.br-tournament-mode-label{color:#fff;font-size:14px;font-weight:700}.br-tournament-mode-desc{color:#9ca3af;font-size:13px;line-height:1.5}.br-creator-squadmates{border-top:1px solid #8b5cf633;margin-top:12px;padding-top:12px}.br-creator-squadmates-label{color:#9ca3af;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.br-creator-squadmates-list{display:flex;flex-wrap:wrap;gap:8px}.br-squadmate-tag{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.br-squadmate-tag.specific{background:#22c55e33;color:#86efac}.br-squadmate-tag.random{background:#3b82f633;color:#93c5fd}.br-modal-info{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#93c5fd;display:flex;font-size:13px;font-weight:600;gap:12px;margin-bottom:1rem;padding:1rem}.br-team-selection{margin-top:1rem}.br-team-label{color:#e5e7eb;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.br-team-select{background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.br-team-select:focus,.br-team-select:hover{border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf633}.br-team-select option{background:#1f2937;padding:10px}.br-locked-selection{background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;padding:1rem}.br-locked-option{align-items:center;color:#fca5a5;display:flex;font-weight:700;gap:10px;margin-bottom:8px}.br-locked-reason{color:#9ca3af;font-size:12px}.br-squad-selection{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;margin-top:1rem;padding:1rem}.br-squad-header{align-items:center;color:#c4b5fd;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:1rem}.br-squadmate-slot{margin-bottom:12px}.br-squadmate-input-group{display:flex;gap:8px}.br-squadmate-input{background:#1f2937cc;border:2px solid #4b55634d;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px 14px;transition:all .3s ease}.br-squadmate-input:focus{border-color:#8b5cf680;outline:none}.br-squadmate-input.random{background:#3b82f61a;border-color:#3b82f666}.br-squadmate-input.empty{border-style:dashed}.br-squadmate-input::placeholder{color:#6b7280}.br-squadmate-toggle{align-items:center;background:#4b556380;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.br-squadmate-toggle:hover:not(:disabled){background:#8b5cf64d;transform:scale(1.05)}.br-squadmate-status{font-size:12px;margin-top:6px}.br-squadmate-status .status-empty{color:#6b7280}.br-squadmate-status .status-random{color:#93c5fd}.br-squadmate-status .status-specific{color:#86efac}.br-squad-help{background:#4b556333;border-radius:8px;color:#9ca3af;font-size:12px;margin-top:1rem;padding:10px;text-align:center}.br-info-box{font-size:13px;margin-top:1rem;padding:12px 16px}.br-info-box.solo{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.br-info-box.random{background:#3b82f61a;border:1px solid #3b82f633;color:#93c5fd}.br-modal-actions{border-top:2px solid #8b5cf64d;display:flex;gap:1rem;padding:1.5rem}.br-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:800;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease}.br-btn-join{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf666;color:#fff}.br-btn-join:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 12px 32px #8b5cf680;transform:translateY(-2px)}.br-btn-join:disabled{cursor:not-allowed;opacity:.5;transform:none}.br-btn-cancel{background:#4b556380;color:#d1d5db}.br-btn-cancel:hover:not(:disabled){background:#4b5563b3}.br-btn-back{align-items:center;background:#4b556380;color:#d1d5db;display:flex;gap:6px;justify-content:center}.br-btn-back:hover:not(:disabled){background:#4b5563b3}.br-modal-wide{max-width:700px}.br-step-indicator{background:#0003;border-bottom:1px solid #8b5cf633;justify-content:center;padding:1rem 1.5rem}.br-step,.br-step-indicator{align-items:center;display:flex}.br-step{gap:8px;opacity:.5;transition:all .3s ease}.br-step.active{opacity:1}.br-step.completed{opacity:.8}.br-step-num{align-items:center;background:#8b5cf64d;border-radius:50%;color:#c4b5fd;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.br-step.active .br-step-num{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.br-step.completed .br-step-num{background:#22c55e;color:#fff}.br-step-label{color:#9ca3af;font-size:13px;font-weight:600}.br-step.active .br-step-label{color:#fff}.br-step-line{background:#8b5cf64d;height:2px;margin:0 1rem;width:60px}.br-preference-badge{margin-bottom:1rem;text-align:center}.br-preference-badge .badge-random,.br-preference-badge .badge-squad{border-radius:20px;display:inline-block;font-size:13px;font-weight:700;padding:8px 16px}.br-preference-badge .badge-random{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.br-preference-badge .badge-squad{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.br-no-teams-warning{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;gap:12px;margin-bottom:1rem;padding:1rem}.br-teams-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:400px;overflow-y:auto;padding:4px}.br-team-card{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:2px solid #8b5cf64d;border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.br-team-card:hover:not(.disabled){border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf633;transform:translateY(-2px)}.br-team-card.selected{background:linear-gradient(135deg,#8b5cf633,#7c3aed1a);border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf666}.br-team-card.disabled{cursor:not-allowed;opacity:.5}.br-team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.br-team-number{align-items:center;color:#c4b5fd;display:flex;font-size:14px;font-weight:800;gap:6px;text-transform:uppercase}.br-team-selected-badge{align-items:center;animation:checkPop .3s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.br-team-members{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.br-team-member{align-items:center;background:#37415180;border-radius:6px;color:#e5e7eb;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 10px}.br-team-member.empty{background:#0000;border:1px dashed #6b72804d;color:#6b7280;font-style:italic}.br-team-member.filler{background:#f973161a;border:1px solid #f973164d}.br-member-badge{border-radius:4px;font-size:9px;font-weight:800;margin-left:auto;padding:2px 6px;text-transform:uppercase}.br-member-badge.solo{background:#ef444433;color:#fca5a5}.br-member-badge.squad{background:#22c55e33;color:#86efac}.br-member-badge.filler{background:#f9731633;color:#fdba74}.br-team-unavailable{background:#ef44441a;color:#fca5a5}.br-team-available,.br-team-unavailable{border-radius:6px;font-size:11px;font-weight:700;padding:6px 8px;text-align:center}.br-team-available{background:#22c55e1a;color:#86efac}@media (max-width:640px){.br-modal{margin:.5rem;max-width:100%}.br-modal-header{padding:1rem}.br-modal-title{font-size:1rem}.br-modal-content{padding:1rem}.br-modal-actions{flex-direction:column;padding:1rem}.br-squadmate-input-group{flex-wrap:nowrap}.br-squadmate-toggle{flex-shrink:0;height:40px;width:40px}}.cleanup-status-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827cc;border:1px solid #374151;border-radius:6px;display:flex;font-size:12px;gap:12px;padding:6px 12px}.cleanup-info{align-items:center;display:flex;gap:6px}.cleanup-label{color:#9ca3af;font-weight:600}.cleanup-status{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.cleanup-status.running{background-color:#22c55e33;border:1px solid #22c55e;color:#22c55e}.cleanup-status.stopped{background-color:#ef444433;border:1px solid #ef4444;color:#ef4444}.cleanup-details{color:#6b7280;font-size:10px;font-weight:500}.manual-cleanup-btn{align-items:center;background:linear-gradient(90deg,#6366f133,#8b5cf633);border:1px solid #6366f180;border-radius:4px;color:#a78bfa;cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase;transition:all .3s ease}.manual-cleanup-btn:hover:not(:disabled){background:linear-gradient(90deg,#6366f166,#8b5cf666);border-color:#8b5cf6;color:#c4b5fd;transform:scale(1.05)}.manual-cleanup-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.header-actions{align-items:center;gap:8px}.cleanup-toast{background:#1f2937!important;border-radius:8px!important;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.cleanup-toast.auto-cleanup{border-left:4px solid #f59e0b!important}.cleanup-toast.manual-cleanup{border-left:4px solid #8b5cf6!important}.cleanup-toast.refund{border-left:4px solid #10b981!important}@keyframes cleanup-pulse{0%,to{opacity:1}50%{opacity:.7}}.cleanup-status.running{animation:cleanup-pulse 2s ease-in-out infinite}.cancel-tournament-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.cancel-tournament-modal{background-color:#1f2937;border:2px solid #ef4444;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;margin:0 16px;max-width:28rem;padding:24px;width:100%}.cancel-tournament-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.cancel-tournament-modal-icon{background-color:#dc2626;border-radius:50%;padding:8px}.cancel-tournament-modal h3{color:#f87171;font-size:20px;font-weight:700;margin:0}.cancel-tournament-info{background-color:#374151;border:1px solid #4b5563;border-radius:4px;margin-bottom:16px;padding:16px}.cancel-tournament-info p{line-height:1.4;margin:0}.cancel-tournament-info .tournament-title{color:#fff;font-weight:500}.cancel-tournament-info .tournament-details{color:#9ca3af;font-size:14px}.cancel-tournament-info .giveaway-indicator{color:#fbbf24;font-size:14px;font-weight:700}.cancel-refund-warning{background-color:#451a03;border:1px solid #eab308;border-radius:4px;margin-bottom:16px;padding:12px}.cancel-refund-warning p{color:#fde68a;font-size:14px;line-height:1.4;margin:0}.cancel-refund-warning .warning-title{font-weight:700}.cancel-reason-field{margin-bottom:16px}.cancel-reason-label{color:#fca5a5;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.cancel-reason-textarea{background-color:#374151;border:1px solid #4b5563;border-radius:4px;color:#fff;padding:12px;resize:vertical;width:100%}.cancel-reason-textarea::placeholder{color:#9ca3af}.cancel-final-warning{background-color:#450a0a;border:1px solid #dc2626;border-radius:4px;margin-bottom:24px;padding:12px}.cancel-final-warning p{color:#fecaca;font-size:14px;margin:0}.cancel-actions{display:flex;gap:8px}.cancel-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:all .2s ease}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn-confirm{background-color:#dc2626;color:#fff}.cancel-btn-confirm:hover:not(:disabled){background-color:#b91c1c}.cancel-btn-keep{background-color:#4b5563;color:#fff}.cancel-btn-keep:hover:not(:disabled){background-color:#374151}.tournament-empty-state{background-color:#1f29374d;border:1px solid #374151;border-radius:8px;padding:32px;text-align:center}.tournament-empty-icon{margin-bottom:8px;opacity:.5}.tournament-empty-title{color:#9ca3af;font-size:14px;font-weight:900;margin:8px 0 4px}.tournament-empty-subtitle{color:#6b7280;font-size:12px;margin:0}.tournament-list-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11182780;border:1px solid #374151;border-radius:8px;padding:16px}.tournament-list-header-content{align-items:center;display:flex;gap:12px}.tournament-list-title{color:#fff;font-size:20px;font-weight:900;gap:8px;letter-spacing:.05em}.tournament-list-title,.tournament-refresh-btn{align-items:center;display:flex;text-transform:uppercase}.tournament-refresh-btn{background:linear-gradient(90deg,#fb923c33,#ef444433);border:1px solid #fb923c80;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fb923c;cursor:pointer;font-size:12px;font-weight:700;gap:6px;letter-spacing:.025em;padding:6px 12px;transition:all .3s ease}.tournament-refresh-btn:hover{background:linear-gradient(90deg,#fb923c66,#ef444466);border-color:#fb923c;box-shadow:0 4px 15px #fb923c33;color:#fdba74;transform:scale(1.05)}.tournament-refresh-btn:active{transform:scale(.95)}.tournament-list-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#111827cc;border:1px solid #374151;border-radius:8px;overflow:hidden}.tournament-list-content{padding:16px}.tournament-list-content .space-y-3>*+*{margin-top:12px}.tournaments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.tournaments-grid>.text-center{grid-column:1/-1}@media (max-width:900px){.tournaments-grid{grid-template-columns:1fr}}@media (max-width:500px){.tournaments-grid{grid-template-columns:1fr}}.tournament-card-compact{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;min-height:70px;overflow:hidden;padding:12px;position:relative;transform:scale(1);transition:all .2s ease}.tournament-card-compact:hover{transform:scale(1.02)}.tournament-card-compact-main{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.tournament-card-compact-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.tournament-card-compact-title{font-size:14px;font-weight:900;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tournament-card-compact-details{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;line-height:1.2}.tournament-card-compact-time{align-items:center;color:#9ca3af;display:inline-flex;font-size:11px;font-weight:600}.tournament-card-compact-right{align-items:flex-start;display:flex;gap:10px}.tournament-card-compact-team{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tournament-card-compact-team-label{color:#9ca3af;font-size:10px;font-weight:700;margin-right:2px}.tournament-card-compact-actions{gap:6px}.tournament-card-compact-bottom{align-items:center;border-top:1px solid #37415180;display:flex;justify-content:space-between;margin-top:6px;padding-top:6px}.tournament-card-compact-info{align-items:center;display:flex;flex-wrap:wrap;font-size:10px;gap:6px}.mp-teams-display{align-items:flex-start;display:flex;gap:8px;width:100%}.mp-team-section{flex:1 1;min-width:0}.mp-team-label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.mp-team-section.team-1 .mp-team-label{color:#60a5fa}.mp-team-section.team-2 .mp-team-label{color:#f87171}.mp-vs-divider{align-items:center;color:#f97316;display:flex;font-size:12px;font-weight:900;justify-content:center;padding:0 4px;text-shadow:0 0 8px #f9731680}@media (max-width:480px){.mp-teams-display{flex-direction:column;gap:6px}.mp-vs-divider{align-self:center;padding:2px 0}}.tournament-card-compact-expand{background:none;border:none;color:#60a5fa;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:700;transition:color .2s ease}.tournament-card-compact-expand:hover{color:#93c5fd}.br-teams-display{width:100%}.br-teams-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.br-teams-label{color:#c4b5fd;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.br-mode-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.br-mode-badge.br-mode-solo{background:#ef444433;color:#fca5a5}.br-mode-badge.br-mode-random{background:#3b82f633;color:#93c5fd}.br-mode-badge.br-mode-squad{background:#22c55e33;color:#86efac}.br-teams-grid-compact{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.br-team-compact{background:#1f293780;border:1px solid #8b5cf633;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:6px 8px}.br-team-compact.br-team-mine{background:#8b5cf61a;border-color:#8b5cf699}.br-team-num{color:#a78bfa;font-size:10px;font-weight:800;text-transform:uppercase}.br-team-members-compact{display:flex;flex-wrap:wrap;gap:3px}.br-member-compact{align-items:center;background:#37415199;border-radius:3px;color:#d1d5db;display:flex;font-size:10px;font-weight:600;gap:2px;max-width:90px;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.br-member-compact.self{background:#8b5cf64d;border:1px solid #8b5cf680;color:#e9d5ff}.br-member-compact.filler{background:#f9731633;color:#fdba74}.br-member-compact.empty{background:#0000;border:1px dashed #6b72804d;color:#6b7280;font-style:italic}.br-pref-badge{border-radius:2px;font-size:8px;font-weight:800;margin-left:2px;padding:1px 3px}.br-pref-badge.solo{background:#ef44444d;color:#fca5a5}.br-pref-badge.squad{background:#22c55e4d;color:#86efac}.br-teams-more{color:#9ca3af;font-size:10px;font-style:italic;margin-top:4px;text-align:center}@media (max-width:480px){.br-teams-grid-compact{grid-template-columns:repeat(2,1fr)}.br-teams-header{align-items:flex-start;flex-direction:column;gap:4px}}.tournament-card-additional{margin-left:12px}.tournament-room-access-denied{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:700;gap:8px}.tournament-room-access-denied-text{color:#9ca3af;font-size:12px;font-weight:400}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:24px}.pagination-controls{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2937cc;border:1px solid #374151;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;gap:8px;padding:16px}.pagination-button{align-items:center;background:#374151;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#4b5563;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-button.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.pagination-button.active:hover{background:#2563eb}.pagination-button.pagination-nav{background:#059669;color:#fff}.pagination-button.pagination-nav:hover:not(:disabled){background:#047857}.pagination-button.pagination-nav:disabled{background:#6b7280;color:#9ca3af}.pagination-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182780;border:1px solid #374151;border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;text-align:center}.pagination-ellipsis{align-items:center;color:#9ca3af;display:flex;font-size:16px;font-weight:700;height:40px;padding:0 8px}.active-match-button-container{bottom:16px;pointer-events:none;position:fixed;right:16px;z-index:50}.active-match-button-container>*{pointer-events:auto}.active-match-details-panel{background-color:#111827;border:1px solid #374151;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 120px);max-width:320px;overflow-y:auto;padding:16px;position:absolute;right:0;width:320px}html.rtl-layout .active-match-button-container{left:16px;right:auto}html.rtl-layout .active-match-details-panel{direction:rtl;left:0;max-width:min(320px,calc(100vw - 48px));right:auto;text-align:right;width:min(320px,calc(100vw - 48px))}@media (max-width:480px){.active-match-details-panel{bottom:80px!important;left:16px!important;max-width:none!important;min-width:auto!important;position:fixed!important;right:16px!important;transform:none!important;width:auto!important;z-index:60}.active-match-button-container{bottom:12px;right:12px}.cleanup-status-indicator{font-size:11px;gap:8px;padding:4px 8px}.cleanup-info{gap:4px}.cleanup-details{display:none}.manual-cleanup-btn{font-size:9px;padding:3px 6px}.header-actions{align-items:stretch;flex-direction:column;gap:4px}.pagination-controls{flex-wrap:wrap;gap:4px;padding:12px}.pagination-button{font-size:12px;min-width:32px;padding:6px 10px}.pagination-info{font-size:12px;padding:6px 12px}html.rtl-layout .active-match-details-panel{bottom:80px!important;direction:rtl;left:16px!important;max-width:none!important;min-width:auto!important;position:fixed!important;right:16px!important;text-align:right;transform:none!important;width:auto!important;z-index:60}html.rtl-layout .active-match-button-container{bottom:12px;left:12px;right:auto}.cleanup-status-indicator{font-size:10px;padding:3px 6px}.cleanup-label{display:none}.manual-cleanup-btn{font-size:8px;padding:2px 4px}}@media (max-width:360px){.active-match-details-panel{bottom:70px!important;left:12px!important;max-width:none!important;min-width:auto!important;padding:12px;position:fixed!important;right:12px!important;transform:none!important;width:auto!important;z-index:60}.active-match-button-container{bottom:8px;right:8px}html.rtl-layout .active-match-details-panel{bottom:70px!important;direction:rtl;left:12px!important;max-width:none!important;min-width:auto!important;padding:12px;position:fixed!important;right:12px!important;text-align:right;transform:none!important;width:auto!important;z-index:60}html.rtl-layout .active-match-button-container{bottom:8px;left:8px;right:auto}}@media (max-width:768px) and (min-width:481px){.active-match-details-panel{max-width:calc(100vw - 48px);right:0;width:min(320px,calc(100vw - 48px))}.pagination-controls{flex-wrap:wrap;gap:6px;padding:14px}.pagination-button{font-size:13px;min-width:36px;padding:7px 11px}.pagination-info{font-size:13px}html.rtl-layout .active-match-details-panel{direction:rtl;left:0;max-width:calc(100vw - 48px);right:auto;text-align:right;width:min(320px,calc(100vw - 48px))}}@media (max-width:320px){.active-match-details-panel,html.rtl-layout .active-match-details-panel{bottom:60px!important;left:8px!important;max-width:none!important;min-width:auto!important;padding:8px;position:fixed!important;right:8px!important;transform:none!important;width:auto!important;z-index:60}html.rtl-layout .active-match-details-panel{direction:rtl;text-align:right}html.rtl-layout .active-match-button-container{left:4px;right:auto}}html.rtl-layout .tournament-participant-badge,html[dir=rtl] .tournament-participant-badge{font-family:inherit}html.rtl-layout .tournament-card-compact-team,html.rtl-layout .tournament-card-compact-team-label,html[dir=rtl] .tournament-card-compact-team,html[dir=rtl] .tournament-card-compact-team-label{direction:rtl;text-align:right}html.rtl-layout .active-match-team-name,html.rtl-layout .tournament-card-compact-title,html.rtl-layout .tournament-participant-badge,html[dir=rtl] .active-match-team-name,html[dir=rtl] .tournament-card-compact-title,html[dir=rtl] .tournament-participant-badge{direction:rtl;text-align:right;unicode-bidi:plaintext}html.rtl-layout .active-match-room-id,html[dir=rtl] .active-match-room-id{direction:ltr;font-family:Courier New,monospace;text-align:left;unicode-bidi:plaintext}html.rtl-layout .rtl-approved-by,html.rtl-layout .rtl-room-id,html.rtl-layout .rtl-tournament-id,html[dir=rtl] .rtl-approved-by,html[dir=rtl] .rtl-room-id,html[dir=rtl] .rtl-tournament-id{direction:rtl;text-align:right;unicode-bidi:plaintext}html.rtl-layout .active-match-details-header,html[dir=rtl] .active-match-details-header{direction:rtl;text-align:right}html.rtl-layout .active-match-room-header,html[dir=rtl] .active-match-room-header{direction:rtl;flex-direction:row-reverse}html.rtl-layout .active-match-setting-item,html[dir=rtl] .active-match-setting-item{direction:rtl;text-align:right}html.rtl-layout .active-match-setting-label,html[dir=rtl] .active-match-setting-label{text-align:right}html.rtl-layout .active-match-setting-value,html[dir=rtl] .active-match-setting-value{text-align:left}html.rtl-layout .pagination-controls,html[dir=rtl] .pagination-controls{direction:rtl}html.rtl-layout .pagination-info,html[dir=rtl] .pagination-info{direction:rtl;text-align:right}html.rtl-layout .search-container,html[dir=rtl] .search-container{direction:rtl}html.rtl-layout .search-input,html[dir=rtl] .search-input{direction:rtl;text-align:right}.active-match-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.active-match-details-title{color:#fff;font-size:16px;font-weight:700;margin:0}.active-match-details-close{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:4px;transition:color .2s ease}.active-match-details-close:hover{color:#fff}.active-match-details-content{display:flex;flex-direction:column;gap:12px}.active-match-room-section{background-color:#1f2937;border-radius:6px;padding:12px}.active-match-room-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.active-match-room-label{color:#10b981;font-size:14px;font-weight:700}.active-match-room-copy-btn{align-items:center;background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:4px;padding:4px 8px;transition:background-color .2s ease}.active-match-room-copy-btn:hover{background-color:#047857}.active-match-room-id{color:#fff;font-family:Courier New,monospace;font-size:18px;font-weight:700;line-height:1.2;word-break:break-all}.active-match-settings-section{background-color:#1f2937;border-radius:6px;padding:12px}.active-match-settings-title{color:#fbbf24;font-size:14px;font-weight:700;margin-bottom:8px}.active-match-settings-list{display:flex;flex-direction:column;gap:4px}.active-match-setting-item{display:flex;font-size:14px;gap:8px;justify-content:space-between}.active-match-setting-label{color:#9ca3af;flex-shrink:0}.active-match-setting-value{color:#fff;font-weight:500;text-align:right;word-break:break-word}.active-match-setting-value.prize{color:#10b981;font-weight:700}.active-match-setting-value.giveaway{color:#fbbf24;font-weight:700}.active-match-team-section{background-color:#1f2937;border-radius:6px;padding:12px}.active-match-team-title{color:#60a5fa;font-size:14px;font-weight:700;margin-bottom:8px}.active-match-team-list{display:flex;flex-direction:column;gap:4px}.active-match-team-member{align-items:center;display:flex;gap:8px}.active-match-team-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.active-match-team-indicator.self{background-color:#fbbf24}.active-match-team-indicator.other{background-color:#60a5fa}.active-match-team-name{font-size:14px;word-break:break-word}.active-match-team-name.self{color:#fbbf24;font-weight:700}.active-match-team-name.other{color:#d1d5db}.active-match-main-button{align-items:center;border:none;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;min-height:48px;padding:12px 16px;transform:scale(1);transition:all .3s ease;white-space:nowrap}.active-match-main-button:hover{transform:scale(1.05)}.active-match-main-button.countdown{animation:pulse 2s ease-in-out infinite;background-color:#dc2626;color:#fff}.active-match-main-button.countdown:hover{background-color:#b91c1c}.active-match-main-button.active{background-color:#059669;color:#fff}.active-match-main-button.active:hover{background-color:#047857}.active-match-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;inset:0;position:fixed;z-index:40}@media (max-width:480px){.tournament-list-header{padding:8px}.tournament-list-header-content{align-items:stretch;flex-direction:column;gap:6px}.tournament-list-title{font-size:14px;justify-content:center}.tournament-refresh-btn{font-size:10px;justify-content:center;padding:6px 10px}.tournament-list-content{padding:6px}.tournament-list-content .space-y-3>*+*{margin-top:6px}.tournament-card-compact{border-radius:6px;min-height:auto;padding:7px}.tournament-card-compact-main{flex-direction:column;gap:2px;margin-bottom:1px}.tournament-card-compact-left{gap:2px;margin:1px}.tournament-card-compact-title{font-size:13px;font-weight:900;line-height:1.2;margin-bottom:1px;margin-top:1px;overflow:visible;padding:0 2px;text-overflow:clip;white-space:normal}.tournament-card-compact-details{font-size:11px;font-weight:600;gap:3px;line-height:1.1;padding:0 2px}.tournament-card-compact-time{font-size:10px}.tournament-card-compact-right{justify-content:flex-end;margin-top:0;padding-right:2px;width:100%}.tournament-card-compact-actions{gap:4px}.tournament-card-compact-bottom{align-items:stretch;flex-direction:column;gap:1px;margin-top:1px;padding:0 2px}.tournament-card-compact-team{gap:2px;justify-content:flex-start}.tournament-card-compact-team-label{font-size:10px;font-weight:700;margin-right:1px}.tournament-card-compact-info{font-size:10px;gap:4px;justify-content:flex-start}.tournament-card-compact-expand{align-self:flex-end;font-size:11px}.tournament-card-additional{margin-left:6px}.tournament-empty-state{padding:16px}.tournament-empty-title{font-size:11px;margin:6px 0 3px}.tournament-empty-subtitle{font-size:10px}.cancel-tournament-modal{margin:6px;padding:12px}.cancel-tournament-modal h3{font-size:16px}.cancel-actions{flex-direction:column;gap:6px}.active-match-main-button{font-size:12px;min-height:44px;padding:10px 14px}.active-match-room-id{font-size:16px}.active-match-details-title{font-size:14px}.active-match-setting-item,.active-match-team-name{font-size:13px}}@media (max-width:640px){.tournament-list-header{padding:10px}.tournament-list-content{padding:8px}.tournament-card-compact{padding:7px}.tournament-card-compact-left{margin:1px}.tournament-card-compact-main{gap:3px}.tournament-card-compact-title{font-size:14px;font-weight:900;margin-top:1px;padding:0 2px}.tournament-card-compact-details{font-size:12px;font-weight:600;gap:4px;padding:0 2px}.tournament-card-compact-time{font-size:11px}.tournament-card-compact-info{font-size:10px}.tournament-card-additional{margin-left:8px}.tournament-card-compact-bottom{gap:1px;margin-top:1px;padding:0 2px}.tournament-card-compact-right{padding-right:2px}}@media (max-width:768px){.tournament-list-header-content{flex-wrap:wrap}.tournament-card-compact-main{gap:8px}.tournament-card-compact-details{gap:5px}.tournament-card-compact-bottom{flex-wrap:wrap;gap:6px}.tournament-card-compact-title{font-size:15px;font-weight:900}.tournament-card-compact-details{font-size:13px;font-weight:600}}@media (max-width:1024px){.tournament-card-compact-actions{gap:5px}.tournament-card-compact-team{gap:3px}}.active-match-main-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.active-match-room-copy-btn:focus{outline:2px solid #10b981;outline-offset:2px}.active-match-details-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.tournament-tab:focus{outline:2px solid #eab308;outline-offset:2px}.tournament-refresh-btn:focus{outline:2px solid #fb923c;outline-offset:2px}.cleanup-status-indicator:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.manual-cleanup-btn:focus{outline:2px solid #8b5cf6;outline-offset:2px}.pagination-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.active-match-details-panel{border-width:2px}.active-match-main-button{border:2px solid}.tournament-card-compact{border:1px solid #6b7280}.cleanup-status,.cleanup-status-indicator,.manual-cleanup-btn{border-width:2px}.pagination-button{border:2px solid}}@media (prefers-reduced-motion:reduce){.tournament-card-compact{transition:none}.tournament-card-compact:hover{transform:none}.active-match-main-button{animation:none;transition:none}.active-match-main-button:hover{transform:none}.cleanup-status.running{animation:none}.manual-cleanup-btn{transition:none}.manual-cleanup-btn:hover{transform:none}.pagination-button{transition:none}.pagination-button:hover{transform:none}}.tournament-status-base{font-size:11px;min-width:60px;text-align:center}.tournament-status-lobby{background-color:#3b82f61a;border-color:#3b82f6;color:#60a5fa}.tournament-status-lobby-giveaway{background-color:#fbbf2433;border-color:#fbbf24;color:#fde68a}.tournament-status-lobby-high-prize{color:#fca5a5}.tournament-status-deploying{color:#fdba74}.tournament-status-standby{color:#fca5a5}.tournament-status-active{color:#86efac}.tournament-status-completed{color:#d1d5db}.tournament-btn-base{align-items:center;border:1px solid;display:flex;font-size:11px;gap:4px;min-height:28px;padding:4px 8px}.tournament-btn-deploy{background-color:#22c55e33;border-color:#22c55e;color:#86efac}.tournament-btn-deploy:hover{background-color:#22c55e4d;color:#bbf7d0}.tournament-btn-deploy-giveaway{background-color:#fbbf244d;border-color:#fbbf24;color:#fde68a}.tournament-btn-deploy-giveaway:hover{background-color:#fbbf2466;color:#fef3c7}.tournament-btn-deploy-high-prize{background-color:#ef44444d;border-color:#ef4444;color:#fca5a5}.tournament-btn-deploy-high-prize:hover{background-color:#ef444466;color:#fecaca}.tournament-btn-abort{border-color:#ef4444;color:#fca5a5}.tournament-btn-abort:hover{background-color:#ef44444d;color:#fecaca}.tournament-btn-cancel{border-color:#ef4444;color:#fca5a5}.tournament-btn-cancel:hover{background-color:#ef44444d;color:#fecaca}.tournament-btn-copy{background-color:#22c55e33;border-color:#22c55e;color:#86efac}.tournament-btn-copy:hover{background-color:#22c55e4d;color:#bbf7d0}.tournament-btn-start-now{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #f59e0b;border-radius:.375rem;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;min-width:80px;padding:.375rem .75rem;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;transition:all .2s ease}.tournament-btn-start-now:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.tournament-btn-start-now:active{box-shadow:0 2px 4px #f59e0b33;transform:translateY(0)}.tournament-btn-start-now:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#9ca3af;box-shadow:none;color:#d1d5db;cursor:not-allowed;opacity:.6;transform:none}.tournament-btn-start-now-giveaway{animation:pulse-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;box-shadow:0 2px 4px #fbbf2466}.tournament-btn-start-now-giveaway:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 8px #fbbf2480}.tournament-btn-start-now-high-prize{background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #f97316;box-shadow:0 2px 4px #f9731666}.tournament-btn-start-now-high-prize:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c;box-shadow:0 4px 8px #f9731680}.tournament-card-compact-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.tournament-card-compact-actions>.tournament-btn-start-now{order:1}.tournament-card-compact-actions>.tournament-btn-deploy{order:2}.tournament-card-compact-actions>.tournament-btn-abort{order:3}.tournament-btn-start-now[title]:hover:after{background:#000000e6;border-radius:.25rem;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;left:50%;margin-bottom:.5rem;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.tournament-btn-start-now:focus{outline:2px solid #f59e0b;outline-offset:2px}.tournament-btn-start-now:focus:not(:focus-visible){outline:none}@media (max-width:640px){.tournament-btn-start-now{font-size:.7rem;min-width:70px;padding:.25rem .5rem}.tournament-btn-start-now svg{height:.75rem;width:.75rem}}@media (max-width:480px){.tournament-btn-start-now{font-size:.65rem;gap:.125rem;min-width:60px;padding:.2rem .4rem}}@media (prefers-reduced-motion:reduce){.tournament-btn-start-now{animation:none;transition:none}.tournament-btn-start-now:hover{transform:none}.tournament-btn-start-now-giveaway{animation:none}}@media (max-width:768px){.tournament-btn-base,.tournament-card-compact-actions{position:relative;z-index:150}.tournament-card-compact{position:relative;z-index:10}.tournament-card-compact:focus-within,.tournament-card-compact:hover{z-index:151}}.tournament-btn-vote{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid #6366f1;border-radius:.375rem;box-shadow:0 2px 4px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;min-width:60px;padding:.375rem .75rem;text-shadow:0 1px 2px #0000004d;transition:all .2s ease}.tournament-btn-vote:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4f46e5;box-shadow:0 4px 8px #6366f166;transform:translateY(-1px)}.tournament-btn-vote .vote-count{font-size:.7rem;opacity:.9}.tournament-btn-voted{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #22c55e;box-shadow:0 2px 4px #22c55e4d}.tournament-btn-voted:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;box-shadow:0 4px 8px #22c55e66}.tournament-btn-vote-giveaway{background:linear-gradient(135deg,#a855f7,#9333ea);border:2px solid #a855f7;box-shadow:0 2px 4px #a855f766}.tournament-btn-vote-giveaway:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);border-color:#9333ea}.tournament-btn-vote-high-prize{background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #f97316;box-shadow:0 2px 4px #f9731666}.tournament-btn-vote-high-prize:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c}.vote-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.vote-modal{background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #374151;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.vote-modal-header{align-items:center;background:#6366f11a;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem 1.25rem}.vote-modal-header h3{color:#f3f4f6;font-size:1.1rem;margin:0}.vote-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:color .2s}.vote-modal-close:hover{color:#ef4444}.vote-modal-content{padding:1.25rem}.vote-prize-warning{background:#f59e0b26;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.vote-warning-icon{flex-shrink:0;font-size:1.5rem}.vote-warning-text{flex:1 1}.vote-warning-text strong{color:#fbbf24;display:block;font-size:.9rem;margin-bottom:.25rem}.vote-warning-text p{color:#fcd34d;font-size:.85rem;margin:0 0 .75rem}.vote-prize-comparison{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.vote-prize-original{color:#9ca3af}.vote-prize-arrow{color:#f59e0b}.vote-prize-early{color:#fbbf24}.vote-prize-diff{color:#ef4444;font-weight:600}.vote-status-section{margin-bottom:1.25rem}.vote-progress{margin-bottom:1rem}.vote-progress-bar{background:#6b72804d;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.vote-progress-fill{background:linear-gradient(90deg,#6366f1,#22c55e);border-radius:4px;height:100%;transition:width .3s ease}.vote-progress-text{color:#9ca3af;font-size:.85rem}.vote-voters-list{background:#11182780;border-radius:8px;padding:.75rem}.vote-voters-list strong{color:#d1d5db;display:block;font-size:.8rem;margin-bottom:.5rem}.vote-voters{display:flex;flex-wrap:wrap;gap:.5rem}.vote-voter{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.vote-voter.voted{background:#22c55e33;border:1px solid #22c55e66;color:#86efac}.vote-voter.pending{background:#6b728033;border:1px solid #6b728066;color:#9ca3af}.vote-voter.self{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf244d}.vote-modal-actions{display:flex;gap:.75rem;margin-bottom:1rem}.vote-btn{border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s}.vote-btn-vote{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff}.vote-btn-vote:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.vote-btn-unvote{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.vote-btn-unvote:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.vote-btn-cancel{background:#6b728033;border-color:#6b7280;color:#d1d5db}.vote-btn-cancel:hover{background:#6b72804d;border-color:#9ca3af}.vote-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vote-modal-note{color:#6b7280;font-size:.75rem;font-style:italic;margin:0;text-align:center}.tournament-btn-giveaway-start{animation:giveaway-pulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #f59e0b;box-shadow:0 2px 4px #f59e0b66;color:#fff;font-weight:700;text-shadow:0 1px 2px #0000004d}.tournament-btn-giveaway-start:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;box-shadow:0 4px 8px #f59e0b80;transform:translateY(-1px)}.tournament-btn-giveaway-vote{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #8b5cf6;box-shadow:0 2px 4px #8b5cf64d;color:#fff;font-weight:700;text-shadow:0 1px 2px #0000004d}.tournament-btn-giveaway-vote:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.tournament-btn-giveaway-vote.vote-active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 2px 4px #22c55e4d}.vote-requested{animation:vote-attention 1s ease-in-out infinite}@keyframes vote-attention{0%,to{box-shadow:0 2px 4px #ef444466}50%{box-shadow:0 2px 12px #ef4444cc}}@keyframes giveaway-pulse{0%{box-shadow:0 2px 4px #f59e0b66}to{box-shadow:0 2px 12px #f59e0bb3}}.vote-btn-initiate{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.vote-btn-initiate:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.vote-initiated-status{align-items:center;background:#22c55e26;border:1px solid #22c55e;border-radius:8px;color:#86efac;display:flex;flex:1 1;font-weight:500;gap:.5rem;padding:.75rem 1rem}.vote-initiated-icon{font-size:1.1rem}@media (max-width:640px){.tournament-btn-vote{font-size:.7rem;min-width:50px;padding:.25rem .5rem}.vote-modal{max-width:95%}.vote-modal-actions{flex-direction:column}}.tournament-participant-badge{border-radius:3px;font-size:10px;font-weight:600;white-space:nowrap}.tournament-participant-self{background-color:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.tournament-participant-other{background-color:#3b82f633;border:1px solid #60a5fa}.tournament-participant-winner{background-color:#fbbf244d;border:1px solid #fbbf24}.tournament-participant-winner-high-prize{background-color:#ef44444d;border:1px solid #ef4444;color:#fca5a5}.tournament-participant-empty{background-color:#6b728033;border-radius:3px;color:#9ca3af;font-size:10px;font-weight:600}.tournament-card-base{border:1px solid #374151}.tournament-card-giveaway{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid #fbbf244d}.tournament-card-high-prize{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d}.tournament-giveaway-badge{background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:4px;gap:2px;padding:2px 6px}.tournament-stakes-badge{align-items:center;border-radius:4px;bottom:8px;display:flex;font-size:10px;font-weight:900;gap:2px;padding:2px 6px;position:absolute;right:8px;text-shadow:0 1px 2px #0000004d;z-index:10}.tournament-stakes-high{animation:highStakesPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444466;color:#fff}@keyframes highStakesPulse{0%,to{box-shadow:0 2px 4px #ef444466}50%{box-shadow:0 2px 8px #ef444499}}.tournament-stakes-veryHigh{animation:veryHighStakesPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#8b5cf6,#7c3aed,#6d28d9);box-shadow:0 2px 6px #8b5cf680;color:#fff}@keyframes veryHighStakesPulse{0%,to{box-shadow:0 2px 6px #8b5cf680}50%{box-shadow:0 2px 12px #8b5cf6cc,0 0 20px #8b5cf64d}}.tournament-stakes-legendary{animation:legendaryStakesPulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706);border:1px solid #ffd70080;box-shadow:0 2px 8px #fbbf2499;color:#000}@keyframes legendaryStakesPulse{0%,to{box-shadow:0 2px 8px #fbbf2499;transform:scale(1)}50%{box-shadow:0 2px 16px #fbbf24e6,0 0 30px #ffd70066;transform:scale(1.02)}}.tournament-border-stakes-top{animation:shimmer 2s ease-in-out infinite;height:2px;left:0;position:absolute;right:0;top:0}.tournament-border-stakes-bottom{animation:shimmer 2s ease-in-out infinite reverse;bottom:0;height:2px;left:0;position:absolute;right:0}.tournament-border-stakes-high{background:linear-gradient(90deg,#0000,#ef4444,#0000)}.tournament-border-stakes-veryHigh{background:linear-gradient(90deg,#0000,#8b5cf6,#0000)}.tournament-border-stakes-legendary{background:linear-gradient(90deg,#0000,#fbbf24,#fef08a,#fbbf24,#0000);height:3px}.tournament-border-glow-top{animation:shimmer 2s ease-in-out infinite}.tournament-border-glow-bottom,.tournament-border-glow-top{background:linear-gradient(90deg,#0000,#fbbf24,#0000);height:2px}.tournament-border-glow-bottom{animation:shimmer 2s ease-in-out infinite reverse}.tournament-border-red-top{animation:shimmer 2s ease-in-out infinite}.tournament-border-red-bottom{animation:shimmer 2s ease-in-out infinite reverse}.tournament-list-main-wrapper{position:relative}.tournament-list-main-wrapper.has-active-match{padding-bottom:80px}@media (max-width:480px){.tournament-list-main-wrapper.has-active-match{padding-bottom:70px}}.tournament-status-completed{background-color:#22c55e33;border-color:#22c55e;color:#86efac;font-weight:900}.tournament-status-completed-giveaway{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#eab3084d,#fbbf244d);border-color:#eab308;color:#fbbf24;font-weight:900}.tournament-status-cancelled{background-color:#ef44444d;border:2px solid #ef4444;color:#fca5a5;font-weight:900;text-transform:uppercase}.tournament-status-auto-cancelled{animation:pulse 3s ease-in-out infinite;background-color:#ef444466;border:2px solid #dc2626;color:#fee2e2;font-weight:900;text-transform:uppercase}.tournament-card-cancelled{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef444466;opacity:.8}.tournament-card-auto-cancelled{background:linear-gradient(135deg,#ef444433,#dc262626);border:2px solid #ef444499;opacity:.85}.tournament-border-cancelled-top{animation:shimmer 3s ease-in-out infinite;top:0}.tournament-border-cancelled-bottom,.tournament-border-cancelled-top{background:linear-gradient(90deg,#0000,#ef4444,#0000);height:2px;left:0;position:absolute;right:0}.tournament-border-cancelled-bottom{animation:shimmer 3s ease-in-out infinite reverse;bottom:0}.tournament-cancellation-reason{background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;margin:8px 0;padding:8px 12px}.tournament-cancellation-reason-text{color:#fca5a5;font-size:11px;font-weight:600;line-height:1.3}.tournament-cancellation-meta{color:#9ca3af;font-size:10px;margin-top:4px}.tournament-wait-time-warning{animation:pulse 2s ease-in-out infinite;background-color:#fb923c33;border:1px solid #fb923c;border-radius:4px;color:#fdba74;font-size:10px;font-weight:700;margin-top:4px;padding:4px 8px}.tournament-wait-time-critical{animation:pulse 1s ease-in-out infinite;background-color:#ef44444d;border:1px solid #ef4444;color:#fca5a5}@media (max-width:480px){.tournament-cancellation-reason{margin:4px 0;padding:6px 8px}.tournament-cancellation-reason-text{font-size:10px}.tournament-cancellation-meta{font-size:9px}.tournament-wait-time-warning{font-size:9px;padding:3px 6px}}.approved-by-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid;border-radius:6px;box-shadow:0 2px 4px #0003;display:inline-flex;font-size:10px;font-weight:800;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .3s ease}.approved-by-badge:hover{box-shadow:0 4px 8px #00000040;transform:translateY(-1px)}.approved-by-badge.main-admin{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef4444;box-shadow:0 2px 6px #dc262666;color:#fecaca}.approved-by-badge.main-admin:hover{box-shadow:0 4px 12px #dc262680;transform:translateY(-1px) scale(1.05)}.approved-by-badge.supervisor{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;box-shadow:0 2px 6px #f59e0b66;color:#fef3c7}.approved-by-badge.supervisor:hover{box-shadow:0 4px 12px #f59e0b80;transform:translateY(-1px) scale(1.05)}.approved-by-badge.approver{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 2px 6px #3b82f666;color:#dbeafe}.approved-by-badge.approver:hover{box-shadow:0 4px 12px #3b82f680;transform:translateY(-1px) scale(1.05)}.approved-by-badge.admin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#a78bfa;box-shadow:0 2px 6px #8b5cf666;color:#e9d5ff}.approved-by-badge.admin:hover{box-shadow:0 4px 12px #8b5cf680;transform:translateY(-1px) scale(1.05)}.approved-by-section{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#11182799,#1f293766);border:1px solid #37415166;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:all .3s ease}.approved-by-section:hover{background:linear-gradient(135deg,#111827cc,#1f293799);border-color:#37415199;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.approved-by-info{align-items:center;display:flex;gap:8px}.approved-by-label{align-items:center;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.approved-by-name{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #00000080}@media (max-width:480px){.approved-by-section{align-items:flex-start;flex-direction:column;gap:6px;padding:8px 10px}.approved-by-info{justify-content:flex-start;width:100%}.approved-by-badge{align-self:flex-end;font-size:9px;padding:3px 8px}.approved-by-label{font-size:11px}.approved-by-name{font-size:12px}}html.rtl-layout .approved-by-section,html[dir=rtl] .approved-by-section{direction:rtl}html.rtl-layout .approved-by-info,html.rtl-layout .approved-by-label,html[dir=rtl] .approved-by-info,html[dir=rtl] .approved-by-label{flex-direction:row-reverse}.approved-by-badge:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.approved-by-badge,.approved-by-section{transition:none}.approved-by-badge:hover,.approved-by-section:hover{transform:none}}@media (prefers-contrast:high){.approved-by-section{border-width:2px}.approved-by-badge{border-width:3px}}.br-lobby-summary{background:linear-gradient(135deg,#4facfe1a,#00f2fe0d);border:1px solid #4facfe33;border-radius:8px;justify-content:space-between;padding:8px 12px}.br-lobby-info,.br-lobby-summary{align-items:center;display:flex;gap:12px}.br-lobby-info{flex-wrap:wrap}.br-lobby-count,.br-lobby-teams{color:#e5e7eb;font-size:13px;font-weight:600}.br-view-players-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.br-view-players-btn:hover{box-shadow:0 4px 15px #4facfe66;transform:translateY(-2px)}.br-view-players-btn:active{transform:translateY(0)}.br-players-modal-overlay{align-items:center;animation:fadeIn .2s ease;-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:10000}.br-players-modal{animation:slideUp .3s ease;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #4facfe4d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 30px #4facfe1a;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:100%}.br-players-modal-header{align-items:center;background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-bottom:1px solid #4facfe33;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.br-players-modal-header h3{align-items:center;color:#4facfe;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.br-players-modal-count{color:#fff9;font-size:14px;font-weight:500}.br-players-modal-close{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.br-players-modal-close:hover{background:#ff6b6b4d;border-color:#ff6b6b80}.br-players-modal-content{flex:1 1;overflow-y:auto;padding:20px}.br-players-modal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.br-players-modal-team{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .2s ease}.br-players-modal-team:hover{border-color:#4facfe4d;box-shadow:0 4px 15px #0003}.br-players-modal-team.br-team-mine{background:#4facfe1a;border-color:#4facfe;box-shadow:0 0 20px #4facfe33}.br-players-modal-team.br-team-empty{opacity:.5}.br-players-modal-team-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 12px}.br-players-modal-team-header .br-team-num{color:#4facfe;font-size:14px;font-weight:700;text-shadow:0 0 10px #4facfe80}.br-team-member-count{color:#ffffff80;font-size:12px;font-weight:500}.br-players-modal-team-members{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.br-player-item{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;gap:8px;padding:6px 10px;transition:all .2s ease}.br-player-item.self{background:#4facfe33;border:1px solid #4facfe66}.br-player-item.filler{background:#9333ea33;border:1px solid #9333ea4d}.br-player-item.empty{background:#0000;border:1px dashed #fff3;opacity:.4}.br-player-icon{font-size:14px}.br-player-name{color:#e5e7eb;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-player-item.self .br-player-name{color:#4facfe;font-weight:600}.br-player-item.empty .br-player-name{color:#ffffff4d}@media (max-width:768px){.br-players-modal{margin:10px;max-height:90vh;max-width:100%}.br-players-modal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.br-lobby-summary{align-items:stretch;flex-direction:column}.br-lobby-info,.br-view-players-btn{justify-content:center}.br-view-players-btn{width:100%}}@keyframes goldGlow{0%,to{box-shadow:0 0 20px #eab308cc,0 0 40px #eab30899,0 0 60px #eab30866,inset 0 0 20px #eab3084d,inset 0 0 40px #eab30833;transform:scale(1)}50%{box-shadow:0 0 30px #eab308,0 0 60px #eab308cc,0 0 90px #eab30899,inset 0 0 30px #eab30866,inset 0 0 60px #eab3084d;transform:scale(1.01)}}.gold-glow{animation:goldGlow 2s ease-in-out infinite}.tournament-card-base{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;overflow:hidden;position:relative;transform:scale(1);transition:all .2s ease}.tournament-card-base:hover{transform:scale(1.02)}.tournament-card-giveaway{background:linear-gradient(135deg,#eab3084d,#fbbf2433 50%,#eab3084d);border:4px solid #eab308;box-shadow:0 0 30px #eab308cc,0 0 60px #eab30899,0 0 90px #eab30866,inset 0 0 30px #eab3084d,inset 0 0 60px #eab30833,inset 0 0 90px #eab3081a}.tournament-card-high-prize{background:linear-gradient(135deg,#991b1b4d,#1f293799 50%,#991b1b4d);box-shadow:0 4px 25px #ef444433}.tournament-card-standard{background-color:#1f293799;box-shadow:0 4px 15px #0003}.tournament-border-glow-top{background:linear-gradient(90deg,#0000,#eab308,#0000);height:4px;left:0;position:absolute;right:0;top:0}.tournament-border-glow-top-secondary{background:linear-gradient(90deg,#0000,#f97316,#0000);height:4px;left:0;position:absolute;right:0;top:8px}.tournament-border-glow-bottom{background:linear-gradient(90deg,#0000,#eab308,#0000);bottom:0;height:4px;left:0;position:absolute;right:0}.tournament-border-glow-bottom-secondary{background:linear-gradient(90deg,#0000,#f97316,#0000);bottom:8px;height:4px;left:0;position:absolute;right:0}.tournament-border-glow-left{left:0}.tournament-border-glow-left,.tournament-border-glow-right{background:linear-gradient(180deg,#0000,#eab308,#0000);bottom:0;position:absolute;top:0;width:4px}.tournament-border-glow-right{right:0}.tournament-border-red-top{top:0}.tournament-border-red-bottom,.tournament-border-red-top{background:linear-gradient(90deg,#0000,#ef4444,#0000);height:2px;left:0;position:absolute;right:0}.tournament-border-red-bottom{bottom:0}.tournament-giveaway-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#eab308,#f97316);border:1px solid #0003;border-radius:9999px;bottom:8px;box-shadow:0 2px 8px #eab30899;color:#000;display:flex;font-size:10px;font-weight:900;gap:3px;padding:3px 8px;position:absolute;right:8px;z-index:10}.tournament-overlay-giveaway{background:linear-gradient(135deg,#eab3081a,#0000 50%,#fbbf241a);inset:0;pointer-events:none;position:absolute}.tournament-status-base{border:1px solid;border-radius:4px;font-size:12px;font-weight:900;padding:4px 8px;text-transform:uppercase}.tournament-status-lobby{background-color:#eab30833;border-color:#eab308;color:#fbbf24}.tournament-status-lobby-giveaway{background:linear-gradient(90deg,#eab3084d,#fbbf244d);border-color:#eab308;color:#fbbf24}.tournament-status-lobby-high-prize{background-color:#ef444433;border-color:#ef4444;color:#f87171}.tournament-status-deploying{background-color:#fb923c33;border-color:#fb923c;color:#fb923c}.tournament-status-standby{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.tournament-status-active{animation:pulse 2s ease-in-out infinite;background-color:#22c55e33;border-color:#22c55e;color:#22c55e}.tournament-status-completed{background-color:#6b728033;border-color:#6b7280;color:#9ca3af}.tournament-btn-base{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:900;padding:4px 12px;text-transform:uppercase;transition:all .2s ease}.tournament-btn-base:disabled{cursor:not-allowed;opacity:.5}.tournament-btn-deploy{background-color:#059669;color:#fff}.tournament-btn-deploy:hover:not(:disabled){background-color:#047857}.tournament-btn-deploy-giveaway{background:linear-gradient(90deg,#d97706,#ea580c);box-shadow:0 4px 15px #eab3084d;color:#fff}.tournament-btn-deploy-giveaway:hover:not(:disabled){background:linear-gradient(90deg,#b45309,#c2410c)}.tournament-btn-deploy-high-prize{background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff}.tournament-btn-deploy-high-prize:hover:not(:disabled){background:linear-gradient(90deg,#b91c1c,#991b1b)}.tournament-btn-abort{background-color:#ef444433;border:1px solid #ef4444;color:#ef4444}.tournament-btn-abort:hover:not(:disabled){background-color:#ef44444d}.tournament-btn-copy{background-color:#22c55e4d;border:1px solid #22c55e;color:#22c55e}.tournament-btn-copy:hover:not(:disabled){background-color:#22c55e80}.tournament-btn-cancel{background-color:#ef444433;border:1px solid #ef4444;color:#ef4444}.tournament-btn-cancel:hover:not(:disabled){background-color:#ef44444d}.tournament-participant-badge{border:1px solid;border-radius:4px;font-size:12px;font-weight:900;padding:2px 6px}.tournament-participant-self{background-color:#fb923c4d;border-color:#fb923c;color:#fb923c}.tournament-participant-other{background-color:#3b82f64d;border-color:#3b82f6;color:#60a5fa}.tournament-participant-winner{background:linear-gradient(90deg,#eab3084d,#fb923c4d);border-color:#eab308;color:#fbbf24}.tournament-participant-winner-high-prize{background:linear-gradient(90deg,#ef44444d,#fb923c4d);border-color:#ef4444;color:#f87171}.tournament-participant-empty{color:#6b7280;font-size:12px;padding:2px 6px}.tournament-refresh-loading{animation:spin .5s linear infinite}.tournament-countdown-warning{animation:pulse 1s ease-in-out infinite;color:#f87171;font-size:12px;font-weight:900;margin-top:6px}.tournament-tabs{background-color:#1f293780;border-bottom:1px solid #374151;padding:8px}.tournament-tabs-container{display:flex;gap:4px}.tournament-tab{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:900;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s ease}.tournament-tab.active{background-color:#374151;border-bottom:2px solid #eab308;color:#fff}.tournament-tab.inactive{background:#0000;color:#9ca3af}.tournament-tab.inactive:hover{background-color:#37415180;color:#fff}.tournament-tab-count{border-radius:4px;font-size:12px;font-weight:900;padding:2px 6px}.tournament-tab-count.active{background-color:#eab308;color:#000}.tournament-tab-count.inactive{background-color:#4b5563;color:#d1d5db}@media (max-width:480px){.tournament-card-base{border-radius:6px;margin-bottom:8px}.tournament-giveaway-badge{bottom:2px;font-size:9px;gap:2px;padding:2px 6px;right:4px}.tournament-status-base{font-size:10px;padding:3px 6px}.tournament-btn-base{font-size:11px;padding:3px 8px}.tournament-participant-badge,.tournament-participant-empty{font-size:11px;padding:1px 4px}}@media (max-width:768px){.tournament-card-base{margin-bottom:6px}.tournament-giveaway-badge{bottom:4px;font-size:9px;padding:2px 7px;right:6px}.tournament-status-base{font-size:11px;padding:3px 7px}.tournament-btn-base{font-size:12px;padding:3px 10px}.tournament-participant-badge{font-size:12px;padding:2px 5px}}.tournament-participant-filler{background:linear-gradient(135deg,#3b82f64d,#6366f14d);border:2px solid #3b82f6;color:#93c5fd;font-weight:900;overflow:hidden;position:relative}.tournament-participant-filler:before{animation:fillerGlow 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#3b82f6b3,#0000,#6366f1b3,#0000);border-radius:inherit;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes fillerGlow{0%,to{opacity:.4;transform:rotate(0deg)}25%{opacity:.8;transform:rotate(90deg)}50%{opacity:1;transform:rotate(180deg)}75%{opacity:.8;transform:rotate(270deg)}}.tournament-participant-filler{animation:fillerPulse 2s ease-in-out infinite}@keyframes fillerPulse{0%,to{box-shadow:0 0 5px #3b82f64d;transform:scale(1)}50%{box-shadow:0 0 15px #3b82f699;transform:scale(1.05)}}.tournament-participant-filler .text-xs{color:#dbeafe;font-weight:700;text-shadow:0 1px 2px #00000080}.tournament-participant-filler:hover{background:linear-gradient(135deg,#3b82f680,#6366f180);box-shadow:0 4px 12px #3b82f666;color:#dbeafe;transform:translateY(-1px)}.tournament-card-giveaway.has-fillers{box-shadow:0 0 30px #eab308cc,0 0 60px #eab30899,0 0 90px #eab30866,0 0 20px #3b82f64d,inset 0 0 30px #eab3084d,inset 0 0 60px #eab30833,inset 0 0 90px #eab3081a}.tournament-card-high-prize.has-fillers{box-shadow:0 4px 25px #ef444433,0 0 15px #3b82f633}.tournament-card-standard.has-fillers{box-shadow:0 4px 15px #0003,0 0 10px #3b82f61a}.tournament-filler-count{align-items:center;animation:fillerCountPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f64d,#6366f14d);border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;display:inline-flex;font-size:11px;font-weight:900;gap:3px;padding:2px 6px}@keyframes fillerCountPulse{0%,to{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}50%{background:linear-gradient(135deg,#3b82f680,#6366f180)}}@media (max-width:480px){.tournament-participant-filler{border-width:1px;font-size:10px;padding:1px 4px}.tournament-participant-filler:before{bottom:-1px;left:-1px;right:-1px;top:-1px}.tournament-participant-filler .text-xs{font-size:8px}.tournament-filler-count{font-size:9px;gap:2px;padding:1px 4px}}@media (max-width:640px){.tournament-participant-filler{font-size:11px;padding:2px 5px}.tournament-filler-count{font-size:10px;padding:2px 5px}}html.rtl-layout .tournament-participant-filler,html[dir=rtl] .tournament-participant-filler{direction:rtl;text-align:right;unicode-bidi:plaintext}html.rtl-layout .tournament-filler-count,html[dir=rtl] .tournament-filler-count{direction:rtl;flex-direction:row-reverse}@media (prefers-contrast:high){.tournament-participant-filler{background:#3b82f6cc;border-width:3px;color:#fff}.tournament-filler-count{background:#3b82f6cc;border-width:2px;color:#fff}}@media (prefers-reduced-motion:reduce){.tournament-filler-count,.tournament-participant-filler,.tournament-participant-filler:before{animation:none}.tournament-participant-filler:hover{transform:none}}.tournament-participant-filler:focus{outline:2px solid #3b82f6;outline-offset:2px}.tournament-card-base.has-fillers .tournament-border-glow-left,.tournament-card-base.has-fillers .tournament-border-glow-right{background:linear-gradient(180deg,#0000,#eab308,#3b82f680,#eab308,#0000)}.tournament-card-giveaway.has-fillers .gold-glow{animation:goldGlowWithFillers 2s ease-in-out infinite}@keyframes goldGlowWithFillers{0%,to{box-shadow:0 0 20px #eab308cc,0 0 40px #eab30899,0 0 60px #eab30866,0 0 10px #3b82f64d,inset 0 0 20px #eab3084d,inset 0 0 40px #eab30833;transform:scale(1)}50%{box-shadow:0 0 30px #eab308,0 0 60px #eab308cc,0 0 90px #eab30899,0 0 20px #3b82f680,inset 0 0 30px #eab30866,inset 0 0 60px #eab3084d;transform:scale(1.01)}}.tournament-participant-filler-winner{animation:fillerWinnerGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#eab30866,#3b82f666);border:2px solid #eab308;color:#fbbf24;position:relative}@keyframes fillerWinnerGlow{0%,to{box-shadow:0 0 10px #eab30899}50%{box-shadow:0 0 20px #eab308cc}}.tournament-participant-filler-winner:after{animation:crownBounce 1s ease-in-out infinite;content:"👑";font-size:12px;position:absolute;right:-4px;top:-8px}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.filler-management{background:#11182766;border:1px solid #3741514d;border-radius:6px;margin-top:8px;padding:8px}.filler-list{margin-bottom:8px}.filler-list-header{align-items:center;color:#60a5fa;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.filler-list-title{color:#60a5fa}.filler-list-content{display:flex;flex-direction:column;gap:4px}.filler-participant{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:11px;font-weight:600;justify-content:space-between;padding:6px 8px;transition:all .2s ease}.filler-participant-mine{background-color:#3b82f633;border-color:#3b82f6;color:#93c5fd}.filler-participant-other{background-color:#6b728033;border-color:#6b7280;color:#d1d5db}.filler-participant:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.filler-participant-content{align-items:center;display:flex;flex:1 1;gap:6px}.filler-participant-icon{color:#60a5fa;flex-shrink:0}.filler-participant-name{font-weight:700;word-break:break-word}.filler-participant-owner{font-size:10px;font-style:italic;opacity:.8}.filler-participant-remove{align-items:center;background:#ef44444d;border:1px solid #ef4444;border-radius:3px;color:#fca5a5;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:all .2s ease}.filler-participant-remove:hover:not(:disabled){background:#ef444480;color:#fecaca;transform:scale(1.1)}.filler-participant-remove:disabled{cursor:not-allowed;opacity:.5;transform:none}.filler-add-section{display:flex;flex-direction:column;gap:4px}.filler-add-btn{align-items:center;background:linear-gradient(90deg,#3b82f64d,#6366f14d);border:1px solid #3b82f6;border-radius:6px;color:#93c5fd;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease}.filler-add-btn:hover:not(:disabled){background:linear-gradient(90deg,#3b82f680,#6366f180);box-shadow:0 4px 8px #3b82f633;color:#dbeafe;transform:translateY(-1px)}.filler-add-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.filler-add-cost{color:#fbbf24;font-size:11px;font-weight:600}.filler-add-cost-free{animation:pulse 2s ease-in-out infinite;color:#10b981}.filler-insufficient-points{align-items:center;background-color:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px}.filler-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.filler-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #374151;border-radius:16px;box-shadow:0 25px 50px -12px #000c;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filler-modal-header{align-items:center;border-bottom:1px solid #374151;display:flex;gap:12px;margin-bottom:1.5rem;padding:1.5rem 1.5rem 1rem;position:relative}.filler-modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.filler-modal-title{color:#fff;flex-grow:1;font-size:1.25rem;font-weight:700;margin:0}.filler-modal-close{align-items:center;background:#374151;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.filler-modal-close:hover{background:#4b5563;color:#fff}.filler-modal-content{padding:0 1.5rem 1.5rem}.filler-info-section{background:#3741514d;border:1px solid #374151;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.filler-info-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.filler-info-item:last-child{margin-bottom:0}.filler-info-label{color:#9ca3af;font-size:.875rem;font-weight:500}.filler-info-value{color:#fff;font-weight:600}.filler-cost-free{animation:pulse 2s ease-in-out infinite;color:#10b981!important}.filler-cost-paid{color:#f59e0b!important}.filler-form{gap:1rem}.filler-form,.filler-form-field{display:flex;flex-direction:column}.filler-form-field{gap:.5rem}.filler-form-label{color:#fff;font-size:.875rem;font-weight:600}.filler-form-input{background:#374151;border:1px solid #4b5563;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.filler-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filler-form-input:disabled{cursor:not-allowed;opacity:.5}.filler-form-input::placeholder{color:#9ca3af}.filler-form-help{color:#9ca3af;font-size:.75rem;font-style:italic}.filler-cost-warning{background:#fbbf241a;border:1px solid #f59e0b;border-radius:8px;color:#fbbf24}.filler-cost-warning,.filler-giveaway-info{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.filler-giveaway-info{background:#10b9811a;border:1px solid #10b981;border-radius:8px;color:#10b981}.filler-form-actions{display:flex;gap:.75rem;margin-top:1rem}.filler-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease}.filler-btn-cancel{background:#374151;color:#9ca3af}.filler-btn-cancel:hover:not(:disabled){background:#4b5563;color:#fff}.filler-btn-add{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.filler-btn-add:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.filler-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}html.rtl-layout,html.rtl-layout body .filler-modal-overlay{direction:rtl!important}html.rtl-layout body .filler-modal,html.rtl-layout body .filler-modal-header{direction:rtl!important;text-align:right!important}html.rtl-layout body .filler-modal-header{flex-direction:row-reverse!important}html.rtl-layout body .filler-modal-title{text-align:right!important}html.rtl-layout body .filler-info-section,html.rtl-layout body .filler-modal-content{direction:rtl!important;text-align:right!important}html.rtl-layout body .filler-info-item{align-items:center!important;direction:rtl!important;display:flex!important;flex-direction:row-reverse!important;justify-content:space-between!important;width:100%!important}html.rtl-layout body .filler-info-label{color:#9ca3af!important;flex:1 1!important;font-size:.875rem!important;font-weight:500!important;order:2!important;text-align:right!important}html.rtl-layout body .filler-info-value{color:#fff!important;flex:0 0 auto!important;font-weight:600!important}html.rtl-layout body .filler-info-value,html.rtl-layout body .filler-info-value.filler-cost-free,html.rtl-layout body .filler-info-value.filler-cost-paid{direction:ltr!important;order:1!important;text-align:left!important}html.rtl-layout body .filler-form{direction:rtl!important}html.rtl-layout body .filler-form-field{direction:rtl!important;text-align:right!important}html.rtl-layout body .filler-form-label{text-align:right!important}html.rtl-layout body .filler-form-input,html.rtl-layout body .filler-form-input::placeholder{direction:rtl!important;text-align:right!important}html.rtl-layout body .filler-form-help{text-align:right!important}html.rtl-layout body .filler-cost-warning{direction:rtl!important;flex-direction:row-reverse!important;text-align:right!important}html.rtl-layout body .filler-cost-warning svg{margin-left:.5rem!important;margin-right:0!important;order:2!important}html.rtl-layout body .filler-giveaway-info{direction:rtl!important;flex-direction:row-reverse!important;text-align:right!important}html.rtl-layout body .filler-giveaway-info svg{margin-left:.5rem!important;margin-right:0!important;order:2!important}html.rtl-layout body .filler-form-actions{direction:rtl!important;flex-direction:row-reverse!important}html.rtl-layout body .filler-btn{direction:rtl!important;text-align:center!important}html.rtl-layout body .filler-management{direction:rtl!important}html.rtl-layout body .filler-add-btn,html.rtl-layout body .filler-insufficient-points,html.rtl-layout body .filler-list-header,html.rtl-layout body .filler-participant,html.rtl-layout body .filler-participant-content{flex-direction:row-reverse!important}html.rtl-layout body .filler-insufficient-points svg{margin-left:.5rem!important;margin-right:0!important;order:2!important}html.rtl-layout body .filler-modal div,html.rtl-layout body .filler-modal h1,html.rtl-layout body .filler-modal h2,html.rtl-layout body .filler-modal h3,html.rtl-layout body .filler-modal h4,html.rtl-layout body .filler-modal h5,html.rtl-layout body .filler-modal h6,html.rtl-layout body .filler-modal p,html.rtl-layout body .filler-modal span:not(.filler-info-value){direction:rtl!important;text-align:right!important}html.rtl-layout body .filler-modal .text-center{text-align:center!important}@media (max-width:640px){.filler-modal-overlay{padding:.5rem}.filler-modal{border-radius:12px;margin:0;max-height:95vh}.filler-modal-header{margin-bottom:1rem;padding:1rem 1rem 0}.filler-modal-content{padding:0 1rem 1rem}.filler-modal-title{font-size:1.125rem}.filler-form-actions{flex-direction:column}.filler-btn{width:100%}.filler-management{padding:6px}.filler-add-btn{font-size:11px;padding:6px 10px}.filler-participant{font-size:10px;padding:4px 6px}.filler-participant-owner{font-size:9px}html.rtl-layout body .filler-modal-header{flex-direction:row-reverse!important;padding:1rem 1rem 0!important}html.rtl-layout body .filler-modal-content{direction:rtl!important;padding:0 1rem 1rem!important;text-align:right!important}html.rtl-layout body .filler-form-actions{direction:rtl!important;flex-direction:column!important}html.rtl-layout body .filler-info-item{flex-direction:row-reverse!important}}@media (max-width:480px){.filler-modal{max-width:none;width:calc(100vw - 1rem)}.filler-info-section{padding:.75rem}.filler-info-item{font-size:.8125rem}.filler-form-input{font-size:.875rem;padding:.625rem}}.filler-add-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.filler-modal-close:focus,.filler-participant-remove:focus{outline:2px solid #ef4444;outline-offset:2px}.filler-form-input:focus{outline:2px solid #3b82f6;outline-offset:2px}.filler-btn:focus{outline:2px solid currentColor;outline-offset:2px}@media (prefers-contrast:high){.filler-modal{border-width:3px}.filler-add-btn,.filler-participant{border-width:2px}.filler-btn{border-width:3px}.filler-modal-overlay{background:#000000e6}}@media (prefers-reduced-motion:reduce){.filler-add-btn,.filler-btn,.filler-participant,.filler-participant-remove{transition:none}.filler-add-btn:hover,.filler-btn:hover,.filler-participant-remove:hover,.filler-participant:hover{transform:none}.filler-add-cost-free,.filler-cost-free,.filler-modal,.filler-modal-overlay{animation:none}}@media (prefers-color-scheme:dark){.filler-modal{background:linear-gradient(135deg,#0f172a,#020617);border-color:#1e293b}.filler-info-section{background:#1e293b66;border-color:#1e293b}.filler-form-input{background:#1e293b;border-color:#334155}}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #f9731680,0 0 40px #f973164d,inset 0 0 20px #f9731633}50%{box-shadow:0 0 30px #f97316b3,0 0 60px #f9731680,inset 0 0 30px #f973164d}}.pulse-icon{animation:pulse-icon 2s ease-in-out infinite}.create-tournament-container{background:linear-gradient(135deg,#1f2937,#111827);background-clip:padding-box,border-box;background-image:linear-gradient(#1f2937,#111827),linear-gradient(135deg,#f97316,#ea580c,#dc2626);background-origin:border-box;border:2px solid #0000;border-radius:12px;box-shadow:0 20px 40px -10px #0000004d,0 0 80px #f973161a;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.create-tournament-container:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#f973161a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.create-tournament-container:hover{box-shadow:0 25px 50px -12px #0006,0 0 100px #f9731633;transform:translateY(-2px)}.create-tournament-header{align-items:center;background:linear-gradient(135deg,#f973161a,#0000);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s ease}.create-tournament-header:after{background:linear-gradient(90deg,#0000,#f97316,#0000);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.create-tournament-header.minimized:hover{background:linear-gradient(135deg,#f9731633,#dc26261a)}.create-tournament-header.minimized:hover:after{opacity:1}.create-tournament-header.expanded{background:linear-gradient(135deg,#111827cc,#1f293799);border-bottom:2px solid #f973164d}.create-tournament-header-content{align-items:center;display:flex;gap:16px}.create-tournament-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:900;letter-spacing:1px;margin:0;text-shadow:0 2px 10px #f9731680;text-transform:uppercase}.create-tournament-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#37415180;border:1px solid #4b556380;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .3s ease}.create-tournament-toggle:hover{background:#f973164d;border-color:#f97316;color:#fff;transform:scale(1.1)}.create-tournament-form-container{background:linear-gradient(180deg,#11182780,#1f29374d);padding:32px 24px}.create-tournament-form{display:flex;flex-direction:column;gap:24px}.create-tournament-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.create-tournament-grid{grid-template-columns:repeat(4,1fr)}}.create-tournament-field{display:flex;flex-direction:column;position:relative}.create-tournament-field.col-span-2{grid-column:span 2}@media (min-width:768px){.create-tournament-field.col-span-2{grid-column:span 2}}.create-tournament-label{color:#fff;display:block;font-size:15px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.create-tournament-input,.create-tournament-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#374151cc,#1f2937e6);border:2px solid #4b556380;border-radius:10px;color:#fff;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.create-tournament-input:focus,.create-tournament-select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731633,0 4px 12px #f973164d;outline:none;transform:translateY(-2px)}.create-tournament-input:hover:not(:disabled),.create-tournament-select:hover:not(:disabled){border-color:#f9731680}.create-tournament-input:disabled,.create-tournament-select:disabled{cursor:not-allowed;opacity:.5}.create-tournament-input::placeholder{color:#9ca3af;font-style:italic}.create-tournament-input-display{background:linear-gradient(135deg,#37415180,#1f2937b3);border:2px solid #4b556380;border-radius:10px;color:#9ca3af;font-size:15px;font-style:italic;font-weight:500;padding:12px 16px}.br-team-management{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:2px solid #3b82f64d;border-radius:12px;margin-top:8px;padding:20px}.squad-selection{background:#11182799;border-radius:10px;margin-top:12px;padding:16px}.squad-header{align-items:center;color:#60a5fa;display:flex;font-size:16px;font-weight:700;gap:12px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.squadmate-slot{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:2px solid #3b82f633;border-radius:10px;margin-bottom:12px;padding:16px;transition:all .3s ease}.squadmate-slot:hover{border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.squadmate-input-group{display:flex;gap:12px;margin-bottom:8px}.squadmate-input-group input{flex:1 1}.squadmate-input-group input.random-slot{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border-color:#22c55e80;color:#86efac;font-weight:600}.squadmate-input-group input.empty-slot{background:linear-gradient(135deg,#6b728033,#4b55631a);border-color:#6b72804d;color:#9ca3af;font-style:italic}.squadmate-toggle-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;min-width:50px;padding:12px 16px;transition:all .3s ease}.squadmate-toggle-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}.squadmate-status{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px}.status-empty{color:#9ca3af;font-style:italic}.status-random{animation:pulse-icon 2s ease-in-out infinite;color:#86efac}.status-specific{color:#60a5fa}.squad-help-text{background:#11182780;border-left:3px solid #3b82f6;border-radius:6px;color:#9ca3af;font-size:13px;font-style:italic;margin-top:12px;padding:8px 12px}.br-info-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;font-size:15px;font-weight:600;margin-top:12px;padding:16px}.solo-info{background:linear-gradient(135deg,#6b728033,#4b55631a);border:2px solid #6b728066;color:#d1d5db}.random-info{animation:glow-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:2px solid #22c55e66;color:#86efac}.giveaway-participation-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px}.participation-option{align-items:center;background:linear-gradient(135deg,#1f2937cc,#111827e6);border:2px solid #6b72804d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-align:center;transition:all .3s ease}.participation-option:hover{background:linear-gradient(135deg,#f973161a,#111827e6);border-color:#f9731680;transform:translateY(-2px)}.participation-option.active{background:linear-gradient(135deg,#f9731633,#ea580c1a);border-color:#f97316;box-shadow:0 0 20px #f973164d}.participation-icon{display:block;font-size:32px}.participation-title{color:#f3f4f6;font-size:15px;font-weight:700}.participation-option.active .participation-title{color:#f97316}.participation-desc{color:#9ca3af;font-size:12px;line-height:1.3}.participation-option.active .participation-desc{color:#d1d5db}.sponsor-info-box{background:linear-gradient(135deg,#9333ea26,#7e22ce1a);border:2px solid #9333ea66;border-radius:10px;color:#c4b5fd;font-size:13px;font-weight:500;margin-top:12px;padding:14px 16px;text-align:center}@media (max-width:480px){.giveaway-participation-options{grid-template-columns:1fr}.participation-option{padding:16px 12px}.participation-icon{font-size:28px}.participation-title{font-size:14px}}.weapon-selection{background:linear-gradient(135deg,#6366f11a,#4f46e50d);border:2px solid #6366f14d;border-radius:12px;margin-top:8px;padding:20px}.weapon-selection-help{color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:16px;text-align:center}.weapon-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.weapon-btn{align-items:center;background:linear-gradient(135deg,#37415199,#1f2937cc);border:2px solid #4b55634d;border-radius:10px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px;transition:all .3s ease}.weapon-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b556399,#374151cc);border-color:#6366f180;box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.weapon-btn.selected{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f666;color:#dbeafe}.weapon-icon{flex-shrink:0;font-size:20px}.weapon-name{flex:1 1;text-align:left}.weapon-check{color:#10b981;flex-shrink:0;font-size:18px;font-weight:900}.selected-weapons{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-top:12px;padding:12px}.selected-weapons-header{color:#93c5fd;font-size:13px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.selected-weapon-tag{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#dbeafe;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.no-weapons-selected{background:#3741514d;border:2px dashed #4b556380;border-radius:8px;color:#9ca3af;font-size:14px;font-style:italic;padding:16px;text-align:center}.create-tournament-prize-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid;border-radius:12px;margin-top:24px;overflow:hidden;padding:24px;position:relative}.create-tournament-prize-display:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.create-tournament-prize-display.giveaway{background:linear-gradient(135deg,#a855f733,#8b5cf61a);border-color:#a855f7;box-shadow:0 8px 24px #a855f74d}.create-tournament-prize-display.regular{background:linear-gradient(135deg,#10b98133,#0596691a);border-color:#10b981;box-shadow:0 8px 24px #10b9814d}.create-tournament-prize-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.create-tournament-prize-icon{background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #a855f766;padding:12px}.create-tournament-prize-title{color:#c4b5fd;font-size:20px;font-weight:800;letter-spacing:1px;margin:0;text-shadow:0 2px 8px #c4b5fd80;text-transform:uppercase}.create-tournament-prize-title.giveaway{color:#c4b5fd}.create-tournament-prize-title.regular{color:#6ee7b7}.create-tournament-prize-details{display:flex;flex-direction:column;gap:12px}.create-tournament-prize-item{color:#c4b5fd;font-size:18px;font-weight:700;text-shadow:0 2px 6px #0000004d}.create-tournament-prize-item.giveaway{color:#c4b5fd}.create-tournament-prize-item.regular{color:#6ee7b7}.create-tournament-prize-sub{color:#ddd6fe;font-size:15px;font-weight:600}.create-tournament-prize-sub.giveaway{color:#ddd6fe}.create-tournament-prize-sub.regular{color:#a7f3d0}.create-tournament-prize-cost{color:#f87171;font-weight:900;text-shadow:0 2px 6px #f8717180}.create-tournament-prize-commission{color:#ddd6fe;font-size:14px;font-weight:600}.create-tournament-prize-commission.giveaway{color:#ddd6fe}.create-tournament-prize-commission.regular{color:#a7f3d0}.create-tournament-prize-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:8px;margin-top:16px;padding:16px}.create-tournament-prize-info.giveaway{background:#7c2d124d;border-color:#a855f7}.create-tournament-prize-info.regular{background:#064e3b4d;border-color:#059669}.create-tournament-prize-info p{color:#c4b5fd;font-size:14px;line-height:1.6;margin:0}.create-tournament-prize-info.giveaway p{color:#c4b5fd}.create-tournament-prize-info.regular p{color:#6ee7b7}.create-tournament-warning{animation:glow-pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid;border-radius:10px;margin-top:16px;padding:16px}.create-tournament-warning.custom-mode,.create-tournament-warning.insufficient-points{background:linear-gradient(135deg,#dc262633,#b91c1c1a);border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.create-tournament-warning.quick-solo{background:linear-gradient(135deg,#eab30833,#ca8a041a);border-color:#eab308;box-shadow:0 4px 12px #eab3084d}.create-tournament-warning p{color:#fecaca;font-size:14px;font-weight:600;line-height:1.6;margin:0}.create-tournament-warning.quick-solo p{color:#fde68a}.create-tournament-warning-block{border-top:1px solid #ffffff1a;display:block;margin-top:8px;padding-top:8px}.create-tournament-actions{display:flex;gap:12px}.create-tournament-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:900;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}.create-tournament-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.create-tournament-btn:hover:before{height:300px;width:300px}.create-tournament-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.create-tournament-btn-submit{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 8px 24px #ea580c66;color:#fff}.create-tournament-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#b91c1c);box-shadow:0 12px 32px #ea580c80;transform:translateY(-2px)}.create-tournament-btn-submit.giveaway{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 8px 24px #a855f766}.create-tournament-btn-submit.giveaway:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 12px 32px #a855f780}.create-tournament-btn-minimize{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #4b55634d;color:#fff;padding:14px 20px}.create-tournament-btn-minimize:hover:not(:disabled){background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 6px 16px #4b556366;transform:translateY(-2px)}@media (max-width:768px){.create-tournament-grid{grid-template-columns:1fr}.create-tournament-field.col-span-2{grid-column:span 1}.create-tournament-actions{flex-direction:column}.create-tournament-btn{flex:none}.weapon-grid{grid-template-columns:1fr}.squad-selection{padding:12px}}@media (max-width:480px){.create-tournament-title{font-size:18px}.create-tournament-form-container{padding:20px 16px}.weapon-btn{font-size:13px}.squadmate-slot,.weapon-btn{padding:12px}.br-team-management{padding:16px}}.create-tournament-btn:focus{outline:3px solid #f97316;outline-offset:3px}.weapon-btn:focus{outline:2px solid #6366f1;outline-offset:2px}.squadmate-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.create-tournament-container,.create-tournament-input,.create-tournament-select{border-width:3px}}.profile-management{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:linear-gradient(145deg,#1f2937,#111827);border:1px solid #f97316;border-radius:12px;box-shadow:0 10px 25px #0000004d,0 4px 6px #0000001a,inset 0 1px 0 #f973161a;overflow:hidden;padding:1.5rem;position:relative}.profile-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f97316,#ea580c,#f97316);content:"";height:2px;left:0;position:absolute;right:0;top:0}.profile-section-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.profile-section-icon{color:#f97316;height:1.25rem;width:1.25rem}.profile-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#37415199;border:1px solid #f9731633;border-radius:8px;padding:1rem}.profile-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.profile-info-grid{grid-template-columns:1fr 1fr}}.profile-info-column{display:flex;flex-direction:column;gap:.75rem}.profile-info-item{display:flex;flex-direction:column;gap:.25rem}.profile-info-label{color:#d1d5db;font-size:.875rem;font-weight:600}.profile-info-value{color:#fff;font-weight:500}.profile-points{color:#fbbf24;font-size:1.1rem;font-weight:700}.profile-role{font-weight:700}.profile-role-main_admin{color:#f87171}.profile-role-supervisor{color:#c084fc}.profile-role-approver{color:#60a5fa}.profile-role-player{color:#34d399}.profile-member-since{color:#9ca3af}.profile-actions-buttons{display:flex;gap:.5rem;margin-top:1rem}.profile-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease}.profile-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-action-btn:hover:before{left:100%}.profile-edit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;color:#fff}.profile-edit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.profile-password-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.profile-password-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.profile-action-icon{height:1rem;width:1rem}.stats-section{background:linear-gradient(145deg,#1f2937,#111827);border:1px solid #f97316;border-radius:16px;box-shadow:0 20px 40px #0006,0 8px 16px #0003,inset 0 1px 0 #f973161a;overflow:hidden;padding:2rem;position:relative}.stats-section:before{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(90deg,#f97316,#ea580c,#dc2626,#ea580c,#f97316);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.stats-header{align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.stats-title{font-size:1.5rem;gap:.75rem;margin:0}.stats-title-icon{color:#f97316;filter:drop-shadow(0 0 8px rgba(249,115,22,.3));height:1.5rem;width:1.5rem}.performance-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f9731633,#ea580c1a);border:1px solid #f973164d;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.performance-icon{color:#fbbf24;height:1rem;width:1rem}.performance-level{font-size:.875rem;font-weight:600}.performance-elite{color:#a855f7}.performance-pro{color:#3b82f6}.performance-advanced{color:#10b981}.performance-average{color:#f59e0b}.performance-beginner{color:#ef4444}.stats-loading{align-items:center;display:flex;gap:1rem;justify-content:center;padding:4rem 0}.stats-spinner{animation:spin 1s linear infinite;border:3px solid #f973164d;border-radius:50%;border-top-color:#f97316;height:2rem;width:2rem}.stats-loading-text{color:#9ca3af;font-size:1rem}.stats-container{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card{border-radius:16px;cursor:pointer;height:140px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.stat-card:hover:before{transform:translateX(100%)}.stat-card:hover{transform:translateY(-8px) scale(1.02)}.stat-card-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem;position:relative}.stat-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2.5rem}.stat-icon{color:#fff;height:1.25rem;width:1.25rem}.stat-content{flex:1 1;flex-direction:column;justify-content:center;z-index:2}.stat-value{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.stat-label{color:#fff;font-size:.875rem;font-weight:600;opacity:.9}.stat-decoration{bottom:0;height:4px;left:0;opacity:.8;position:absolute;right:0}.stat-total{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #3b82f64d;box-shadow:0 8px 32px #3b82f633}.stat-total .stat-decoration{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.stat-wins{background:linear-gradient(135deg,#10b981,#047857);border:1px solid #10b9814d;box-shadow:0 8px 32px #10b98133}.stat-wins .stat-decoration{background:linear-gradient(90deg,#34d399,#10b981)}.stat-losses{background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #ef44444d;box-shadow:0 8px 32px #ef444433}.stat-losses .stat-decoration{background:linear-gradient(90deg,#f87171,#ef4444)}.stat-winrate{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid #8b5cf64d;box-shadow:0 8px 32px #8b5cf633;position:relative}.stat-winrate .stat-decoration{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.stat-progress{background:#fff3;bottom:0;height:6px;left:0;position:absolute;right:0}.stat-progress-fill{background:linear-gradient(90deg,#fffc,#fff9);border-radius:0 3px 3px 0;height:100%;transition:width 1s ease-out}.stat-ratio{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b4d;box-shadow:0 8px 32px #f59e0b33}.stat-ratio .stat-decoration{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.stats-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#111827cc,#1f293799);border:1px solid #f9731633;border-radius:12px;padding:1.5rem}.summary-content{text-align:center}.summary-title{color:#f97316;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.summary-text{color:#d1d5db;line-height:1.6;margin:0}.summary-text strong{color:#f97316;font-weight:600}.withdrawal-empty-state{align-items:center;display:flex;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:300px}.empty-state-icon{color:#6b7280;height:3rem;opacity:.6;width:3rem}.empty-state-title{color:#d1d5db;font-size:1.125rem;margin:0}.empty-state-description{color:#9ca3af;font-size:.875rem;line-height:1.5;margin:0}.withdrawal-list{display:flex;flex-direction:column;gap:1rem}.withdrawal-item{background:#37415166;border:1px solid #f973161a;border-radius:8px;padding:1rem;transition:all .3s ease}.withdrawal-item:hover{background:#37415199;border-color:#f9731633}.withdrawal-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem}.withdrawal-amount,.withdrawal-header{align-items:center;display:flex;gap:.5rem}.amount-icon{color:#fbbf24;height:1rem;width:1rem}.amount-value{color:#fbbf24;font-size:1.125rem;font-weight:700}.withdrawal-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .75rem}.status-icon{height:.875rem;width:.875rem}.withdrawal-status-completed{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.withdrawal-status-completed .status-icon{color:#10b981}.withdrawal-status-pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.withdrawal-status-pending .status-icon{color:#f59e0b}.withdrawal-status-failed{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.withdrawal-status-failed .status-icon{color:#ef4444}.withdrawal-status-unknown{background:#6b728033;border:1px solid #6b72804d;color:#9ca3af}.withdrawal-status-unknown .status-icon{color:#6b7280}.withdrawal-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width:640px){.withdrawal-details{grid-template-columns:repeat(2,1fr)}}.withdrawal-detail-item{display:flex;flex-direction:column;gap:.125rem}.detail-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.detail-value{color:#d1d5db;font-size:.875rem;font-weight:500}.transaction-id{background:#37415199;border:1px solid #f973161a;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.profile-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.profile-modal{animation:slideIn .3s ease;background:linear-gradient(145deg,#1f2937,#111827);border:1px solid #f97316;border-radius:16px;box-shadow:0 25px 50px #00000080,0 0 0 1px #f9731633;margin:0 1rem;max-width:28rem;padding:2rem;position:relative;width:100%}.profile-modal.password-modal{border-color:#8b5cf6;box-shadow:0 25px 50px #00000080,0 0 0 1px #8b5cf633}.profile-modal h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.profile-modal-icon{color:#f97316;height:1.25rem;width:1.25rem}.password-modal .profile-modal-icon{color:#8b5cf6}.profile-form{gap:1.5rem}.profile-field,.profile-form{display:flex;flex-direction:column}.profile-label{color:#d1d5db;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.profile-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#374151cc;border:2px solid #4b5563;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.profile-input:focus{background:#374151e6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-input:disabled{cursor:not-allowed;opacity:.6}.profile-password-field{position:relative}.profile-password-toggle{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.profile-password-toggle:hover{background:#ffffff1a;color:#fff}.profile-toggle-icon{height:1rem;width:1rem}.profile-warning{align-items:center;color:#f87171;display:flex;font-size:.875rem;gap:.25rem;margin-top:.5rem}.profile-password-strength{margin-top:.75rem}.profile-strength-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.profile-strength-progress{background:#4b5563;border-radius:9999px;flex:1 1;height:8px;overflow:hidden}.profile-strength-fill{border-radius:9999px;height:100%;transition:all .5s ease}.profile-strength-fill.weak{background:linear-gradient(90deg,#ef4444,#dc2626)}.profile-strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.profile-strength-fill.strong{background:linear-gradient(90deg,#10b981,#059669)}.profile-strength-text{font-size:.75rem;font-weight:600;min-width:4rem}.profile-strength-text.weak{color:#f87171}.profile-strength-text.medium{color:#fbbf24}.profile-strength-text.strong{color:#34d399}.profile-strength-hint{color:#9ca3af;font-size:.75rem;line-height:1.4}.profile-password-match{font-size:.875rem;font-weight:500;margin-top:.5rem}.profile-password-match.match{color:#34d399}.profile-password-match.no-match{color:#f87171}.profile-security-notice{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);border:1px solid #3b82f64d;border-radius:8px;padding:1rem}.profile-security-notice p{color:#93c5fd;font-size:.875rem;line-height:1.6;margin:0}.profile-actions{display:flex;gap:.75rem;margin-top:.5rem}.profile-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .3s ease}.profile-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-btn:hover:before{left:100%}.profile-btn:disabled{cursor:not-allowed;opacity:.6}.profile-btn:disabled:before{display:none}.profile-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;color:#fff}.profile-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.profile-btn-password{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.profile-btn-password:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.profile-btn-cancel{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #4b55634d;color:#fff}.profile-btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 6px 20px #4b556366;transform:translateY(-2px)}.profile-test-password-btn{background:linear-gradient(135deg,#4b5563,#374151);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem;transition:all .3s ease}.profile-test-password-btn:hover{background:linear-gradient(135deg,#374151,#1f2937);transform:translateY(-1px)}@media (max-width:640px){.profile-section,.stats-section{padding:1rem}.stats-header{align-items:flex-start;flex-direction:column}.stats-title{font-size:1.25rem}.stat-card{height:120px}.stat-card-inner{padding:1rem}.stat-value{font-size:1.875rem}.profile-actions,.profile-actions-buttons,.withdrawal-header{flex-direction:column}.withdrawal-header{align-items:flex-start}.withdrawal-details{grid-template-columns:1fr}.withdrawal-detail-item{align-items:center;flex-direction:row;justify-content:space-between}.detail-label{font-size:.875rem;text-transform:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-btn:focus,.profile-input:focus,.profile-password-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme:dark){.profile-modal-overlay{background:#000c}}.paypal-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.paypal-modal{background-color:#1f2937;border:1px solid #374151;border-radius:16px;max-height:90vh;max-width:1400px;overflow:auto;position:relative;width:100%}.paypal-modal-header{background:linear-gradient(90deg,#3b82f61a,#9333ea1a,#ec48991a);border-bottom:1px solid #374151;border-radius:16px 16px 0 0;padding:24px}.paypal-close-button{align-items:center;background-color:#374151cc;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px;z-index:10}.paypal-header-content{align-items:center;display:flex;gap:12px}.paypal-header-icon{background:linear-gradient(to bottom right,#3b82f6,#8b5cf6);border-radius:12px;padding:8px}.paypal-header-text h2{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:24px;font-weight:700;margin:0 0 4px}.paypal-header-text p{color:#9ca3af;margin:0}.paypal-modal-content{padding:24px}.package-selection-header{margin-bottom:24px}.package-selection-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 8px}.package-selection-description{color:#9ca3af;font-size:14px;margin:0}.packages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}@media (min-width:1400px){.packages-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.packages-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1800px){.packages-grid{grid-template-columns:repeat(7,1fr)}}.package-card{background-color:#374151;border:2px solid #374151;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.package-card.selected{background-color:#3b82f61a;border-color:#3b82f6;transform:scale(1.02)}.package-card.popular{background-color:#f59e0b1a;border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}.package-badge{background-color:#6b7280;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:-8px;top:-8px;transform:rotate(12deg)}.package-badge.popular{background:linear-gradient(90deg,#f59e0b,#f97316);color:#000}.package-icon{display:flex;justify-content:center;margin-bottom:12px}.package-icon-wrapper{background-color:#37415180;border-radius:8px;padding:8px}.package-icon-wrapper.selected{background-color:#fff3}.package-points{margin-bottom:12px;text-align:center}.package-points-number{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.package-points-label{color:#9ca3af;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.package-price{margin-bottom:12px;text-align:center}.package-price-number{color:#10b981;font-size:20px;font-weight:700;margin-bottom:4px}.package-price-label{color:#9ca3af;font-size:12px}.package-savings{margin-bottom:12px;text-align:center}.savings-badge{background-color:#10b98133;border-radius:12px;color:#10b981;font-size:12px;font-weight:700;padding:4px 8px}.package-description{color:#d1d5db;font-size:12px;margin-bottom:12px;text-align:center}.package-features{font-size:11px}.package-feature{align-items:center;color:#d1d5db;display:flex;gap:8px;margin-bottom:4px}.feature-dot{background-color:#10b981;border-radius:50%;height:4px;width:4px}.selection-indicator{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.selected-summary{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.selected-summary-left{align-items:center;display:flex;gap:12px}.selected-summary-icon{background-color:#3b82f633;border-radius:8px;padding:8px}.selected-summary-text h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.selected-summary-text p{color:#d1d5db;font-size:14px;margin:0}.selected-summary-price{text-align:right}.selected-summary-amount{color:#10b981;font-size:20px;font-weight:700}.selected-summary-rate{color:#9ca3af;font-size:12px}.payment-section{background-color:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;margin-bottom:16px;padding:16px}.payment-info{align-items:flex-start;display:flex;gap:12px}.payment-info-icon{background-color:#f59e0b33;border-radius:8px;margin-top:4px;padding:8px}.payment-info-text h4{color:#f59e0b;font-size:16px;font-weight:700;margin:0 0 8px}.payment-info-list{color:#fbbf24;font-size:12px}.payment-info-list div{margin-bottom:2px}.paypal-container{background-color:#374151;border:1px solid #4b5563;border-radius:12px;padding:16px}.payment-loading{align-items:center;color:#3b82f6;display:flex;gap:8px;justify-content:center;padding:16px;text-align:center}.loading-spinner{border:2px solid #3b82f6;height:20px;width:20px}.payment-loading-text{font-size:16px;font-weight:500}.instructions{background-color:#37415180;border:1px solid #4b5563;border-radius:12px;margin-top:24px;padding:16px}.instructions-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.instructions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.instruction-step{align-items:flex-start;display:flex;gap:8px}.step-number{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.step-number.final{background-color:#10b981}.instruction-content p{margin:0}.instruction-title{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.instruction-description{color:#9ca3af;font-size:12px}.points-withdrawal-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.points-withdrawal-modal{background-color:#1f2937;border:1px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;margin:0 16px;max-width:28rem;padding:24px;position:relative;width:100%}.points-withdrawal-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;font-weight:700;line-height:1;padding:0;position:absolute;right:16px;top:16px;transition:color .2s ease}.points-withdrawal-modal-close:hover{color:#fff}.points-withdrawal-modal-close:disabled{cursor:not-allowed;opacity:.5}.points-withdrawal-modal h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:16px;padding-right:32px}.points-withdrawal-form{gap:16px}.points-withdrawal-field,.points-withdrawal-form{display:flex;flex-direction:column}.points-withdrawal-label{color:#d1d5db;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.points-withdrawal-input{background-color:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;padding:12px;transition:border-color .2s ease;width:100%}.points-withdrawal-input:focus{border-color:#3b82f6;outline:none}.points-withdrawal-input:disabled{cursor:not-allowed;opacity:.5}.points-withdrawal-input::placeholder{color:#9ca3af}.points-withdrawal-estimate{color:#10b981;font-size:14px;margin-top:4px}.points-withdrawal-email-hint{color:#9ca3af;font-size:12px;margin-top:4px}.points-withdrawal-info{background-color:#1e3a8a;border:1px solid #3b82f6;border-radius:8px;padding:12px}.points-withdrawal-info p{color:#93c5fd;font-size:14px;line-height:1.5;margin:0}.points-withdrawal-actions{display:flex;gap:8px}.points-withdrawal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .2s ease}.points-withdrawal-btn:disabled{cursor:not-allowed;opacity:.5}.points-withdrawal-btn-submit{background-color:#059669;color:#fff}.points-withdrawal-btn-submit:hover:not(:disabled){background-color:#047857}.points-withdrawal-btn-cancel{background-color:#4b5563;color:#fff}.points-withdrawal-btn-cancel:hover:not(:disabled){background-color:#374151}.admin-inbox{max-width:100%}.inbox-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}@media (min-width:768px){.inbox-container{border-radius:12px}}.inbox-header{background:linear-gradient(90deg,#f97316,#ea580c);border-bottom:1px solid #64748b;padding:16px}@media (min-width:768px){.inbox-header{padding:24px}}.inbox-header-content{gap:8px}.inbox-title{align-items:center;display:flex;font-size:1rem;gap:8px}@media (min-width:768px){.inbox-title{font-size:1.25rem;gap:12px}}.close-button{border-radius:6px;color:#fed7aa;padding:4px;transition:all .2s}.inbox-content{display:flex;flex-direction:column;gap:16px;padding:16px}@media (min-width:768px){.inbox-content{gap:24px;padding:24px}}.form-group{display:flex;flex-direction:column}.form-label{font-size:.75rem;margin-bottom:6px}@media (min-width:768px){.form-label{font-size:.875rem;margin-bottom:8px}}.required{color:#f87171}.search-input-container{position:relative}.search-icon{color:#9ca3af;height:16px;left:10px;position:absolute;top:10px;width:16px}@media (min-width:768px){.search-icon{height:20px;left:12px;top:12px;width:20px}}.search-input{background-color:#33415580;border:1px solid #64748b;border-radius:6px;color:#fff;font-size:.875rem;padding:10px;transition:all .2s;width:100%}@media (min-width:768px){.search-input{border-radius:8px;padding:12px}}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.search-results{background-color:#334155;border:1px solid #64748b;border-radius:6px;margin-top:6px;max-height:120px;overflow-y:auto}@media (min-width:768px){.search-results{margin-top:8px;max-height:128px}}.search-result-item{border-bottom:1px solid #64748b;cursor:pointer;padding:8px;transition:background-color .2s}@media (min-width:768px){.search-result-item{padding:12px}}.search-result-item:hover{background-color:#475569}.search-result-item:last-child{border-bottom:none}.search-result-name{color:#fff;font-size:.875rem;font-weight:500}.search-result-email{color:#cbd5e1;font-size:.75rem}@media (min-width:768px){.search-result-email{font-size:.875rem}}.selected-user-info{background-color:#064e3b4d;border:1px solid #05966980;border-radius:6px;margin-top:8px;padding:12px}@media (min-width:768px){.selected-user-info{border-radius:8px;margin-top:12px;padding:16px}}.selected-user-text{color:#86efac;font-size:.875rem;font-weight:500}.text-input{background-color:#33415580;border:1px solid #64748b;border-radius:6px;color:#fff;font-size:.875rem;padding:10px;transition:all .2s;width:100%}@media (min-width:768px){.text-input{border-radius:8px;padding:12px}}.text-input::placeholder{color:#94a3b8}.text-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.textarea{resize:none}.form-actions{flex-direction:column;gap:8px;padding-top:12px}@media (min-width:640px){.form-actions{flex-direction:row;gap:12px;padding-top:16px}}.btn-primary{background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:700;padding:10px;transition:all .2s}@media (min-width:768px){.btn-primary{border-radius:8px;padding:12px}}.btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#ea580c)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:#64748b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:10px 16px;transition:background-color .2s}@media (min-width:768px){.btn-secondary{border-radius:8px;padding:12px 24px}}.btn-secondary:hover{background-color:#475569}.case-container{margin:0 auto;max-width:100%}@media (min-width:1536px){.case-container{max-width:1536px}}.case-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:600px;overflow:hidden}@media (min-width:768px){.case-panel{border-radius:12px;height:700px}}.case-header{background:linear-gradient(90deg,#475569,#64748b);border-bottom:1px solid #64748b;padding:12px}@media (min-width:768px){.case-header{padding:16px}}.case-header-content{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.case-header-content{align-items:center;flex-direction:row;justify-content:space-between}}.case-title-section{display:flex;flex-direction:column}.case-title-row{gap:8px;margin-bottom:6px}@media (min-width:768px){.case-title-row{gap:12px;margin-bottom:8px}}.case-title{font-size:1rem}@media (min-width:768px){.case-title{font-size:1.25rem}}.case-info-grid{grid-gap:8px;color:#cbd5e1;display:grid;font-size:.75rem;gap:8px;grid-template-columns:1fr}@media (min-width:640px){.case-info-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.case-info-grid{font-size:.875rem;gap:16px;grid-template-columns:repeat(4,1fr)}}.case-info-item{gap:6px}@media (min-width:768px){.case-info-item{gap:8px}}.case-info-icon{color:#94a3b8;flex-shrink:0;height:14px;width:14px}@media (min-width:768px){.case-info-icon{height:16px;width:16px}}.case-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}@media (min-width:768px){.case-actions{gap:8px}}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 8px;transition:all .2s;white-space:nowrap}@media (min-width:768px){.btn-action{font-size:.875rem;padding:8px 12px}}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-close-case{background-color:#dc2626;color:#fff}.btn-close-case:hover:not(:disabled){background-color:#b91c1c}.btn-open-case{background-color:#059669;color:#fff}.btn-open-case:hover:not(:disabled){background-color:#047857}.btn-assign{background-color:#2563eb;color:#fff}.btn-assign:hover:not(:disabled){background-color:#1d4ed8}.btn-unassign{background-color:#64748b;color:#fff}.btn-unassign:hover:not(:disabled){background-color:#475569}.btn-delete{background-color:#dc2626;color:#fff}.btn-delete:hover:not(:disabled){background-color:#b91c1c}.assigned-info{background-color:#1e3a8a4d;border:1px solid #2563eb80;border-radius:6px;margin-top:8px;padding:8px}@media (min-width:768px){.assigned-info{border-radius:8px;margin-top:12px;padding:12px}}.assigned-text{color:#93c5fd;font-size:.75rem}@media (min-width:768px){.assigned-text{font-size:.875rem}}.messages-container{gap:12px;padding:12px}@media (min-width:768px){.messages-container{gap:16px;padding:16px}}.message-wrapper{display:flex}.message-wrapper.from-user{justify-content:flex-start}.message-wrapper.from-admin{justify-content:flex-end}.message-content{max-width:85%}@media (min-width:768px){.message-content{max-width:80%}}.message-content.from-user{margin-right:24px}.message-content.from-admin{margin-left:24px}@media (min-width:768px){.message-content.from-user{margin-right:48px}.message-content.from-admin{margin-left:48px}}.message-header{gap:6px;margin-bottom:6px}@media (min-width:768px){.message-header{gap:8px;margin-bottom:8px}}.message-header.from-user{justify-content:flex-start}.message-header.from-admin{justify-content:flex-end}.role-badge{font-weight:500;gap:4px;padding:3px 8px}@media (min-width:768px){.role-badge{font-size:.75rem;gap:8px;padding:4px 12px}}.role-main-admin{background-color:#7f1d1d80;color:#fca5a5}.role-supervisor{background-color:#581c8780;color:#c4b5fd}.role-approver{background-color:#1e3a8a80;color:#93c5fd}.role-player{background-color:#064e3b80;color:#86efac}.role-system{background-color:#92400e80;color:#fcd34d}.message-timestamp{font-size:.625rem}@media (min-width:768px){.message-timestamp{font-size:.75rem}}.message-bubble{border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:10px}@media (min-width:768px){.message-bubble{padding:16px}}.message-bubble.system{background-color:#1e3a8a80;border:1px solid #2563eb80;color:#dbeafe}.message-bubble.from-user{background-color:#33415580;border:1px solid #64748b;color:#f1f5f9}.message-bubble.from-admin{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.message-text{font-size:.75rem}@media (min-width:768px){.message-text{font-size:.875rem;line-height:1.6}}.message-input-area{background-color:#1e293b80;border-top:1px solid #64748b;padding:12px}@media (min-width:768px){.message-input-area{padding:16px}}.message-input-container{display:flex;flex-direction:column;gap:8px}@media (min-width:640px){.message-input-container{flex-direction:row;gap:12px}}.message-textarea{background-color:#33415580;border:1px solid #64748b;border-radius:6px;color:#fff;flex:1 1;font-size:.875rem;min-height:40px;padding:10px;resize:none;transition:all .2s}@media (min-width:768px){.message-textarea{border-radius:8px;padding:12px}}.message-textarea::placeholder{color:#94a3b8}.message-textarea:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.message-textarea:disabled{cursor:not-allowed;opacity:.5}.btn-send{align-items:center;background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s;white-space:nowrap}@media (min-width:768px){.btn-send{border-radius:8px;gap:8px;padding:0 24px}}.btn-send:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#ea580c)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.character-count{color:#94a3b8;font-size:.625rem;margin-top:4px;text-align:right}@media (min-width:768px){.character-count{font-size:.75rem}}.status-badge{font-size:.625rem;gap:3px;padding:3px 8px}@media (min-width:768px){.status-badge{font-size:.75rem;gap:4px;padding:4px 12px}}.status-open{background-color:#064e3b;border:1px solid #059669;color:#86efac}.status-closed{background-color:#7f1d1d;border:1px solid #dc2626;color:#fca5a5}.overview-container{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.overview-container{gap:24px}}.stats-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;padding:16px}@media (min-width:768px){.stats-panel{border-radius:12px;padding:24px}}.stats-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}@media (min-width:640px){.stats-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:24px}}.stats-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:8px}@media (min-width:768px){.stats-title{font-size:1.25rem;gap:12px}}.btn-create-case{align-items:center;background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}@media (min-width:768px){.btn-create-case{border-radius:8px;gap:8px;padding:8px 16px}}.btn-create-case:hover{background:linear-gradient(90deg,#c2410c,#ea580c)}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:640px){.stats-grid{gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}}.stat-card{border:1px solid;border-radius:6px;padding:12px}@media (min-width:768px){.stat-card{border-radius:8px;padding:16px}}.stat-card.total{background:linear-gradient(90deg,#1e3a8a80,#1e40af80);border-color:#2563eb80}.stat-card.open{background:linear-gradient(90deg,#064e3b80,#05966980);border-color:#05966980}.stat-card.closed{background:linear-gradient(90deg,#7f1d1d80,#991b1b80);border-color:#dc262680}.stat-content{align-items:center;display:flex;gap:8px}@media (min-width:768px){.stat-content{gap:12px}}.stat-icon{border-radius:6px;padding:6px}@media (min-width:768px){.stat-icon{border-radius:8px;padding:8px}}.stat-icon.total{background-color:#2563eb}.stat-icon.open{background-color:#059669}.stat-icon.closed{background-color:#dc2626}.stat-number{color:#fff;font-size:1.25rem;font-weight:700}@media (min-width:768px){.stat-number{font-size:1.5rem}}.stat-label{font-size:.75rem;font-weight:500}@media (min-width:768px){.stat-label{font-size:.875rem}}.stat-label.total{color:#93c5fd}.stat-label.open{color:#6ee7b7}.stat-label.closed{color:#fca5a5}.filters-container{display:flex;flex-wrap:wrap;gap:12px}@media (min-width:768px){.filters-container{gap:16px}}.filter-group{align-items:center}@media (min-width:768px){.filter-group{gap:8px}}.filter-label{color:#cbd5e1;font-weight:500;white-space:nowrap}@media (min-width:768px){.filter-label{font-size:.875rem}}.filter-select{background-color:#334155;border:1px solid #64748b;border-radius:6px;color:#fff;font-size:.75rem;padding:6px;transition:all .2s}@media (min-width:768px){.filter-select{border-radius:8px;font-size:.875rem;padding:8px}}.filter-select:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.cases-list-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;padding:16px}@media (min-width:768px){.cases-list-panel{border-radius:12px;padding:24px}}.loading-container{padding:32px 0;text-align:center}@media (min-width:768px){.loading-container{padding:48px 0}}.loading-spinner{margin:0 auto 12px}@media (min-width:768px){.loading-spinner{height:32px;margin:0 auto 16px;width:32px}}.loading-text{color:#94a3b8;font-size:.875rem}.empty-state{padding:48px 0}@media (min-width:768px){.empty-state{padding:64px 0}}.empty-state-icon{border-radius:50%;height:72px;margin:0 auto 16px;width:72px}@media (min-width:768px){.empty-state-icon{height:96px;margin:0 auto 24px;width:96px}}.empty-state-title{font-size:1rem;margin-bottom:6px}@media (min-width:768px){.empty-state-title{font-size:1.25rem;margin-bottom:8px}}.empty-state-text{color:#94a3b8;font-size:.875rem}.cases-list{gap:12px}@media (min-width:768px){.cases-list{gap:16px}}.case-item{border-radius:8px;padding:16px;transition:all .2s}@media (min-width:768px){.case-item{border-radius:12px;padding:24px}}.case-item:hover{box-shadow:0 10px 25px -3px #0000001a}.case-item.open{background:linear-gradient(90deg,#064e3b33,#05966933);border-color:#05966980}.case-item.closed{background:linear-gradient(90deg,#7f1d1d33,#991b1b33);border-color:#dc262680}.case-item-content{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.case-item-content{gap:16px}}.case-item-header{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.case-item-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.case-item-title-section{flex:1 1}.case-item-title-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}@media (min-width:768px){.case-item-title-row{gap:12px;margin-bottom:12px}}.case-item-title{color:#fff;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.case-item-title{font-size:1.125rem}}.case-item-info{display:flex;flex-direction:column;gap:6px}@media (min-width:768px){.case-item-info{gap:8px}}.case-item-info-row{color:#cbd5e1;display:flex;flex-direction:column;font-size:.75rem;gap:6px}@media (min-width:640px){.case-item-info-row{align-items:center;flex-direction:row;gap:12px}}@media (min-width:768px){.case-item-info-row{font-size:.875rem;gap:16px}}.case-item-info-item{align-items:center;display:flex;gap:6px}@media (min-width:768px){.case-item-info-item{gap:8px}}.case-item-info-item .case-info-icon{color:#94a3b8}.case-item-user{color:#fff;font-weight:500}.case-item-view{align-items:center;display:flex;gap:6px;margin-left:auto;margin-top:8px}@media (min-width:768px){.case-item-view{gap:8px;margin-left:16px;margin-top:0}}.case-item-view-icon{color:#94a3b8;height:14px;width:14px}@media (min-width:768px){.case-item-view-icon{height:16px;width:16px}}.case-item-view-text{color:#94a3b8;font-size:.625rem}@media (min-width:768px){.case-item-view-text{font-size:.75rem}}.case-last-message{background-color:#1e293b80;border:1px solid #64748b80;border-radius:6px;padding:12px}@media (min-width:768px){.case-last-message{border-radius:8px;padding:16px}}.case-last-message-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}@media (min-width:768px){.case-last-message-header{gap:8px;margin-bottom:8px}}.case-last-message-role{align-items:center;border-radius:9999px;display:flex;font-size:.625rem;gap:4px;padding:3px 6px}@media (min-width:768px){.case-last-message-role{font-size:.75rem;gap:8px;padding:4px 8px}}.case-last-message-timestamp{color:#94a3b8;font-size:.625rem}@media (min-width:768px){.case-last-message-timestamp{font-size:.75rem}}.case-last-message-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:.75rem;overflow:hidden}@media (min-width:768px){.case-last-message-text{font-size:.875rem}}.modal-overlay{background-color:#000000d9}.modal-backdrop{background-color:#000000e6;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content{background-color:#1e293b;background-image:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #dc2626;position:relative;transform:scale(1);transition:all .3s ease-out}@media (min-width:768px){.modal-content{border-radius:12px;max-width:448px}}.modal-header{justify-content:space-between;padding:16px 16px 0}@media (min-width:768px){.modal-header{margin-bottom:16px;padding:24px 24px 0}}.modal-title-section{align-items:center;display:flex;gap:8px}@media (min-width:768px){.modal-title-section{gap:12px}}.modal-icon{background-color:#dc2626}.modal-title{color:#f87171}.modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:4px;transition:all .2s}.modal-close:hover{background-color:#475569;color:#fff}.modal-body{padding:0 16px}@media (min-width:768px){.modal-body{gap:16px;margin-bottom:24px;padding:0 24px}}.modal-info-card{background-color:#1e3a8a4d;border:1px solid #2563eb80;border-radius:6px;padding:8px}@media (min-width:768px){.modal-info-card{border-radius:8px;padding:12px}}.modal-info-title{color:#93c5fd;font-size:.75rem}@media (min-width:768px){.modal-info-title{font-size:.875rem}}.modal-info-subtitle{color:#dbeafe;font-size:.625rem;margin-top:4px}@media (min-width:768px){.modal-info-subtitle{font-size:.75rem}}.modal-case-info{background-color:#374151;border:1px solid #6b7280;border-radius:6px;padding:12px}@media (min-width:768px){.modal-case-info{border-radius:8px;padding:16px}}.modal-case-title{color:#fff;font-size:.875rem;font-weight:500}.modal-case-detail{color:#94a3b8;font-size:.75rem}@media (min-width:768px){.modal-case-detail{font-size:.875rem}}.modal-warning{background-color:#7f1d1d;border:1px solid #dc2626;padding:12px}@media (min-width:768px){.modal-warning{border-radius:8px;padding:16px}}.modal-warning-content{align-items:flex-start;display:flex;gap:8px}@media (min-width:768px){.modal-warning-content{gap:12px}}.modal-warning-icon{color:#f87171;flex-shrink:0;height:16px;margin-top:2px;width:16px}@media (min-width:768px){.modal-warning-icon{height:20px;width:20px}}.modal-warning-title{color:#fef2f2;font-size:.875rem;font-weight:500;margin-bottom:4px}.modal-warning-text{color:#fca5a5}.modal-actions{padding:0 16px 16px}@media (min-width:768px){.modal-actions{gap:12px;padding:0 24px 24px}}.btn-modal-danger{align-items:center;background-color:#dc2626;background-image:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:700;gap:6px;justify-content:center;padding:10px;transition:all .2s}@media (min-width:768px){.btn-modal-danger{border-radius:8px;gap:8px;padding:12px}}.btn-modal-danger:hover:not(:disabled){background-image:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-modal-danger:disabled{cursor:not-allowed;opacity:.5}.btn-modal-cancel{background-color:#475569;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:700;padding:10px;transition:all .2s}@media (min-width:768px){.btn-modal-cancel{border-radius:8px;padding:12px}}.btn-modal-cancel:hover:not(:disabled){background-color:#334155}.btn-modal-cancel:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.case-info-grid,.stats-grid{grid-template-columns:1fr}.case-item-info-row{align-items:flex-start;flex-direction:column;gap:8px}.message-content{max-width:90%}.message-content.from-user{margin-right:16px}.message-content.from-admin{margin-left:16px}.case-actions{flex-wrap:wrap;gap:4px}.btn-action{font-size:.625rem;padding:4px 6px}.modal-content{margin:8px;max-height:95vh}.form-actions{gap:6px}.stats-header{gap:12px}}@media (prefers-reduced-motion:reduce){.btn-action,.btn-primary,.btn-secondary,.btn-send,.case-item{transition:none}.loading-spinner{animation:none}}@media (prefers-contrast:high){.btn-action,.btn-primary,.btn-secondary,.role-badge,.status-badge{border:1px solid}}.admin-panel{background-color:#1f2937;border:1px solid #f97316;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:16px}@media (min-width:768px){.admin-panel{padding:24px}}.admin-panel-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:700;gap:8px;margin-bottom:16px}@media (min-width:768px){.admin-panel-title{font-size:1.25rem}}.admin-panel-icon{color:#f87171;height:18px;width:18px}@media (min-width:768px){.admin-panel-icon{height:20px;width:20px}}.commission-summary{background-color:#14532d;border:1px solid #16a34a;border-radius:8px;margin-bottom:16px;padding:12px}@media (min-width:768px){.commission-summary{margin-bottom:24px;padding:16px}}.commission-summary-title{color:#4ade80;font-size:1rem;font-weight:600;margin-bottom:12px}@media (min-width:768px){.commission-summary-title{font-size:1.125rem;margin-bottom:16px}}.commission-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.commission-summary-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}.commission-item{background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:8px;text-align:center}@media (min-width:768px){.commission-item{padding:12px}}.commission-item.red .commission-value{color:#f87171}.commission-item.blue .commission-value{color:#60a5fa}.commission-item.purple .commission-value{color:#c084fc}.commission-item.yellow .commission-value{color:#fbbf24}.commission-value{font-size:1.25rem;font-weight:700}@media (min-width:768px){.commission-value{font-size:1.5rem}}.commission-label{font-size:.75rem;margin-top:4px}@media (min-width:768px){.commission-label{font-size:.875rem}}.commission-item.red .commission-label{color:#fca5a5}.commission-item.blue .commission-label{color:#93c5fd}.commission-item.purple .commission-label{color:#d8b4fe}.commission-item.yellow .commission-label{color:#fcd34d}.commission-single{background-color:#92400e;border:1px solid #d97706;border-radius:6px;padding:12px;text-align:center}@media (min-width:768px){.commission-single{padding:16px}}.commission-single .commission-value{color:#fbbf24}.commission-single .commission-label{color:#fcd34d;font-size:.875rem}@media (min-width:768px){.commission-single .commission-label{font-size:1.125rem}}.admin-tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}@media (min-width:768px){.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px}}.admin-tab{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 8px;transition:all .2s;white-space:nowrap}@media (min-width:768px){.admin-tab{font-size:.875rem;padding:8px 16px}}.admin-tab.active{background-color:#ea580c;color:#fff}.admin-tab.inactive{background-color:#374151;color:#d1d5db}.admin-tab.inactive:hover{background-color:#4b5563}.tab-content{align-items:center;display:flex;gap:4px}@media (min-width:768px){.tab-content{gap:8px}}.tab-label{display:none}@media (min-width:640px){.tab-label{display:inline}}.tab-badge{background-color:#dc2626cc;border-radius:9999px;color:#fff;font-size:.625rem;font-weight:600;line-height:1.2;min-width:16px;padding:1px 6px;text-align:center}@media (min-width:768px){.tab-badge{font-size:.75rem;padding:2px 8px}}.btn-compact{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 8px;transition:all .2s;white-space:nowrap}@media (min-width:768px){.btn-compact{font-size:.875rem;gap:6px;padding:8px 12px}}.btn-compact:disabled{cursor:not-allowed;opacity:.5}.btn-compact.btn-success{background-color:#059669;color:#fff}.btn-compact.btn-success:hover:not(:disabled){background-color:#047857}.btn-compact.btn-danger{background-color:#dc2626;color:#fff}.btn-compact.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-compact.btn-primary{background-color:#2563eb;color:#fff}.btn-compact.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-compact.btn-secondary{background-color:#64748b;color:#fff}.btn-compact.btn-secondary:hover:not(:disabled){background-color:#475569}.role-management{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.role-management{gap:24px}}.role-management-section{background-color:#1e3a8a;border:1px solid #2563eb;border-radius:8px;padding:16px}@media (min-width:768px){.role-management-section{padding:24px}}.role-management-title{align-items:center;color:#60a5fa;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px}@media (min-width:768px){.role-management-title{font-size:1.25rem;margin-bottom:16px}}.role-management-description{color:#93c5fd;font-size:.875rem;margin-bottom:16px}@media (min-width:768px){.role-management-description{margin-bottom:24px}}.role-management-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:1024px){.role-management-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}.role-search-section{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.role-search-section{gap:16px}}.role-search-label{color:#93c5fd;display:block;font-size:.75rem;font-weight:500;margin-bottom:6px}@media (min-width:768px){.role-search-label{font-size:.875rem;margin-bottom:8px}}.role-search-container{position:relative}.role-search-icon{color:#9ca3af;height:16px;left:10px;position:absolute;top:10px;width:16px}@media (min-width:768px){.role-search-icon{height:20px;left:12px;top:12px;width:20px}}.role-search-input{background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:.875rem;padding:10px;transition:all .2s;width:100%}@media (min-width:768px){.role-search-input{padding:12px}}.role-search-input::placeholder{color:#9ca3af}.role-search-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.role-search-spinner{position:absolute;right:10px;top:10px}@media (min-width:768px){.role-search-spinner{right:12px;top:12px}}.search-spinner{animation:spin 1s linear infinite;border:2px solid;border-color:#0000 #0000 #60a5fa;border-radius:50%;height:16px;width:16px}@media (min-width:768px){.search-spinner{height:20px;width:20px}}.role-search-results{background-color:#374151;border:1px solid #4b5563;border-radius:6px;max-height:200px;overflow-y:auto}@media (min-width:768px){.role-search-results{max-height:256px}}.role-search-results-header{background-color:#4b5563;border-bottom:1px solid #6b7280;padding:6px 8px}@media (min-width:768px){.role-search-results-header{padding:8px}}.role-search-results-title{color:#d1d5db;font-size:.75rem}@media (min-width:768px){.role-search-results-title{font-size:.875rem}}.role-search-result-item{border-bottom:1px solid #4b5563;cursor:pointer;padding:8px;transition:background-color .2s}@media (min-width:768px){.role-search-result-item{padding:12px}}.role-search-result-item:hover{background-color:#4b5563}.role-search-result-item:last-child{border-bottom:none}.role-search-result-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.role-search-result-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.role-search-result-name{color:#fff;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.role-search-result-email{color:#d1d5db;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.role-search-result-stats{color:#9ca3af;font-size:.75rem}.role-badge{border-radius:6px;gap:3px;padding:3px 6px}@media (min-width:768px){.role-badge{font-size:.75rem;gap:4px;padding:4px 8px}}.role-badge.main-admin{background-color:#7f1d1d;color:#fca5a5}.role-badge.supervisor{background-color:#581c87;color:#c4b5fd}.role-badge.approver{background-color:#1e3a8a}.role-badge.player{background-color:#064e3b;color:#86efac}.points-display{align-items:center;display:flex}.points-badge{background-color:#d97706;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.points-badge.current{background-color:#64748b}.points-badge.add{background-color:#059669}.points-badge.remove{background-color:#dc2626}.points-badge.set{background-color:#2563eb}.points-action-grid{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.points-action-grid{gap:16px}}.action-buttons{display:flex;gap:4px}@media (min-width:768px){.action-buttons{gap:8px}}.action-btn{align-items:center;background-color:#374151;border:2px solid #0000;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:8px;transition:all .2s}@media (min-width:768px){.action-btn{font-size:.875rem;gap:6px;padding:10px}}.action-btn:hover{background-color:#4b5563}.action-btn.active{background-color:#ea580c;border-color:#f97316;color:#fff}.points-preview{margin-top:8px}.commission-rates-display{display:flex;gap:6px;margin-top:4px}.rate-badge{background-color:#1f2937;border-radius:4px;color:#fbbf24;font-size:.625rem;font-weight:500;padding:2px 6px}@media (min-width:768px){.rate-badge{font-size:.75rem;padding:3px 8px}}.role-selection-section{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.role-selection-section{gap:16px}}.selected-user-card{background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:12px}@media (min-width:768px){.selected-user-card{padding:16px}}.selected-user-title{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:8px}@media (min-width:768px){.selected-user-title{font-size:1rem;margin-bottom:12px}}.selected-user-info{display:flex;flex-direction:column;gap:6px}@media (min-width:768px){.selected-user-info{gap:8px}}.selected-user-info-item{display:flex;flex-wrap:wrap;gap:4px}.selected-user-info-label{color:#9ca3af;font-size:.75rem;min-width:80px}@media (min-width:768px){.selected-user-info-label{font-size:.875rem;min-width:120px}}.selected-user-info-value{color:#fff;flex:1 1;font-size:.75rem}@media (min-width:768px){.selected-user-info-value{font-size:.875rem}}.selected-user-info-value.points{color:#fbbf24;font-weight:600}.role-select-group{display:flex;flex-direction:column}.role-select-label{color:#93c5fd;display:block;font-size:.75rem;font-weight:500;margin-bottom:6px}@media (min-width:768px){.role-select-label{font-size:.875rem;margin-bottom:8px}}.role-select{background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px;width:100%}@media (min-width:768px){.role-select{padding:12px}}.role-change-preview{background-color:#14532d;border:1px solid #16a34a;border-radius:6px;margin-top:6px;padding:8px}@media (min-width:768px){.role-change-preview{margin-top:8px;padding:12px}}.role-change-preview-text{color:#86efac;font-size:.75rem}@media (min-width:768px){.role-change-preview-text{font-size:.875rem}}.role-change-preview-description{color:#bbf7d0;font-size:.625rem;margin-top:4px}@media (min-width:768px){.role-change-preview-description{font-size:.75rem}}.role-reason-group{display:flex;flex-direction:column}.role-reason-label{color:#93c5fd;display:block;font-size:.75rem;font-weight:500;margin-bottom:6px}@media (min-width:768px){.role-reason-label{font-size:.875rem;margin-bottom:8px}}.role-reason-textarea{background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:.875rem;padding:8px;resize:none;width:100%}@media (min-width:768px){.role-reason-textarea{padding:12px}}.role-reason-textarea::placeholder{color:#9ca3af}.role-change-btn{background-color:#ea580c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:10px;transition:background-color .2s;width:100%}@media (min-width:768px){.role-change-btn{padding:12px}}.role-change-btn:hover:not(:disabled){background-color:#c2410c}.role-change-btn:disabled{cursor:not-allowed;opacity:.5}.role-placeholder{background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:16px;text-align:center}@media (min-width:768px){.role-placeholder{padding:24px}}.role-placeholder-icon{color:#6b7280;height:32px;margin:0 auto 8px;width:32px}@media (min-width:768px){.role-placeholder-icon{height:48px;margin:0 auto 12px;width:48px}}.role-placeholder-text{color:#9ca3af;font-size:.875rem}.role-guide{background-color:#1f2937;border:1px solid #4b5563;border-radius:8px;padding:16px}@media (min-width:768px){.role-guide{padding:24px}}.role-guide-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:12px}@media (min-width:768px){.role-guide-title{font-size:1.125rem;margin-bottom:16px}}.role-guide-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.role-guide-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.role-guide-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}.role-guide-item{border:1px solid;border-radius:6px;padding:12px}@media (min-width:768px){.role-guide-item{padding:16px}}.role-guide-item.main-admin{background-color:#7f1d1d;border-color:#dc2626}.role-guide-item.supervisor{background-color:#581c87;border-color:#7c3aed}.role-guide-item.approver{background-color:#1e3a8a;border-color:#2563eb}.role-guide-item.player{background-color:#064e3b;border-color:#059669}.role-guide-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}@media (min-width:768px){.role-guide-header{gap:8px;margin-bottom:8px}}.role-guide-name{font-size:.875rem;font-weight:600}.role-guide-item.main-admin .role-guide-name{color:#fca5a5}.role-guide-item.supervisor .role-guide-name{color:#c4b5fd}.role-guide-item.approver .role-guide-name{color:#93c5fd}.role-guide-item.player .role-guide-name{color:#86efac}.role-guide-description{color:#d1d5db;font-size:.625rem}@media (min-width:768px){.role-guide-description{font-size:.75rem}}.role-guide-warning{color:#fca5a5;font-size:.625rem;margin-top:6px}@media (min-width:768px){.role-guide-warning{font-size:.75rem;margin-top:8px}}.modal-overlay{align-items:center;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background-color:#1f2937;border:2px solid #f97316;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;margin:0 16px;max-height:90vh;max-width:400px;overflow-y:auto;padding:16px;width:100%}@media (min-width:768px){.modal-content{max-width:448px;padding:24px}}.modal-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}@media (min-width:768px){.modal-header{gap:12px;margin-bottom:16px}}.modal-icon{background-color:#ea580c;border-radius:50%;padding:6px}@media (min-width:768px){.modal-icon{padding:8px}}.modal-title{color:#fb923c;font-size:1rem;font-weight:700}@media (min-width:768px){.modal-title{font-size:1.25rem}}.modal-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (min-width:768px){.modal-body{gap:16px;margin-bottom:24px}}.modal-user-info{background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:12px}@media (min-width:768px){.modal-user-info{padding:16px}}.modal-user-name{color:#fff;font-size:.875rem;font-weight:500}@media (min-width:768px){.modal-user-name{font-size:1rem}}.modal-user-email{color:#9ca3af;font-size:.75rem;margin-top:2px}@media (min-width:768px){.modal-user-email{font-size:.875rem}}.modal-role-change{align-items:center;display:flex;gap:12px;justify-content:center}@media (min-width:768px){.modal-role-change{gap:16px}}.modal-role-arrow{color:#fff;font-size:1.125rem}.modal-points-action{background-color:#1e3a8a;border:1px solid #2563eb;border-radius:6px;padding:8px}@media (min-width:768px){.modal-points-action{padding:12px}}.modal-reason{background-color:#1e3a8a;border:1px solid #2563eb;border-radius:6px;padding:8px}@media (min-width:768px){.modal-reason{padding:12px}}.modal-reason-title{color:#93c5fd;font-size:.75rem;font-weight:500}@media (min-width:768px){.modal-reason-title{font-size:.875rem}}.modal-reason-text{color:#dbeafe;font-size:.75rem;margin-top:2px}@media (min-width:768px){.modal-reason-text{font-size:.875rem}}.modal-warning{background-color:#92400e;border:1px solid #d97706;border-radius:6px;padding:8px}@media (min-width:768px){.modal-warning{padding:12px}}.modal-warning-text{color:#fcd34d;font-size:.75rem}@media (min-width:768px){.modal-warning-text{font-size:.875rem}}.modal-actions{gap:8px}.modal-btn{border-radius:8px;flex:1 1;font-weight:700;padding:10px}@media (min-width:768px){.modal-btn{padding:12px}}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-primary{background-color:#ea580c;color:#fff}.modal-btn-primary:hover:not(:disabled){background-color:#c2410c}.modal-btn-secondary{background-color:#4b5563;color:#fff}.modal-btn-secondary:hover:not(:disabled){background-color:#374151}.modal-btn-danger{background-color:#dc2626;color:#fff}.modal-btn-danger:hover:not(:disabled){background-color:#b91c1c}.tournament-section{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.tournament-section{gap:16px}}.tournament-section-header{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.tournament-section-header{align-items:center;flex-direction:row;justify-content:space-between}}.tournament-section-title{color:#fb923c;font-size:1rem;font-weight:600}@media (min-width:768px){.tournament-section-title{font-size:1.125rem}}.tournament-info-panel{background-color:#1e3a8a;border:1px solid #2563eb;border-radius:6px;padding:6px}@media (min-width:768px){.tournament-info-panel{padding:8px}}.tournament-info-text{color:#93c5fd;font-size:.75rem}@media (min-width:768px){.tournament-info-text{font-size:.875rem}}.tournament-empty{background-color:#374151;border:1px solid #4b5563;border-radius:8px;padding:12px;text-align:center}@media (min-width:768px){.tournament-empty{padding:16px}}.tournament-empty-text{color:#9ca3af;font-size:.875rem}.tournament-empty-subtext{color:#6b7280;font-size:.75rem;margin-top:6px}@media (min-width:768px){.tournament-empty-subtext{font-size:.875rem;margin-top:8px}}.tournament-item{border:2px solid;border-radius:8px;padding:12px}@media (min-width:768px){.tournament-item{padding:16px}}.tournament-item.orange{background-color:#92400e;border-color:#ea580c}.tournament-item.blue{background-color:#1e3a8a;border-color:#2563eb}.tournament-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}@media (min-width:768px){.tournament-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.tournament-info{flex:1 1}.tournament-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:4px}@media (min-width:768px){.tournament-title{font-size:1.125rem}}.tournament-details{color:#fed7aa;font-size:.75rem}@media (min-width:768px){.tournament-details{font-size:.875rem}}.tournament-details.blue{color:#dbeafe}.tournament-status-info{display:flex;flex-direction:column;gap:6px}@media (min-width:768px){.tournament-status-info{flex-direction:row;gap:8px}}.tournament-status-badge{background-color:#92400e;border:1px solid #d97706;border-radius:6px;padding:6px}@media (min-width:768px){.tournament-status-badge{padding:8px}}.tournament-status-badge.green{background-color:#14532d;border-color:#16a34a}.tournament-status-text{color:#fcd34d;font-size:.625rem}@media (min-width:768px){.tournament-status-text{font-size:.75rem}}.tournament-status-text.green{color:#86efac}.tournament-btn{align-items:center;background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s}@media (min-width:768px){.tournament-btn{font-size:.875rem;padding:4px 12px}}.tournament-btn:hover:not(:disabled){background-color:#b91c1c}.tournament-btn:disabled{cursor:not-allowed;opacity:.5}.tournament-match-input{background-color:#374151;border:1px solid #ea580c;border-radius:6px;color:#fff;flex:1 1;font-size:.875rem;padding:6px}@media (min-width:768px){.tournament-match-input{padding:8px}}.tournament-match-input:disabled{cursor:not-allowed;opacity:.5}.tournament-actions{display:flex;flex-direction:column;gap:6px}@media (min-width:768px){.tournament-actions{flex-direction:row;gap:8px}}.tournament-approve-btn{background-color:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}@media (min-width:768px){.tournament-approve-btn{font-size:.875rem;padding:8px 24px}}.tournament-approve-btn:hover:not(:disabled){background-color:#15803d}.tournament-approve-btn:disabled{cursor:not-allowed;opacity:.5}.tournament-participants{margin-top:8px}@media (min-width:768px){.tournament-participants{margin-top:12px}}.tournament-participants-title{font-size:.75rem;font-weight:500;margin-bottom:6px}@media (min-width:768px){.tournament-participants-title{font-size:.875rem;margin-bottom:8px}}.tournament-participants-title.blue{color:#dbeafe}.tournament-participants-title.orange{color:#fed7aa}.participants-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}@media (min-width:480px){.participants-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.participants-grid{gap:8px;margin-bottom:12px}}.participant-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px;text-align:center;transition:all .2s}@media (min-width:768px){.participant-btn{font-size:.875rem;padding:8px}}.participant-btn:disabled{cursor:not-allowed}.participant-btn.selected{background-color:#d97706;border:2px solid #fbbf24;color:#fff}.participant-btn.unselected{background-color:#16a34a;color:#fff}.participant-btn.unselected:hover:not(:disabled){background-color:#15803d}.participant-name{display:block;font-size:.625rem;margin-top:2px}@media (min-width:768px){.participant-name{font-size:.75rem;margin-top:4px}}.tournament-complete-btn{background-color:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}@media (min-width:768px){.tournament-complete-btn{font-size:.875rem;padding:8px 16px}}.tournament-complete-btn:hover:not(:disabled){background-color:#15803d}.tournament-complete-btn:disabled{cursor:not-allowed;opacity:.5}.w-3{width:12px}.h-3{height:12px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.text-white{color:#fff}.text-orange-400{color:#fb923c}@media (max-width:640px){.admin-tabs{padding-bottom:8px}.admin-tab{justify-content:center;min-width:60px}.tournament-actions{margin-top:12px}.modal-content{margin:8px;max-height:95vh}.participants-grid{grid-template-columns:1fr}.role-management-grid,.tournament-header{gap:12px}}.loading-spinner{border:2px solid;border-color:#0000 #0000 #f97316;height:24px;margin:0 auto 16px;width:24px}@media (min-width:768px){.loading-spinner{height:32px;width:32px}}@media (prefers-reduced-motion:reduce){.admin-tab,.btn-compact,.role-change-btn,.tournament-btn{transition:none}.loading-spinner,.search-spinner{animation:none}}@media (prefers-contrast:high){.admin-tab.active{border:2px solid #fff}.btn-compact,.role-badge{border:1px solid}}.transactions-tab{display:flex;flex-direction:column;gap:16px}.transactions-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{align-items:center;background:linear-gradient(135deg,#1f2937e6,#111827f2);border:1px solid #4b556380;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.summary-card-total{border-color:#3b82f666}.summary-card-in{border-color:#22c55e66}.summary-card-out{border-color:#ef444466}.summary-icon{align-items:center;background:#4b55634d;border-radius:8px;color:#9ca3af;display:flex;height:40px;justify-content:center;width:40px}.summary-card-total .summary-icon{color:#60a5fa}.summary-card-in .summary-icon{color:#4ade80}.summary-card-out .summary-icon{color:#f87171}.summary-content{display:flex;flex-direction:column;gap:2px}.summary-value{color:#fff;font-size:1.25rem;font-weight:700}.summary-label{color:#9ca3af;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.transactions-filters{background:#1f293799;border:1px solid #4b556366;border-radius:8px;overflow:hidden}.filters-header{background:#37415166;border-bottom:1px solid #4b55634d;justify-content:space-between;padding:10px 14px}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:#e5e7eb;font-size:.875rem;font-weight:600;gap:6px;margin:0}.filters-toggle{background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;color:#60a5fa;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px;transition:all .2s ease}.filters-toggle:hover{background:#3b82f64d}.filters-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:14px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;font-weight:600;gap:4px;text-transform:uppercase}.filter-input,.filter-select{background:#111827cc;border:1px solid #4b556380;border-radius:6px;color:#e5e7eb;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.filter-actions{display:flex;gap:8px;grid-column:1/-1;margin-top:8px}.filter-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn-apply{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.filter-btn-apply:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.filter-btn-reset{background:#0000;border:1px solid #4b556380;color:#9ca3af}.filter-btn-reset:hover{background:#4b55634d;color:#e5e7eb}.transactions-list{background:#1f293799;border:1px solid #4b556366;border-radius:8px;overflow:hidden}.transactions-header{align-items:center;background:#37415166;border-bottom:1px solid #4b55634d;display:flex;justify-content:space-between;padding:12px 14px}.transactions-title{align-items:center;color:#e5e7eb;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin:0}.transactions-count{color:#9ca3af;font-size:.75rem;font-weight:400}.refresh-btn{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refresh-btn:hover:not(:disabled){background:#3b82f64d;transform:rotate(90deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.transactions-empty,.transactions-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.transactions-table-wrapper{overflow-x:auto}.transactions-table{border-collapse:collapse;font-size:.8125rem;width:100%}.transactions-table th{background:#3741514d;border-bottom:1px solid #4b556366;color:#9ca3af;font-size:.6875rem;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.transactions-table td{border-bottom:1px solid #4b556333;color:#e5e7eb;padding:10px 12px}.transaction-row:hover{background:#3741514d}.transaction-time{color:#9ca3af;font-size:.75rem;white-space:nowrap}.transaction-time,.transaction-type{align-items:center;display:flex;gap:6px}.type-label{font-size:.75rem;white-space:nowrap}.transaction-user .user-info{align-items:center;display:flex;gap:6px}.user-name{font-weight:500}.user-role{border-radius:3px;font-size:.625rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.user-role.role-main_admin{background:#ef444433;color:#f87171}.user-role.role-supervisor{background:#a855f733;color:#c084fc}.user-role.role-approver{background:#3b82f633;color:#60a5fa}.transaction-change{font-weight:700}.transaction-balance,.transaction-change{font-family:Courier New,monospace;white-space:nowrap}.transaction-balance{color:#9ca3af}.transaction-description{max-width:300px}.description-text{color:#d1d5db;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-reason{color:#9ca3af;display:block;font-size:.6875rem;font-style:italic}.processed-by{color:#a78bfa;display:block;font-size:.6875rem}.transactions-pagination{border-top:1px solid #4b55634d;gap:16px;padding:12px}.pagination-btn,.transactions-pagination{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#37415180;border:1px solid #4b556380;border-radius:6px;color:#9ca3af;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.pagination-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f6;color:#60a5fa}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#9ca3af;font-size:.8125rem}@media (max-width:768px){.transactions-summary{grid-template-columns:1fr}.summary-card{padding:10px 12px}.summary-value{font-size:1rem}.filters-content{grid-template-columns:1fr}.transactions-table{font-size:.75rem}.transactions-table td,.transactions-table th{padding:8px}.transaction-description{max-width:150px}}.delete-tx-btn{align-items:center;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s}.delete-tx-btn:hover{background:#ef444466;transform:scale(1.05)}.delete-modal{background-color:#1f2937;border:2px solid #ef4444;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.delete-modal .modal-header{align-items:center;border-bottom:1px solid #374151;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.delete-modal .modal-header h3{color:#ef4444;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.delete-modal .modal-close{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s}.delete-modal .modal-close:hover{background:#ffffff1a;color:#fff}.delete-modal .modal-content{border:none;margin:0;max-width:none;padding:0}.delete-modal .modal-content p{color:#d1d5db;line-height:1.5;margin-bottom:16px}.delete-preview{background:#0000004d;border:1px solid #374151;border-radius:8px;margin-bottom:16px;padding:12px}.delete-preview div{color:#9ca3af;font-size:.875rem;margin-bottom:6px}.delete-preview div:last-child{margin-bottom:0}.delete-preview strong{color:#d1d5db;margin-right:8px}.delete-options{gap:16px}.delete-option,.delete-options{display:flex;flex-direction:column}.delete-option{background:#0003;border-radius:8px;gap:12px;padding:16px}.delete-option label{color:#d1d5db;font-size:.875rem;font-weight:500}.delete-option-danger{background:#ef44441a;border:1px solid #ef44444d}.delete-divider{align-items:center;display:flex;gap:16px}.delete-divider:after,.delete-divider:before{background:#374151;content:"";flex:1 1;height:1px}.delete-divider span{color:#6b7280;font-size:.75rem;font-weight:500;text-transform:uppercase}.modal-actions{border-top:1px solid #374151;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.modal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.modal-btn-cancel{background:#374151;color:#d1d5db}.modal-btn-cancel:hover{background:#4b5563}.modal-btn-delete{background:#ef4444;color:#fff}.modal-btn-delete:hover{background:#dc2626}.modal-btn-delete:disabled{background:#6b7280;cursor:not-allowed}.modal-btn-delete-all{background:linear-gradient(135deg,#991b1b,#7f1d1d);border:1px solid #ef4444;color:#fff}.modal-btn-delete-all:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.modal-btn-delete-all:disabled{background:#4b5563;border-color:#6b7280;cursor:not-allowed}.summary-card-system{border-color:#10b981}.summary-card-system .summary-icon{background:linear-gradient(135deg,#10b981,#059669)}.summary-sub{display:block;margin-top:2px}.chat-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #4facfe33;border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;max-height:calc(100vh - 100px);overflow:hidden;position:fixed;right:20px;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.chat-sidebar.minimized{max-height:56px}.mobile-chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.mobile-chat-overlay.active{opacity:1}.chat-sidebar.mobile-active{animation:slideUpMobile .3s ease-out;left:10px;max-height:calc(100vh - 100px);right:10px;top:80px;transform:translateY(0);width:auto}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-bottom:1px solid #4facfe33;justify-content:space-between;padding:14px 18px}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{gap:10px}.chat-title h3{color:#4facfe;font-size:14px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 10px #4facfe80;text-transform:uppercase}.chat-icon{filter:drop-shadow(0 0 6px rgba(79,172,254,.6));font-size:18px}.minimize-btn{align-items:center;background:#4facfe26;border:1px solid #4facfe4d;border-radius:10px;color:#4facfe;cursor:pointer;display:flex;font-size:12px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.minimize-btn:hover{background:#4facfe40;border-color:#4facfe;box-shadow:0 0 15px #4facfe4d;transform:scale(1.05)}.chat-content{max-height:calc(100vh - 180px);overflow-y:auto;padding:14px}.search-container{margin-bottom:14px}.user-search{background:#0000004d;border:1px solid #4facfe33;border-radius:12px;color:#fff;font-size:13px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.user-search:focus{background:#0006;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe26}.user-search::placeholder{color:#fff6}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:54px;padding:12px 14px;transition:all .2s ease}.user-item:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-color:#4facfe4d;box-shadow:0 4px 15px #0003;transform:translateX(4px)}.user-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.user-name{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.user-name.admin-name{color:#ff6b6b;font-weight:700}.admin-badge{animation:glow 2s ease-in-out infinite alternate;font-size:12px}@keyframes glow{0%{filter:drop-shadow(0 0 3px #ff6b6b)}to{filter:drop-shadow(0 0 8px #ff6b6b)}}.user-status{align-items:center;color:#4ade80;display:flex;font-size:11px;font-weight:500;gap:5px}.user-status:before{background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80;content:"";height:6px;width:6px}.typing-indicator{animation:pulse 1.5s infinite;color:#4facfe;font-size:12px}.no-users-message{background:#0003;border:1px dashed #ffffff1a;border-radius:12px;color:#ffffff80!important;font-size:13px!important;padding:30px 20px!important;text-align:center}.chat-window{animation:slideIn .3s ease-out;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #4facfe33;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;height:420px;overflow:hidden;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:340px;z-index:999}.chat-window.minimized{height:56px}.chat-window-header{align-items:center;background:linear-gradient(135deg,#4facfe33,#00f2fe1a);border-bottom:1px solid #4facfe33;display:flex;justify-content:space-between;padding:12px 16px}.chat-user-info{align-items:center;display:flex;gap:10px}.chat-user-name{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px}.chat-user-name.admin-name{color:#ff6b6b}.chat-user-status{align-items:center;color:#4ade80;display:flex;font-size:11px;gap:4px}.chat-user-status:before{background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;content:"";height:5px;width:5px}.chat-window-controls{align-items:center;display:flex;gap:6px;position:relative}.unread-badge{align-items:center;animation:bounce 1s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:10px;box-shadow:0 2px 8px #ff6b6b66;display:flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:55px;top:-10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.control-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.control-btn:hover{background:#4facfe33;border-color:#4facfe66}.control-btn.close:hover{background:#ff6b6b4d;border-color:#ff6b6b80}.chat-window-content{display:flex;flex-direction:column;height:calc(100% - 56px)}.messages-container{background:#0003;gap:10px;padding:14px}.message{flex-direction:column;max-width:85%}.own-message{align-items:flex-end;align-self:flex-end}.other-message{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;border-radius:16px;font-size:13px;line-height:1.5;max-width:100%;overflow-wrap:break-word;padding:10px 14px}.own-message .message-content{background:linear-gradient(135deg,#4facfe,#00f2fe);border-bottom-right-radius:4px;color:#000;font-weight:500}.other-message .message-content{background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff1a;border-bottom-left-radius:4px;color:#fff}.message-time{color:#fff6;font-size:10px;margin-top:4px;padding:0 4px}.message-sender{align-items:center;color:#fff9;display:flex;font-size:10px;font-weight:600;gap:4px;margin-bottom:4px}.message-sender.admin-sender{color:#ff6b6b}.admin-badge-small{font-size:10px}.message-input-form{background:#0000004d;border-top:1px solid #ffffff0d;gap:10px;padding:12px}.message-input{background:#0000004d;border:1px solid #4facfe33;border-radius:12px;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease}.message-input:focus{border-color:#4facfe;box-shadow:0 0 0 3px #4facfe26}.message-input::placeholder{color:#ffffff4d}.send-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-btn:hover{box-shadow:0 4px 15px #4facfe66;transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.chat-content::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:5px}.chat-content::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.chat-content::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#4facfe4d;border-radius:3px}.chat-content::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#4facfe80}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-sidebar:not(.mobile-active){display:none!important}.mobile-chat-overlay.active{display:block!important;z-index:9998!important}.chat-sidebar.mobile-active{display:block!important;left:10px!important;max-height:calc(100vh - 100px)!important;position:fixed!important;right:10px!important;top:80px!important;width:auto!important;z-index:9999!important}.chat-window{height:400px;left:10px!important;right:10px!important;width:calc(100vw - 20px)}.user-item{min-height:60px;padding:14px}.user-name{font-size:15px}}@media (max-width:480px){.chat-sidebar.mobile-active{left:8px!important;right:8px!important;top:70px!important}.chat-window{bottom:10px;left:8px!important;right:8px!important;width:calc(100vw - 16px)}}@media (prefers-reduced-motion:reduce){.admin-badge,.chat-sidebar,.chat-window,.control-btn,.minimize-btn,.send-btn,.unread-badge,.user-item{animation:none;transition:none}}.inbox-container{margin:0 auto;max-width:96rem}.inbox-wrapper{background:linear-gradient(to bottom right,#1e293b,#0f172a);border:1px solid #475569;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.inbox-header{background:linear-gradient(90deg,#ea580c,#f97316);padding:1.5rem}.inbox-header-content{align-items:center;display:flex;justify-content:space-between}.inbox-title-section{align-items:center;display:flex;gap:.75rem}.inbox-title{color:#fff;font-size:1.25rem;font-weight:700}.unread-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#ef4444;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.new-report-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.new-report-button:hover{background-color:#ffffff4d}.inbox-content{padding:1.5rem}.empty-state{padding:4rem 0;text-align:center}.empty-state-icon{align-items:center;background-color:#3341554d;border-radius:9999px;display:flex;height:6rem;justify-content:center;margin:0 auto 1.5rem;width:6rem}.empty-state-title{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-description{color:#94a3b8;margin-bottom:1.5rem}.empty-state-button{align-items:center;background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.empty-state-button:hover{background:linear-gradient(90deg,#c2410c,#ea580c)}.cases-list{display:flex;flex-direction:column;gap:1rem}.case-item{border:2px solid;border-radius:.75rem;cursor:pointer;padding:1.5rem;position:relative;transition:all .2s ease}.case-item.open{background:linear-gradient(90deg,#10b98133,#05966933);border-color:#10b98180}.case-item.open:hover{border-color:#10b981}.case-item.closed{background:linear-gradient(90deg,#ef444433,#dc262633);border-color:#ef444480}.case-item.closed:hover{border-color:#ef4444}.case-item:hover{box-shadow:0 10px 25px -5px #00000040;transform:scale(1.01)}.case-item.unread{box-shadow:0 0 0 2px #fb923c66}.new-message-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#f97316;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.case-content{display:flex;flex-direction:column;gap:1rem}.case-header{align-items:flex-start;display:flex;justify-content:space-between}.case-title-section{flex:1 1}.case-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.case-title{color:#fff;font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{align-items:center;border:1px solid;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.status-badge.open{background-color:#10b9811a;border-color:#10b981;color:#6ee7b7}.status-badge.closed{background-color:#ef44441a;border-color:#ef4444;color:#fca5a5}.case-info{color:#94a3b8;font-size:.875rem;gap:1rem}.case-info,.case-info-item{align-items:center;display:flex}.case-info-item{gap:.25rem}.last-message-preview{background-color:#1e293b80;border:1px solid #47556980;border-radius:.5rem;padding:1rem}.message-sender-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.role-badge{font-size:.75rem;gap:.5rem}.role-badge.main_admin{background-color:#ef444480;color:#fca5a5}.role-badge.supervisor{background-color:#8b5cf680;color:#ddd6fe}.role-badge.approver{background-color:#3b82f680;color:#93c5fd}.role-badge.player{background-color:#10b98180;color:#6ee7b7}.role-badge.system{background-color:#f59e0b80;color:#fcd34d}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#d1d5db;display:-webkit-box;font-size:.875rem;overflow:hidden}.message-timestamp{color:#94a3b8;font-size:.75rem}.case-footer{align-items:center;border-top:1px solid #47556980;display:flex;justify-content:space-between;padding-top:.5rem}.last-updated,.view-conversation{color:#94a3b8;font-size:.75rem}.view-conversation{align-items:center;display:flex}.form-container{margin:0 auto;max-width:64rem}.form-wrapper{background:linear-gradient(to bottom right,#1e293b,#0f172a);border:1px solid #475569;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.form-header{background:linear-gradient(90deg,#ea580c,#f97316);padding:1.5rem}.form-header-content{align-items:center;display:flex;justify-content:space-between}.form-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.close-button{background:none;border-radius:.375rem;color:#fb923ccc;padding:.25rem;transition:all .3s ease}.close-button:hover{background-color:#ea580c}.form-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.info-banner{background-color:#1e3a8a4d;border:1px solid #2563eb80;border-radius:.5rem;padding:1rem}.info-banner-content{align-items:flex-start;display:flex;gap:.75rem}.info-banner-text{color:#bfdbfe}.info-banner-title{color:#dbeafe;font-weight:500;margin-bottom:.25rem}.info-list{color:#93c5fd;font-size:.875rem;gap:.25rem}.form-field,.info-list{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-label{color:#e2e8f0;display:block;font-size:.875rem;font-weight:600}.required-asterisk{color:#f87171}.form-input,.form-textarea{background-color:#33415580;border:1px solid #475569;border-radius:.5rem;color:#fff;padding:1rem;transition:all .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-textarea:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.form-input:disabled,.form-textarea:disabled{opacity:.5}.form-textarea{resize:none}.character-count{align-items:center;display:flex;justify-content:space-between}.char-counter,.min-chars{color:#94a3b8;font-size:.75rem}.status-notice{background-color:#92400e4d;border:1px solid #d9770680;border-radius:.5rem;padding:1rem}.status-notice-content{align-items:center;display:flex;gap:.75rem}.status-notice-text{color:#fbbf24}.status-notice-title{color:#fde68a;font-weight:500;margin-bottom:.25rem}.status-notice-description{color:#fcd34d;font-size:.875rem}.form-actions{display:flex;gap:.75rem;padding-top:1rem}.submit-button{align-items:center;background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#ea580c)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.cancel-button{background-color:#475569;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:0 1.5rem;transition:background-color .3s ease}.cancel-button:hover:not(:disabled){background-color:#374151}.cancel-button:disabled{opacity:.5}.loading-spinner{border:2px solid #fff;border-top-color:#0000;height:1rem;width:1rem}.chat-container{margin:0 auto;max-width:96rem}.chat-wrapper{background:linear-gradient(to bottom right,#1e293b,#0f172a);border:1px solid #475569;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:700px;overflow:hidden}.chat-header{background:linear-gradient(90deg,#475569,#374151);border-bottom:1px solid #475569;padding:1.5rem}.chat-header-content{align-items:center;display:flex;justify-content:space-between}.chat-title-section{flex:1 1}.chat-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.chat-title{color:#fff;font-size:1.25rem;font-weight:700}.chat-info{color:#d1d5db;font-size:.875rem;gap:1.5rem}.chat-info,.chat-info-item{align-items:center;display:flex}.chat-info-item{gap:.5rem}.messages-section{overflow:hidden}.messages-container,.messages-section{display:flex;flex:1 1;flex-direction:column}.messages-container{gap:1rem;overflow-y:auto;padding:1.5rem}.message{display:flex;max-width:80%}.message.user{justify-content:flex-end;margin-left:12%}.message.other{justify-content:flex-start;margin-right:12%}.message-content{display:flex;flex-direction:column}.message.user .message-content{align-items:flex-end}.message.other .message-content{align-items:flex-start}.message-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.message.user .message-header{justify-content:flex-end}.message.other .message-header{justify-content:flex-start}.sender-role{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.message-time{color:#94a3b8;font-size:.75rem}.message-bubble{border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;padding:1rem}.message.user .message-bubble{background:linear-gradient(to bottom right,#ea580c,#f97316);color:#fff}.message.other .message-bubble{background-color:#33415580;border:1px solid #475569;color:#e2e8f0}.message.system .message-bubble{background-color:#1e3a8a80;border:1px solid #2563eb80;color:#dbeafe}.message-text{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.message-input-section{background-color:#1e293b80;border-top:1px solid #475569;padding:1.5rem}.chat-closed-notice{background-color:#7f1d1d4d;border:1px solid #dc262680;border-radius:.5rem;padding:1rem;text-align:center}.chat-closed-content{align-items:center;color:#fca5a5;display:flex;gap:.75rem;justify-content:center}.chat-closed-text{font-weight:500}.message-input-form{flex-direction:column}.message-input-form,.message-input-row{display:flex;gap:.75rem}.message-input{background-color:#33415580;border:1px solid #475569;border-radius:.5rem;color:#fff;flex:1 1;padding:1rem;resize:none;transition:all .3s ease}.message-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.message-input::placeholder{color:#94a3b8}.message-input:disabled{opacity:.5}.send-message-button{align-items:center;align-self:flex-end;background:linear-gradient(90deg,#ea580c,#f97316);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:0 1.5rem;transition:all .3s ease}.send-message-button:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#ea580c)}.send-message-button:disabled{cursor:not-allowed;opacity:.5}.message-input-footer{align-items:center;display:flex;justify-content:space-between}.input-hint,.message-input-footer{color:#94a3b8;font-size:.75rem}.level-display{align-items:center;background:linear-gradient(135deg,#1a1a24,#252532);border:1px solid #3f3f46;border-radius:24px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;position:relative;transition:all .2s ease}.level-display:hover{background:linear-gradient(135deg,#252532,#2d2d3a);border-color:#52525b;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.level-icon{color:#fbbf24;height:18px;width:18px}.level-number{font-size:15px;font-weight:700}.level-title{color:#a1a1aa;font-size:12px;font-weight:500}@media (max-width:640px){.level-display{padding:6px 10px}.level-title{display:none}}.level-progress{background:#1a1a24;border:1px solid #27272a;border-radius:16px;color:#fff;padding:20px}.level-progress-header{justify-content:space-between;margin-bottom:16px}.level-progress-title{color:#fff;font-size:15px;font-weight:600;gap:10px}.level-progress-stats{color:#71717a;font-size:13px}.progress-bar-container{background:#27272a;border-radius:5px;height:10px;margin-bottom:10px;position:relative}.progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80 50%,#86efac);border-radius:5px;transition:width .6s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:100%;left:-100%;width:100%}.progress-details{color:#71717a;font-size:12px}.next-level-info{background:#252532;border-radius:10px;color:#a1a1aa;font-size:12px;margin-top:12px;padding:12px}.badge-display{background:#1a1a24;border:1px solid #27272a;border-radius:16px;color:#fff;padding:20px}.badge-display-header{margin-bottom:20px}.badge-display-title{color:#fff;font-size:16px;font-weight:600;gap:10px}.badge-count{background:#252532;border-radius:20px;color:#a1a1aa;font-size:13px;font-weight:600;padding:6px 12px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-bottom:20px}@media (min-width:768px){.badges-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.badge-item{background:#252532;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px 10px;position:relative;transition:all .2s ease}.badge-item:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-4px)}.badge-item.common{border-color:#52525b}.badge-item.common:hover{border-color:#71717a}.badge-item.rare{border-color:#3b82f6;box-shadow:0 0 12px #3b82f633}.badge-item.rare:hover{box-shadow:0 0 20px #3b82f659}.badge-item.epic{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf633}.badge-item.epic:hover{box-shadow:0 0 20px #8b5cf659}.badge-item.legendary{animation:legendaryPulse 3s ease-in-out infinite;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2440}.badge-item.legendary:hover{box-shadow:0 0 25px #fbbf2466}@keyframes legendaryPulse{0%,to{box-shadow:0 0 15px #fbbf2440}50%{box-shadow:0 0 20px #fbbf2459}}.badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px;margin-bottom:8px}.badge-name{color:#e4e4e7;font-size:11px;font-weight:600;line-height:1.3;text-align:center;word-break:break-word}.badge-progress-item{background:#1a1a24;border-color:#3f3f46!important;border-style:dashed!important;opacity:.7}.badge-progress-item .badge-icon{filter:grayscale(80%) opacity(.6)}.badge-progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:0 0 10px 10px;bottom:0;height:4px;left:0;position:absolute;transition:width .3s ease}.badges-footer{align-items:center;border-top:1px solid #27272a;color:#71717a;display:flex;font-size:13px;justify-content:space-between;padding-top:16px}.badges-completion{align-items:center;display:flex;gap:10px}.completion-bar{background:#27272a;border-radius:3px;height:6px;overflow:hidden;width:80px}.completion-progress{background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:3px;height:100%;transition:width .5s ease}.badge-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.badge-modal{animation:modalSlide .3s ease;background:linear-gradient(180deg,#1a1a24,#12121a);border:1px solid #27272a;border-radius:20px;max-height:85vh;max-width:420px;overflow-y:auto;padding:28px;position:relative;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.badge-modal-info{flex:1 1;text-align:center}.badge-modal-close{align-items:center;background:#252532;border:none;border-radius:8px;color:#71717a;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.badge-modal-close:hover{background:#2d2d3a;color:#fff}.badge-modal-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));font-size:56px;margin-bottom:16px}.badge-modal-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:10px}.badge-modal-description{color:#a1a1aa;font-size:14px;line-height:1.5;margin-bottom:20px}.badge-rarity{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.badge-rarity.common{background:linear-gradient(135deg,#52525b,#71717a);color:#fff}.badge-rarity.rare{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.badge-rarity.epic{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.badge-rarity.legendary{animation:legendaryShine 2s ease-in-out infinite;background:linear-gradient(135deg,#d97706,#fbbf24);color:#1a1a24}@keyframes legendaryShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.badge-modal-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:20px 0}@media (min-width:400px){.badge-modal-stats{grid-template-columns:repeat(3,1fr)}}.badge-stat{background:#252532;border-radius:12px;padding:14px;text-align:center}.badge-stat-label{color:#71717a;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.badge-stat-value{color:#fff;font-size:15px;font-weight:700}.badge-progress-info{background:#252532;border-radius:14px;margin-top:20px;padding:20px}.badge-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.badge-progress-label{align-items:center;color:#a1a1aa;display:flex;font-size:13px;font-weight:600;gap:6px}.badge-progress-percentage{color:#22c55e;font-size:14px;font-weight:700}.badge-progress-bar-container{background:#1a1a24;border-radius:5px;height:10px;margin-bottom:12px;overflow:hidden}.badge-progress-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:5px;height:100%;position:relative;transition:width .6s ease}.badge-progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.badge-progress-text{color:#71717a;font-size:12px;text-align:center}.badge-tips{background:#252532;border-radius:12px;color:#a1a1aa;font-size:13px;margin-top:16px;padding:16px}.badge-tips-header{align-items:center;color:#fbbf24;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.badge-modal-action{margin-top:24px;text-align:center}.badge-modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s ease}.badge-modal-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.badge-modal-btn.common{background:#52525b;color:#fff}.badge-modal-btn.rare{background:#3b82f6;color:#fff}.badge-modal-btn.epic{background:#8b5cf6;color:#fff}.badge-modal-btn.legendary{background:linear-gradient(135deg,#d97706,#fbbf24);color:#1a1a24}.level-up-notification{animation:levelUpAppear .5s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(180deg,#1a1a24,#12121a);border:2px solid #fbbf24;border-radius:20px;box-shadow:0 0 60px #fbbf2466,0 25px 50px #00000080,inset 0 1px 0 #ffffff1a;left:50%!important;margin:0!important;max-width:90vw;padding:36px;position:fixed!important;text-align:center;top:50%!important;inset:auto!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;width:380px;z-index:10001!important}.level-up-notification:before{animation:fadeInOverlay .3s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;content:"";inset:0;position:fixed;z-index:-1}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes levelUpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.level-up-icon{animation:levelUpIconPulse 2s ease-in-out infinite;display:block;filter:drop-shadow(0 0 20px rgba(251,191,36,.6));font-size:80px;margin-bottom:20px}@keyframes levelUpIconPulse{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(251,191,36,.9));transform:scale(1.1)}}.level-up-title{color:#fbbf24;font-size:32px;font-weight:800;letter-spacing:2px;margin:0 0 8px;text-shadow:0 0 30px #fbbf2499;text-transform:uppercase}.level-up-subtitle{color:#a1a1aa;font-size:15px;font-weight:500;margin:0 0 28px}.level-up-details{background:#252532cc;border:1px solid #fbbf2433;border-radius:16px;margin-bottom:28px;padding:24px}.level-up-level-change{align-items:center;color:#fff;display:flex;font-size:26px;font-weight:700;gap:20px;justify-content:center;margin-bottom:12px}.level-up-level-change span:first-child{color:#71717a}.level-up-level-change span:last-child{color:#fbbf24;text-shadow:0 0 15px #fbbf2480}.level-up-arrow{animation:arrowPulse 1s ease-in-out infinite;color:#22c55e;font-size:28px}@keyframes arrowPulse{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.level-up-title-change{background:#22c55e26;border-radius:8px;color:#22c55e;display:inline-block;font-size:15px;font-weight:600;margin-top:8px;padding:8px 16px}.level-up-close{background:linear-gradient(135deg,#d97706,#fbbf24);border:none;border-radius:12px;box-shadow:0 4px 15px #fbbf244d;color:#1a1a24;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 36px;text-transform:uppercase;transition:all .2s ease}.level-up-close:hover{box-shadow:0 6px 20px #fbbf2466;filter:brightness(1.1);transform:translateY(-3px)}.level-up-close:active{transform:translateY(-1px)}.badge-unlock-notification{animation:badgeSlideIn .4s ease;background:linear-gradient(135deg,#1a1a24,#12121a);border:2px solid #22c55e;border-radius:16px;box-shadow:0 10px 30px #0006;max-width:320px;padding:18px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes badgeSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.badge-unlock-header{align-items:center;display:flex;gap:14px;margin-bottom:10px}.badge-unlock-icon{animation:badgeSpin .6s ease;font-size:36px}@keyframes badgeSpin{0%{transform:rotateY(0deg) scale(.5)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(1turn) scale(1)}}.badge-unlock-info{flex:1 1}.badge-unlock-title{color:#22c55e;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.badge-unlock-name{color:#fff;font-size:15px;font-weight:600}.badge-unlock-description{color:#a1a1aa;font-size:12px;margin-bottom:10px}.badge-unlock-exp{color:#fbbf24;font-size:12px;gap:6px}.badge-unlock-exp,.exp-gain-notification{align-items:center;display:flex;font-weight:600}.exp-gain-notification{animation:expFloat 3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a24f2;border:1px solid #22c55e;border-radius:10px;bottom:24px;color:#22c55e;font-size:14px;gap:8px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:999}@keyframes expFloat{0%{opacity:0;transform:translateX(-50%) translateY(20px)}15%,80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media (max-width:640px){.badges-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.badge-item{padding:12px 8px}.badge-icon{font-size:24px}.badge-name{font-size:10px}.badge-modal{border-radius:16px;padding:20px}.badge-modal-icon{font-size:48px}.badge-modal-title{font-size:18px}.badge-modal-stats{grid-template-columns:repeat(2,1fr)}.level-up-notification{max-width:360px;padding:28px 20px;width:92vw}.level-up-icon{font-size:60px;margin-bottom:16px}.level-up-title{font-size:24px;letter-spacing:1px}.level-up-subtitle{font-size:14px;margin-bottom:20px}.level-up-details{margin-bottom:20px;padding:18px}.level-up-level-change{font-size:22px;gap:14px}.level-up-close{font-size:14px;padding:12px 28px}.badge-unlock-notification{left:12px;max-width:none;right:12px}}@media (prefers-reduced-motion:reduce){.badge-item,.badge-item.legendary,.badge-modal,.badge-progress-bar-fill:after,.badge-rarity.legendary,.badge-unlock-notification,.exp-gain-notification,.level-up-notification,.progress-bar:after{animation:none}}.badge-item:focus,.level-display:focus{outline:2px solid #22c55e;outline-offset:2px}.badge-modal:focus{outline:none}[dir=rtl] .badge-unlock-notification{animation:badgeSlideInRTL .4s ease;left:20px;right:auto}@keyframes badgeSlideInRTL{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}[dir=rtl] .badge-modal-close{left:16px;right:auto}.loading-spinner-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh}.loading-spinner-content{max-width:400px;padding:2rem;text-align:center}.loading-spinner{border-right:4px solid #0000;border-top:4px solid #0000;border-color:#ea580c #dc2626 #0000 #0000;border-style:solid;border-width:4px;height:4rem;margin:0 auto 1.5rem;position:relative;width:4rem}.loading-spinner:before{animation:spin 2s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top-color:#ea580c4d;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.loading-spinner:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#f97316;bottom:4px;content:"";left:4px;position:absolute;right:4px;top:4px}.loading-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ea580c,#dc2626,#f97316);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px #f9731680}.loading-description{color:#9ca3af;font-size:1rem;line-height:1.6;margin-bottom:2rem}.loading-progress{background:#374151;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;width:100%}.loading-progress-bar{animation:loadingProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#ea580c,#dc2626,#f97316);border-radius:2px;height:100%}@keyframes loadingProgress{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:70%}to{transform:translateX(100%);width:100%}}.loading-dots{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.loading-dot{animation:loadingDots 1.4s ease-in-out infinite both;background:#ea580c;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-pulse{animation:pulse 2s ease-in-out infinite}.loading-spinner-alt{height:4rem;margin:0 auto 1.5rem;position:relative;width:4rem}.loading-spinner-alt:before{animation:spin 1s linear infinite;border:4px solid #374151;border-radius:50%;border-top-color:#ea580c;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loading-spinner-alt:after{animation:spin 1.5s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#dc2626;content:"";height:calc(100% - 16px);left:8px;position:absolute;top:8px;width:calc(100% - 16px)}.loading-messages{margin-top:1rem;min-height:1.5rem}.loading-message{animation:fadeInOut 3s ease-in-out infinite;color:#cbd5e1;font-size:.875rem}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}@media (max-width:768px){.loading-spinner-content{padding:1rem}.loading-spinner{border-width:3px;height:3rem;width:3rem}.loading-spinner:before{border-width:3px}.loading-title{font-size:1.25rem}.loading-description{font-size:.875rem}}@media (max-width:480px){.loading-spinner-content{padding:.5rem}.loading-spinner{border-width:2px;height:2.5rem;width:2.5rem}.loading-title{font-size:1.125rem}.loading-description{font-size:.8125rem}}.loading-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#ef4444}.loading-error,.loading-success{font-size:.875rem;margin-top:1rem;padding:.75rem}.loading-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:.5rem;color:#10b981}.loading-percentage{color:#ea580c;font-size:.875rem;font-weight:600;margin-top:.5rem}.cod-loading-spinner{animation:spin 2s linear infinite;background:conic-gradient(from 0deg,#ea580c,#dc2626,#f97316,#ea580c);border-radius:50%;height:4rem;margin:0 auto 1.5rem;position:relative;width:4rem}.cod-loading-spinner:before{align-items:center;background:#1f2937;border-radius:50%;content:"🎮";display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.5rem}.loading-glow{box-shadow:0 0 20px #ea580c66,0 0 40px #ea580c33,0 0 60px #ea580c1a}:root{--pp-bg-primary:#0a0a0f;--pp-bg-secondary:#12121a;--pp-bg-card:#1a1a24;--pp-bg-card-hover:#222230;--pp-bg-elevated:#252532;--pp-accent:#f97316;--pp-accent-light:#fb923c;--pp-accent-dark:#ea580c;--pp-gold:#fbbf24;--pp-silver:#94a3b8;--pp-bronze:#d97706;--pp-green:#22c55e;--pp-blue:#3b82f6;--pp-purple:#8b5cf6;--pp-red:#ef4444;--pp-cyan:#06b6d4;--pp-text-primary:#fff;--pp-text-secondary:#a1a1aa;--pp-text-muted:#71717a;--pp-border:#27272a;--pp-border-light:#3f3f46;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 6px #0006;--pp-shadow-lg:0 10px 25px #00000080;--pp-shadow-glow:0 0 20px #f9731626;--pp-space-1:0.25rem;--pp-space-2:0.5rem;--pp-space-3:0.75rem;--pp-space-4:1rem;--pp-space-5:1.25rem;--pp-space-6:1.5rem;--pp-space-8:2rem;--pp-radius-sm:0.375rem;--pp-radius-md:0.5rem;--pp-radius-lg:0.75rem;--pp-radius-xl:1rem;--pp-radius-full:9999px;--pp-transition:200ms cubic-bezier(0.4,0,0.2,1)}.public-profile-container{background:#0a0a0f;background:var(--pp-bg-primary);color:#fff;color:var(--pp-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding-bottom:100px}.public-profile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#12121a,#0a0a0f);background:linear-gradient(180deg,var(--pp-bg-secondary) 0,var(--pp-bg-primary) 100%);border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);padding:1.25rem 1rem;padding:var(--pp-space-5) var(--pp-space-4);position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.public-profile-title{margin:.75rem 0;margin:var(--pp-space-3) 0;text-align:center}.profile-quick-info{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--pp-space-4);justify-content:center;margin-top:1rem;margin-top:var(--pp-space-4);padding:.75rem 0;padding:var(--pp-space-3) 0}.quick-info-item{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:9999px;border-radius:var(--pp-radius-full);color:#a1a1aa;color:var(--pp-text-secondary);display:flex;font-size:.875rem;gap:.5rem;gap:var(--pp-space-2);padding:.5rem 1rem;padding:var(--pp-space-2) var(--pp-space-4)}.quick-info-item svg{color:#f97316;color:var(--pp-accent);height:16px;width:16px}.status-indicator{align-items:center;display:inline-flex;font-weight:500;gap:.5rem;gap:var(--pp-space-2)}.status-indicator:before{border-radius:50%;content:"";height:8px;width:8px}.status-indicator.online:before{background:#22c55e;background:var(--pp-green);box-shadow:0 0 8px #22c55e;box-shadow:0 0 8px var(--pp-green)}.status-indicator.offline:before{background:#71717a;background:var(--pp-text-muted)}.status-indicator.online{color:#22c55e;color:var(--pp-green)}.status-indicator.offline{color:#71717a;color:var(--pp-text-muted)}.own-profile-badge{background:linear-gradient(135deg,#f97316,#fbbf24);background:linear-gradient(135deg,var(--pp-accent) 0,var(--pp-gold) 100%);border-radius:9999px;border-radius:var(--pp-radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;padding:var(--pp-space-1) var(--pp-space-3);text-transform:uppercase}.header-top{align-items:center;display:flex;gap:1rem;gap:var(--pp-space-4);justify-content:space-between;margin:0 auto;max-width:1200px}.header-info{flex:1 1;min-width:0}.public-profile-title{color:#fff;color:var(--pp-text-primary);font-size:1.25rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-description{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem}.leaderboard-description,.leaderboard-meta{margin-top:.25rem;margin-top:var(--pp-space-1)}.leaderboard-meta{color:#71717a;color:var(--pp-text-muted);font-size:.688rem}.header-actions{display:flex;flex-shrink:0;gap:.5rem;gap:var(--pp-space-2)}.back-button,.language-button,.refresh-button,.search-button{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.5rem;border-radius:var(--pp-radius-md);color:#fff;color:var(--pp-text-primary);cursor:pointer;display:none;font-size:.813rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);padding:.5rem .75rem;padding:var(--pp-space-2) var(--pp-space-3);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.back-button:hover,.language-button:hover,.refresh-button:hover,.search-button:hover{background:#222230;background:var(--pp-bg-card-hover);border-color:#3f3f46;border-color:var(--pp-border-light)}.language-button{border-color:#f97316;border-color:var(--pp-accent)}.language-button:hover{background:#8b5cf61a;border-color:var(--pp-accent-bright)}@media (min-width:768px){.back-button,.language-button,.refresh-button,.search-button{display:inline-flex}.public-profile-header{padding:1.25rem 1.5rem;padding:var(--pp-space-5) var(--pp-space-6)}.public-profile-title{font-size:1.5rem}}.floating-actions{bottom:1rem;bottom:var(--pp-space-4);display:flex;flex-direction:column;gap:.75rem;gap:var(--pp-space-3);position:fixed;right:1rem;right:var(--pp-space-4);z-index:200}.floating-btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--pp-radius-full);box-shadow:0 10px 25px #00000080;box-shadow:var(--pp-shadow-lg);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition);width:48px}.floating-btn svg{height:20px;width:20px}.floating-btn.back-btn{background:#252532;background:var(--pp-bg-elevated);color:#fff;color:var(--pp-text-primary)}.floating-btn.refresh-btn{background:#3b82f6;background:var(--pp-blue);color:#fff}.floating-btn.search-btn{background:#f97316;background:var(--pp-accent);color:#fff}.floating-btn.lang-btn{background:linear-gradient(135deg,#f97316,#3b82f6);background:linear-gradient(135deg,var(--pp-accent),var(--pp-blue));color:#fff;font-size:1.25rem}.floating-btn:hover{transform:scale(1.1)}.floating-btn:active{transform:scale(.95)}.language-dropdown-wrapper{display:inline-block;position:relative}.language-dropdown{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.5rem;border-radius:var(--pp-radius-md);box-shadow:0 10px 25px #00000080;box-shadow:var(--pp-shadow-lg);margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-dropdown .lang-option{align-items:center;background:#0000;border:none;color:#fff;color:var(--pp-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 14px;text-align:left;transition:background .2s;width:100%}.language-dropdown .lang-option:hover{background:#222230;background:var(--pp-bg-card-hover)}.language-dropdown .lang-option.active{background:#f9731626;color:#f97316;color:var(--pp-accent)}.language-dropdown .lang-flag{font-size:1.1rem}.language-dropdown .lang-name{flex:1 1}.floating-lang-wrapper{position:relative}.floating-lang-dropdown{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.5rem;border-radius:var(--pp-radius-md);bottom:100%;box-shadow:0 10px 25px #00000080;box-shadow:var(--pp-shadow-lg);margin-bottom:8px;min-width:150px;overflow:hidden;position:absolute;right:0;z-index:1000}.floating-lang-dropdown .lang-option{align-items:center;background:#0000;border:none;color:#fff;color:var(--pp-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 14px;text-align:left;transition:background .2s;width:100%}.floating-lang-dropdown .lang-option:hover{background:#222230;background:var(--pp-bg-card-hover)}.floating-lang-dropdown .lang-option.active{background:#f9731626;color:#f97316;color:var(--pp-accent)}.floating-lang-dropdown .lang-flag{font-size:1.2rem}.floating-lang-dropdown .lang-name{flex:1 1}@media (min-width:768px){.floating-actions{display:none}}.public-profile-content{margin:0 auto;max-width:1200px;padding:1rem;padding:var(--pp-space-4)}@media (min-width:768px){.public-profile-content{padding:1.5rem;padding:var(--pp-space-6)}}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem 1rem;padding:var(--pp-space-8) var(--pp-space-4);text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #27272a;border-top-color:#f97316;border:3px solid var(--pp-border);border-top-color:var(--pp-accent);height:40px;margin-bottom:1rem;margin-bottom:var(--pp-space-4);width:40px}.retry-button{background:#f97316;background:var(--pp-accent);border:none;border-radius:.5rem;border-radius:var(--pp-radius-md);color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;margin-top:var(--pp-space-4);padding:.75rem 1.5rem;padding:var(--pp-space-3) var(--pp-space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.retry-button:hover{background:#ea580c;background:var(--pp-accent-dark)}.leaderboard-types{grid-gap:.75rem;grid-gap:var(--pp-space-3);display:grid;gap:.75rem;gap:var(--pp-space-3);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:1rem;padding:var(--pp-space-4)}@media (min-width:640px){.leaderboard-types{grid-template-columns:repeat(4,1fr);padding:1rem 1.5rem;padding:var(--pp-space-4) var(--pp-space-6)}}.type-button{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:2px solid #27272a;border:2px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);cursor:pointer;display:flex;gap:.75rem;gap:var(--pp-space-3);overflow:hidden;padding:.75rem 1rem;padding:var(--pp-space-3) var(--pp-space-4);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.type-button:hover{background:#222230;background:var(--pp-bg-card-hover);border-color:#3f3f46;border-color:var(--pp-border-light)}.type-button.active{background:linear-gradient(135deg,#1a1a24,#f973161a);background:linear-gradient(135deg,var(--pp-bg-card) 0,#f973161a 100%);border-color:#f97316;border-color:var(--type-color,var(--pp-accent))}.type-button svg{flex-shrink:0}.type-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.type-label{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600}.type-description{color:#71717a;color:var(--pp-text-muted);font-size:.688rem}.type-indicator{bottom:0;height:3px;left:0;position:absolute;right:0}.podium-section{margin-bottom:1.5rem;margin-bottom:var(--pp-space-6)}.podium-title{align-items:center;color:#fbbf24;color:var(--pp-gold);display:flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--pp-space-2);margin-bottom:1rem;margin-bottom:var(--pp-space-4)}.podium{grid-gap:.75rem;grid-gap:var(--pp-space-3);align-items:end;display:grid;gap:.75rem;gap:var(--pp-space-3);grid-template-columns:1fr 1.2fr 1fr}.podium-position{background:#1a1a24;background:var(--pp-bg-card);border:2px solid #0000;border-radius:.75rem;border-radius:var(--pp-radius-lg);cursor:pointer;padding:1rem;padding:var(--pp-space-4);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.podium-position:hover{box-shadow:0 10px 25px #00000080;box-shadow:var(--pp-shadow-lg);transform:translateY(-4px)}.podium-position.first{background:linear-gradient(180deg,#fbbf2426,#1a1a24);background:linear-gradient(180deg,#fbbf2426 0,var(--pp-bg-card) 100%);border-color:#fbbf24;border-color:var(--pp-gold);padding:1.25rem;padding:var(--pp-space-5)}.podium-position.second{background:linear-gradient(180deg,#94a3b81a,#1a1a24);background:linear-gradient(180deg,#94a3b81a 0,var(--pp-bg-card) 100%);border-color:#94a3b8;border-color:var(--pp-silver)}.podium-position.third{background:linear-gradient(180deg,#d977061a,#1a1a24);background:linear-gradient(180deg,#d977061a 0,var(--pp-bg-card) 100%);border-color:#d97706;border-color:var(--pp-bronze)}.podium-rank{margin-bottom:.75rem;margin-bottom:var(--pp-space-3)}.podium-player{flex-direction:column;gap:.5rem;gap:var(--pp-space-2)}.player-avatar,.podium-player{align-items:center;display:flex}.player-avatar{background:#252532;background:var(--pp-bg-elevated);border-radius:9999px;border-radius:var(--pp-radius-full);color:#a1a1aa;color:var(--pp-text-secondary);height:48px;justify-content:center;position:relative;width:48px}.player-avatar.champion{background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--pp-gold) 0,var(--pp-bronze) 100%);color:#0a0a0f;color:var(--pp-bg-primary);height:64px;width:64px}.player-avatar .status-dot{border:2px solid #1a1a24;border:2px solid var(--pp-bg-card);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-dot.online{background:#22c55e;background:var(--pp-green)}.status-dot.offline{background:#71717a;background:var(--pp-text-muted)}.player-info{min-width:0;width:100%}.player-name{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-value{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.75rem;margin-top:.25rem;margin-top:var(--pp-space-1)}.rank-badge{border-radius:.375rem;border-radius:var(--pp-radius-sm);display:inline-block;font-size:.688rem;font-weight:700;margin-top:.5rem;margin-top:var(--pp-space-2);padding:.25rem .5rem;padding:var(--pp-space-1) var(--pp-space-2)}.champion-badge,.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--pp-gold) 0,var(--pp-bronze) 100%);color:#0a0a0f;color:var(--pp-bg-primary)}.rank-badge.silver{background:#94a3b8;background:var(--pp-silver)}.rank-badge.bronze,.rank-badge.silver{color:#0a0a0f;color:var(--pp-bg-primary)}.rank-badge.bronze{background:#d97706;background:var(--pp-bronze)}.champion-badge{font-size:.75rem;margin-top:.5rem;margin-top:var(--pp-space-2);padding:.25rem .75rem;padding:var(--pp-space-1) var(--pp-space-3)}.leaderboard-list{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);overflow:hidden}.list-header{background:#12121a;background:var(--pp-bg-secondary);border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);padding:1rem;padding:var(--pp-space-4)}.list-title{align-items:center;color:#fff;color:var(--pp-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);margin:0}.list-count{color:#71717a;color:var(--pp-text-muted);font-weight:400;margin-left:.5rem;margin-left:var(--pp-space-2)}.ranking-list{max-height:600px;overflow-y:auto}.ranking-item{grid-gap:.75rem;grid-gap:var(--pp-space-3);align-items:center;border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);cursor:pointer;display:grid;gap:.75rem;gap:var(--pp-space-3);grid-template-columns:50px 1fr auto auto;padding:.75rem 1rem;padding:var(--pp-space-3) var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:#222230;background:var(--pp-bg-card-hover)}.ranking-item.current-user{background:#f973161a;border-left:3px solid #f97316;border-left:3px solid var(--pp-accent)}.ranking-item.rank-1{background:linear-gradient(90deg,#fbbf241a,#0000)}.ranking-item.rank-2{background:linear-gradient(90deg,#94a3b814,#0000)}.ranking-item.rank-3{background:linear-gradient(90deg,#d9770614,#0000)}.ranking-rank{align-items:center;color:#71717a;color:var(--pp-text-muted);display:flex;font-weight:700;justify-content:center}.rank-number{font-size:.875rem}.ranking-player{align-items:center;display:flex;gap:.75rem;gap:var(--pp-space-3);min-width:0}.ranking-player .player-avatar{flex-shrink:0;height:40px;width:40px}.player-details{min-width:0}.player-details .player-name{align-items:center;display:flex;gap:.5rem;gap:var(--pp-space-2)}.you-badge{color:#f97316;color:var(--pp-accent);font-size:.688rem;font-weight:500}.player-username{font-size:.75rem}.player-meta,.player-username{color:#71717a;color:var(--pp-text-muted)}.player-meta{font-size:.688rem;margin-top:.25rem;margin-top:var(--pp-space-1)}.ranking-stats{min-width:80px;text-align:right}.primary-stat{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600}.secondary-stat{color:#71717a;color:var(--pp-text-muted);font-size:.688rem;margin-top:.25rem;margin-top:var(--pp-space-1)}.ranking-indicator{min-width:60px;text-align:right}.status-text{border-radius:.375rem;border-radius:var(--pp-radius-sm);font-size:.688rem;font-weight:500;padding:.25rem .5rem;padding:var(--pp-space-1) var(--pp-space-2)}.status-text.online{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.status-text.offline{background:#71717a26;color:#71717a;color:var(--pp-text-muted)}@media (max-width:640px){.ranking-item{gap:.5rem;gap:var(--pp-space-2);grid-template-columns:40px 1fr auto;padding:.75rem;padding:var(--pp-space-3)}.ranking-indicator{display:none}.ranking-player .player-avatar{height:36px;width:36px}.player-meta{display:none}.ranking-stats{min-width:60px}.primary-stat{font-size:.75rem}}.search-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--pp-space-4);position:fixed;z-index:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{animation:slideUp .3s ease;background:#1a1a24;background:var(--pp-bg-card);border-radius:1rem;border-radius:var(--pp-radius-xl);max-height:80vh;max-width:500px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{align-items:center;border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);display:flex;justify-content:space-between;padding:1rem;padding:var(--pp-space-4)}.search-modal-header h3{font-size:1rem;font-weight:600;margin:0}.close-button{align-items:center;background:#252532;background:var(--pp-bg-elevated);border:none;border-radius:.5rem;border-radius:var(--pp-radius-md);color:#a1a1aa;color:var(--pp-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition);width:32px}.close-button:hover{background:#222230;background:var(--pp-bg-card-hover);color:#fff;color:var(--pp-text-primary)}.profile-tabs{-webkit-overflow-scrolling:touch;background:#12121a;background:var(--pp-bg-secondary);border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);overflow-x:auto;padding:1rem;padding:var(--pp-space-4)}.profile-tab,.profile-tabs,.tab-button{display:flex;gap:.5rem;gap:var(--pp-space-2);justify-content:center}.profile-tab,.tab-button{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);color:#a1a1aa;color:var(--pp-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;min-width:100px;padding:.75rem 1.25rem;padding:var(--pp-space-3) var(--pp-space-5);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition);white-space:nowrap}.profile-tab:hover,.tab-button:hover{background:#222230;background:var(--pp-bg-card-hover);border-color:#3f3f46;border-color:var(--pp-border-light);color:#fff;color:var(--pp-text-primary);transform:translateY(-2px)}.profile-tab.active,.tab-button.active{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--pp-accent) 0,var(--pp-accent-dark) 100%);border-color:#f97316;border-color:var(--pp-accent);box-shadow:0 4px 12px #f973164d;color:#fff}.profile-tab svg,.tab-button svg{height:18px;width:18px}@media (max-width:640px){.profile-tabs{gap:.5rem;gap:var(--pp-space-2);justify-content:flex-start;padding:.75rem;padding:var(--pp-space-3)}.profile-tab,.tab-button{flex-shrink:0;font-size:.75rem;min-width:auto;padding:.5rem .75rem;padding:var(--pp-space-2) var(--pp-space-3)}.profile-tab svg,.tab-button svg{height:14px;width:14px}}.public-player-info{flex-direction:column}.player-main-card,.public-player-info{display:flex;gap:1rem;gap:var(--pp-space-4)}.player-main-card{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.player-avatar-section{flex-shrink:0;position:relative}.player-avatar-section .player-avatar{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--pp-accent) 0,var(--pp-accent-dark) 100%);color:#fff;height:72px;width:72px}.player-avatar-section .status-dot{border-width:3px;bottom:0;height:16px;right:0;width:16px}.player-identity{flex:1 1;min-width:0}.player-identity .player-name{align-items:center;display:flex;flex-wrap:wrap;font-size:1.25rem;gap:.5rem;gap:var(--pp-space-2)}.own-badge{color:#f97316;color:var(--pp-accent);font-size:.75rem;font-weight:500}.player-identity .player-username{font-size:.875rem;margin-top:.25rem;margin-top:var(--pp-space-1)}.role-badge{background:#252532;background:var(--pp-bg-elevated);border-radius:9999px;border-radius:var(--pp-radius-full);color:#a1a1aa;color:var(--pp-text-secondary);display:inline-flex;font-size:.688rem;font-weight:600;gap:var(--pp-space-1);letter-spacing:.5px;margin-top:.5rem;margin-top:var(--pp-space-2);padding:.25rem .75rem;padding:var(--pp-space-1) var(--pp-space-3)}.role-badge.main-admin{background:#ef444426;color:#ef4444;color:var(--pp-red)}.role-badge.supervisor{background:#8b5cf626;color:#8b5cf6;color:var(--pp-purple)}.role-badge.approver{background:#3b82f626;color:#3b82f6;color:var(--pp-blue)}.role-badge.player{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.level-section{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.level-header{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.level-header,.level-main{display:flex;gap:1rem;gap:var(--pp-space-4)}.level-main,.level-number{align-items:center}.level-number{color:#fbbf24;color:var(--pp-gold);display:flex;font-size:2rem;font-weight:800;gap:.5rem;gap:var(--pp-space-2)}.level-number svg{height:28px;width:28px}.level-info .level-title{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600}.level-info .level-exp{color:#71717a;color:var(--pp-text-muted);font-size:.75rem;margin-top:.25rem;margin-top:var(--pp-space-1)}.level-rank{align-items:center;background:#252532;background:var(--pp-bg-elevated);border-radius:.5rem;border-radius:var(--pp-radius-md);color:#a1a1aa;color:var(--pp-text-secondary);display:flex;font-size:.75rem;gap:.5rem;gap:var(--pp-space-2);padding:.5rem .75rem;padding:var(--pp-space-2) var(--pp-space-3)}.level-rank svg{color:#fbbf24;color:var(--pp-gold);height:16px;width:16px}.quick-stats-grid{grid-gap:.75rem;grid-gap:var(--pp-space-3);display:grid;gap:.75rem;gap:var(--pp-space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.quick-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.quick-stats-grid{grid-template-columns:repeat(6,1fr)}}.quick-stat-item{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);display:flex;gap:.75rem;gap:var(--pp-space-3);padding:1rem;padding:var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.quick-stat-item:hover{border-color:#3f3f46;border-color:var(--pp-border-light);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:.5rem;border-radius:var(--pp-radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.quick-stat-item.points .stat-icon{background:#06b6d426;color:#06b6d4;color:var(--pp-cyan)}.quick-stat-item.wins .stat-icon{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.quick-stat-item.winrate .stat-icon{background:#3b82f626;color:#3b82f6;color:var(--pp-blue)}.quick-stat-item.streak .stat-icon{background:#fbbf2426;color:#fbbf24;color:var(--pp-gold)}.quick-stat-item.badges .stat-icon{background:#8b5cf626;color:#8b5cf6;color:var(--pp-purple)}.quick-stat-item.matches .stat-icon{background:#f9731626;color:#f97316;color:var(--pp-accent)}.stat-content{min-width:0}.stat-value{color:#fff;color:var(--pp-text-primary);font-size:1.125rem;font-weight:700}.stat-label{color:#71717a;color:var(--pp-text-muted);font-size:.688rem;letter-spacing:.5px;text-transform:uppercase}.game-mode-stats{grid-gap:1rem;grid-gap:var(--pp-space-4);display:grid;gap:1rem;gap:var(--pp-space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.game-mode-stats{grid-template-columns:1fr}}.game-mode-card{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.game-mode-header{align-items:center;border-bottom:1px solid #27272a;border-bottom:1px solid var(--pp-border);display:flex;gap:.75rem;gap:var(--pp-space-3);margin-bottom:1rem;margin-bottom:var(--pp-space-4);padding-bottom:.75rem;padding-bottom:var(--pp-space-3)}.game-mode-icon{align-items:center;border-radius:.5rem;border-radius:var(--pp-radius-md);display:flex;height:40px;justify-content:center;width:40px}.game-mode-card.multiplayer .game-mode-icon{background:#f9731626;color:#f97316;color:var(--pp-accent)}.game-mode-card.battle-royale .game-mode-icon{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.game-mode-title{color:#fff;color:var(--pp-text-primary);font-size:1rem;font-weight:600}.game-mode-stats-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--pp-space-3)}.game-mode-stat{align-items:center;display:flex;justify-content:space-between}.game-mode-stat-label{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem}.game-mode-stat-value{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600}.account-info-card{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.account-info-title{align-items:center;color:#fff;color:var(--pp-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);margin-bottom:1rem;margin-bottom:var(--pp-space-4)}.account-info-grid{grid-gap:1rem;grid-gap:var(--pp-space-4);display:grid;gap:1rem;gap:var(--pp-space-4);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.account-info-grid{grid-template-columns:repeat(4,1fr)}}.account-info-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--pp-space-1)}.account-info-label{color:#71717a;color:var(--pp-text-muted);font-size:.688rem;letter-spacing:.5px;text-transform:uppercase}.account-info-value{color:#fff;color:var(--pp-text-primary);font-size:.875rem}.statistics-container{display:flex;flex-direction:column;gap:1.25rem;gap:var(--pp-space-5)}.performance-card{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5);text-align:center}.performance-level{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--pp-space-2)}.performance-level.elite{color:#fbbf24;color:var(--pp-gold)}.performance-level.pro{color:#8b5cf6;color:var(--pp-purple)}.performance-level.advanced{color:#3b82f6;color:var(--pp-blue)}.performance-level.average{color:#22c55e;color:var(--pp-green)}.performance-level.beginner{color:#a1a1aa;color:var(--pp-text-secondary)}.performance-subtitle{color:#71717a;color:var(--pp-text-muted);font-size:.813rem}.match-history-container{display:flex;flex-direction:column;gap:1rem;gap:var(--pp-space-4)}.match-history-header{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--pp-space-3);justify-content:space-between;padding:1rem;padding:var(--pp-space-4)}.match-history-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);margin:0}.match-history-stats{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--pp-space-3)}.match-stat-badge{border-radius:9999px;border-radius:var(--pp-radius-full);font-size:.75rem;font-weight:600;padding:.25rem .75rem;padding:var(--pp-space-1) var(--pp-space-3)}.match-stat-badge.total{background:#252532;background:var(--pp-bg-elevated);color:#a1a1aa;color:var(--pp-text-secondary)}.match-stat-badge.wins{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.match-stat-badge.losses{background:#ef444426;color:#ef4444;color:var(--pp-red)}.match-card{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-left:4px solid #0000;border-radius:.75rem;border-radius:var(--pp-radius-lg);padding:1rem;padding:var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.match-card:hover{background:#222230;background:var(--pp-bg-card-hover)}.match-card.win{border-left-color:#22c55e;border-left-color:var(--pp-green)}.match-card.loss{border-left-color:#ef4444;border-left-color:var(--pp-red)}.match-card-header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--pp-space-3);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--pp-space-3)}.match-mode{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600}.match-result{border-radius:.375rem;border-radius:var(--pp-radius-sm);font-size:.688rem;font-weight:700;padding:.25rem .5rem;padding:var(--pp-space-1) var(--pp-space-2);text-transform:uppercase}.match-result.win{background:#22c55e26;color:#22c55e;color:var(--pp-green)}.match-result.loss{background:#ef444426;color:#ef4444;color:var(--pp-red)}.match-details{color:#a1a1aa;color:var(--pp-text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;gap:var(--pp-space-3)}.match-detail-item{align-items:center;display:flex;gap:.25rem;gap:var(--pp-space-1)}.public-badges{display:flex;flex-direction:column;gap:1.25rem;gap:var(--pp-space-5)}.public-badges .badges-header{background:linear-gradient(135deg,#1a1a24,#8b5cf61a);background:linear-gradient(135deg,var(--pp-bg-card) 0,#8b5cf61a 100%);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);overflow:hidden;padding:1.5rem;padding:var(--pp-space-6);position:relative}.public-badges .badges-header:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.public-badges .header-main{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--pp-space-4);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--pp-space-4);position:relative;z-index:1}.public-badges .section-title{align-items:center;color:#fff;color:var(--pp-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;gap:var(--pp-space-3);margin:0}.public-badges .section-title svg{color:#8b5cf6;color:var(--pp-purple)}.public-badges .badge-stats{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--pp-space-4)}.public-badges .badge-stat{align-items:center;background:#252532;background:var(--pp-bg-elevated);border-radius:.75rem;border-radius:var(--pp-radius-lg);display:flex;flex-direction:column;min-width:80px;padding:.75rem 1rem;padding:var(--pp-space-3) var(--pp-space-4)}.public-badges .badge-stat .stat-value{color:#8b5cf6;color:var(--pp-purple);font-size:1.25rem;font-weight:700}.public-badges .badge-stat .stat-label{color:#71717a;color:var(--pp-text-muted);font-size:.688rem;letter-spacing:.5px;text-transform:uppercase}.public-badges .completion-progress{align-items:center;display:flex;gap:1rem;gap:var(--pp-space-4);position:relative;z-index:1}.public-badges .progress-bar{background:#252532;background:var(--pp-bg-elevated);flex:1 1;height:10px;overflow:hidden}.public-badges .progress-bar,.public-badges .progress-fill{border-radius:9999px;border-radius:var(--pp-radius-full);position:relative}.public-badges .progress-fill{background:linear-gradient(90deg,#8b5cf6,#f97316 50%,#fbbf24);background:linear-gradient(90deg,var(--pp-purple) 0,var(--pp-accent) 50%,var(--pp-gold) 100%);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.public-badges .progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.public-badges .progress-text{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem;white-space:nowrap}.public-badges .badges-controls{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);justify-content:space-between;padding:1rem;padding:var(--pp-space-4)}.public-badges .badges-controls,.public-badges .filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--pp-space-3)}.public-badges .category-filter{background:#252532;background:var(--pp-bg-elevated);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.5rem;border-radius:var(--pp-radius-md);color:#fff;color:var(--pp-text-primary);cursor:pointer;font-size:.813rem;padding:.5rem 1rem;padding:var(--pp-space-2) var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .category-filter:focus,.public-badges .category-filter:hover{border-color:#8b5cf6;border-color:var(--pp-purple);outline:none}.public-badges .show-progress-btn{align-items:center;background:#252532;background:var(--pp-bg-elevated);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.5rem;border-radius:var(--pp-radius-md);color:#a1a1aa;color:var(--pp-text-secondary);cursor:pointer;display:flex;font-size:.813rem;font-weight:500;gap:.5rem;gap:var(--pp-space-2);padding:.5rem 1rem;padding:var(--pp-space-2) var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .show-progress-btn.active,.public-badges .show-progress-btn:hover{border-color:#06b6d4;border-color:var(--pp-cyan);color:#06b6d4;color:var(--pp-cyan)}.public-badges .show-progress-btn.active{background:#06b6d426}.public-badges .view-controls{background:#252532;background:var(--pp-bg-elevated);border-radius:.5rem;border-radius:var(--pp-radius-md);display:flex;gap:.25rem;gap:var(--pp-space-1);padding:3px}.public-badges .view-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--pp-radius-sm);color:#71717a;color:var(--pp-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:var(--pp-space-2);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .view-btn:hover{color:#fff;color:var(--pp-text-primary)}.public-badges .view-btn.active{background:#8b5cf6;background:var(--pp-purple);color:#fff}.public-badges .recent-badges-section{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.public-badges .subsection-title{align-items:center;color:#fbbf24;color:var(--pp-gold);display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);margin:0 0 1rem;margin:0 0 var(--pp-space-4) 0}.public-badges .recent-badges-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--pp-space-3)}.public-badges .recent-badge-item{align-items:center;background:#252532;background:var(--pp-bg-elevated);border-left:4px solid;border-radius:.75rem;border-radius:var(--pp-radius-lg);display:flex;gap:1rem;gap:var(--pp-space-4);padding:1rem;padding:var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .recent-badge-item:hover{background:#222230;background:var(--pp-bg-card-hover);transform:translateX(4px)}.public-badges .badge-icon-large{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));flex-shrink:0;font-size:2.5rem}.public-badges .recent-badge-info{flex:1 1;min-width:0}.public-badges .recent-badge-info .badge-name{color:#fff;color:var(--pp-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--pp-space-1)}.public-badges .recent-badge-info .badge-description{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem;line-height:1.4;margin:0 0 .5rem;margin:0 0 var(--pp-space-2) 0}.public-badges .badge-meta{color:#71717a;color:var(--pp-text-muted);display:flex;font-size:.75rem;gap:.75rem;gap:var(--pp-space-3)}.public-badges .badge-exp{color:#fbbf24;color:var(--pp-gold);font-weight:600}.public-badges .rarity-indicator{border-radius:9999px;border-radius:var(--pp-radius-full);color:#fff;flex-shrink:0;font-size:.688rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;padding:var(--pp-space-1) var(--pp-space-3);text-transform:uppercase}.public-badges .badges-content{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.public-badges .badges-display.grid{grid-gap:1rem;grid-gap:var(--pp-space-4);display:grid;gap:1rem;gap:var(--pp-space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}@media (min-width:768px){.public-badges .badges-display.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.public-badges .badges-display.list{display:flex;flex-direction:column;gap:.75rem;gap:var(--pp-space-3)}.public-badges .badge-item.grid{background:#252532;background:var(--pp-bg-elevated);border:2px solid #27272a;border:2px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);cursor:pointer;overflow:hidden;padding:1rem;padding:var(--pp-space-4);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .badge-item.grid:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-6px)}.public-badges .badge-item.grid .badge-main{align-items:center;display:flex;flex-direction:column;text-align:center}.public-badges .badge-item.grid .badge-visual{margin-bottom:.75rem;margin-bottom:var(--pp-space-3);position:relative}.public-badges .badge-item.grid .badge-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem}.public-badges .badge-item.grid .badge-info .badge-name{color:#fff;color:var(--pp-text-primary);font-size:.875rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--pp-space-2)}.public-badges .badge-item.grid .badge-meta{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--pp-space-1)}.public-badges .badge-item.grid .badge-rarity{font-size:.688rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.public-badges .badge-item.grid .badge-category{background:#1a1a24;background:var(--pp-bg-card);border-radius:.375rem;border-radius:var(--pp-radius-sm);color:#71717a;color:var(--pp-text-muted);font-size:.625rem;padding:.25rem .5rem;padding:var(--pp-space-1) var(--pp-space-2)}.public-badges .badge-item.grid .badge-expand{color:#71717a;color:var(--pp-text-muted);position:absolute;right:.5rem;right:var(--pp-space-2);top:.5rem;top:var(--pp-space-2)}.public-badges .badge-item.list{background:#252532;background:var(--pp-bg-elevated);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .badge-item.list:hover{background:#222230;background:var(--pp-bg-card-hover);border-color:#3f3f46;border-color:var(--pp-border-light)}.public-badges .badge-item.list .badge-main{align-items:center;display:flex;gap:1rem;gap:var(--pp-space-4);padding:1rem;padding:var(--pp-space-4)}.public-badges .badge-item.list .badge-visual{flex-shrink:0}.public-badges .badge-item.list .badge-icon{font-size:2rem}.public-badges .badge-item.list .badge-info{flex:1 1;min-width:0}.public-badges .badge-item.list .badge-info .badge-name{color:#fff;color:var(--pp-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--pp-space-1)}.public-badges .badge-item.list .badge-description{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem;margin-bottom:.5rem;margin-bottom:var(--pp-space-2)}.public-badges .badge-item.list .badge-meta{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--pp-space-3)}.public-badges .badge-item.list .badge-expand{color:#71717a;color:var(--pp-text-muted);flex-shrink:0}.public-badges .badge-item.common.earned{border-color:#6b7280}.public-badges .badge-item.rare.earned{border-color:#3b82f6;border-color:var(--pp-blue)}.public-badges .badge-item.epic.earned{border-color:#8b5cf6;border-color:var(--pp-purple)}.public-badges .badge-item.legendary.earned{border-color:#fbbf24;border-color:var(--pp-gold);box-shadow:0 0 20px #fbbf2433}.public-badges .badge-item.progress{border-style:dashed;opacity:.85}.public-badges .badge-item.progress .badge-icon{filter:grayscale(.3) opacity(.8)}.public-badges .progress-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.public-badges .progress-circle{height:60px;position:relative;width:60px}.public-badges .progress-center,.public-badges .progress-circle{align-items:center;border-radius:50%;display:flex;justify-content:center}.public-badges .progress-center{background:#1a1a24;background:var(--pp-bg-card);color:#fff;color:var(--pp-text-primary);font-size:.75rem;font-weight:700;height:48px;width:48px}.public-badges .badge-earned-info,.public-badges .badge-progress-info,.public-badges .badge-reward{align-items:center;color:#71717a;color:var(--pp-text-muted);display:flex;font-size:.75rem;gap:.25rem;gap:var(--pp-space-1);margin-top:.5rem;margin-top:var(--pp-space-2)}.public-badges .badge-earned-info svg{color:#22c55e;color:var(--pp-green)}.public-badges .badge-progress-info svg{color:#06b6d4;color:var(--pp-cyan)}.public-badges .badge-reward svg{color:#fbbf24;color:var(--pp-gold)}.public-badges .badge-details{animation:slideDown .2s ease;background:#1a1a24;background:var(--pp-bg-card);border-top:1px solid #27272a;border-top:1px solid var(--pp-border);padding:1rem;padding:var(--pp-space-4)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.public-badges .badge-description-full{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;margin-bottom:var(--pp-space-4)}.public-badges .badge-requirements{background:#252532;background:var(--pp-bg-elevated);border-radius:.5rem;border-radius:var(--pp-radius-md);margin-bottom:.75rem;margin-bottom:var(--pp-space-3);padding:.75rem;padding:var(--pp-space-3)}.public-badges .badge-requirements h6{color:#71717a;color:var(--pp-text-muted);font-size:.75rem;letter-spacing:.5px;margin:0 0 .25rem;margin:0 0 var(--pp-space-1) 0;text-transform:uppercase}.public-badges .badge-requirements p{color:#fff;color:var(--pp-text-primary);font-size:1rem;font-weight:600;margin:0}.public-badges .progress-details{margin-bottom:.75rem;margin-bottom:var(--pp-space-3)}.public-badges .progress-bar-detailed{background:#252532;background:var(--pp-bg-elevated);border-radius:9999px;border-radius:var(--pp-radius-full);height:8px;margin-bottom:.5rem;margin-bottom:var(--pp-space-2);overflow:hidden}.public-badges .progress-details .progress-text{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem;text-align:center}.public-badges .earned-details{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--pp-space-4)}.public-badges .earned-date,.public-badges .earned-exp{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.813rem}.public-badges .earned-exp strong{color:#fbbf24;color:var(--pp-gold)}.public-badges .rarity-glow{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.public-badges .category-breakdown{background:#1a1a24;background:var(--pp-bg-card);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.public-badges .category-grid{grid-gap:.75rem;grid-gap:var(--pp-space-3);display:grid;gap:.75rem;gap:var(--pp-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.public-badges .category-card{background:#252532;background:var(--pp-bg-elevated);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);padding:1rem;padding:var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition)}.public-badges .category-card:hover{border-color:#8b5cf6;border-color:var(--pp-purple);transform:translateY(-2px)}.public-badges .category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--pp-space-3)}.public-badges .category-name{color:#fff;color:var(--pp-text-primary);font-size:.813rem;font-weight:600;margin:0}.public-badges .category-count{background:#8b5cf626;border-radius:.375rem;border-radius:var(--pp-radius-sm);color:#8b5cf6;color:var(--pp-purple);font-size:.75rem;font-weight:700;padding:.25rem .5rem;padding:var(--pp-space-1) var(--pp-space-2)}.public-badges .category-badges{display:flex;gap:.5rem;gap:var(--pp-space-2)}.public-badges .mini-badge{align-items:center;background:#1a1a24;background:var(--pp-bg-card);border-radius:.5rem;border-radius:var(--pp-radius-md);display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.public-badges .mini-badge.more{color:#71717a;color:var(--pp-text-muted);font-size:.688rem;font-weight:600}.public-badges .badges-summary{background:linear-gradient(135deg,#1a1a24,#fbbf240d);background:linear-gradient(135deg,var(--pp-bg-card) 0,#fbbf240d 100%);border:1px solid #27272a;border:1px solid var(--pp-border);border-radius:1rem;border-radius:var(--pp-radius-xl);padding:1.25rem;padding:var(--pp-space-5)}.public-badges .summary-card .summary-title{align-items:center;color:#fbbf24;color:var(--pp-gold);display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--pp-space-2);margin:0 0 .75rem;margin:0 0 var(--pp-space-3) 0}.public-badges .summary-content p{color:#a1a1aa;color:var(--pp-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.public-badges .summary-content strong{color:#fff;color:var(--pp-text-primary)}.public-badges .empty-state{padding:2rem;padding:var(--pp-space-8);text-align:center}.public-badges .empty-state svg{color:#71717a;color:var(--pp-text-muted);margin-bottom:1rem;margin-bottom:var(--pp-space-4)}.public-badges .sample-badges{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--pp-space-2)}.public-badges .sample-badge{background:#252532;background:var(--pp-bg-elevated);border-radius:.5rem;border-radius:var(--pp-radius-md);color:#71717a;color:var(--pp-text-muted);font-size:.813rem;padding:.5rem .75rem;padding:var(--pp-space-2) var(--pp-space-3)}@media (max-width:640px){.public-badges .badges-header{padding:1rem;padding:var(--pp-space-4)}.public-badges .header-main{align-items:stretch;flex-direction:column}.public-badges .badge-stats{justify-content:center}.public-badges .completion-progress{flex-direction:column;text-align:center}.public-badges .badges-controls{align-items:stretch;flex-direction:column}.public-badges .filter-controls{justify-content:center}.public-badges .view-controls{align-self:center}.public-badges .badges-display.grid{grid-template-columns:repeat(2,1fr)}.public-badges .recent-badge-item{flex-direction:column;text-align:center}.public-badges .recent-badge-info .badge-meta{justify-content:center}.public-badges .rarity-indicator{margin-top:.5rem;margin-top:var(--pp-space-2)}}[dir=rtl] .floating-actions,[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .ranking-item{direction:rtl}[dir=rtl] .ranking-item.current-user{border-left:none;border-right:3px solid #f97316;border-right:3px solid var(--pp-accent)}[dir=rtl] .match-card.loss,[dir=rtl] .match-card.win{border-left:1px solid #27272a;border-left:1px solid var(--pp-border)}[dir=rtl] .match-card.win{border-right:4px solid #22c55e;border-right:4px solid var(--pp-green)}[dir=rtl] .match-card.loss{border-right:4px solid #ef4444;border-right:4px solid var(--pp-red)}.ranking-list::-webkit-scrollbar{width:6px}.ranking-list::-webkit-scrollbar-track{background:#12121a;background:var(--pp-bg-secondary)}.ranking-list::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--pp-border-light);border-radius:3px}.ranking-list::-webkit-scrollbar-thumb:hover{background:#71717a;background:var(--pp-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.profile-search{padding:1rem;padding:var(--pp-space-4)}.profile-search-input-wrapper{margin-bottom:1rem;margin-bottom:var(--pp-space-4);position:relative}.profile-search-input{background:#252532;background:var(--pp-bg-elevated);border:2px solid #27272a;border:2px solid var(--pp-border);border-radius:.75rem;border-radius:var(--pp-radius-lg);color:#fff;color:var(--pp-text-primary);font-size:.875rem;padding:.75rem 1rem;padding:var(--pp-space-3) var(--pp-space-4);padding-left:44px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition);width:100%}.profile-search-input:focus{border-color:#f97316;border-color:var(--pp-accent);outline:none}.profile-search-icon,.profile-search-input::placeholder{color:#71717a;color:var(--pp-text-muted)}.profile-search-icon{height:18px;left:1rem;left:var(--pp-space-4);position:absolute;top:50%;transform:translateY(-50%);width:18px}.profile-search-btn{background:#f97316;background:var(--pp-accent);border:none;border-radius:.75rem;border-radius:var(--pp-radius-lg);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;padding:var(--pp-space-3) var(--pp-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--pp-transition);width:100%}.profile-search-btn:hover{background:#ea580c;background:var(--pp-accent-dark)}.profile-search-btn:disabled{cursor:not-allowed;opacity:.5}.badges-empty-state{color:#71717a;color:var(--pp-text-muted);padding:2rem;padding:var(--pp-space-8);text-align:center}.badges-empty-state svg{height:48px;margin-bottom:1rem;margin-bottom:var(--pp-space-4);opacity:.5;width:48px}.badges-empty-title{color:#a1a1aa;color:var(--pp-text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--pp-space-2)}.badges-empty-subtitle{font-size:.813rem}.App{background:radial-gradient(circle at 20% 50%,#ea580c26 0,#0000 50%),radial-gradient(circle at 80% 20%,#dc262626 0,#0000 50%),linear-gradient(135deg,#0a0f1c,#1a1a2e 25%,#16213e 50%,#0f172a);font-family:Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.App:before{background-image:linear-gradient(#ea580c08 1px,#0000 0),linear-gradient(90deg,#ea580c08 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.toaster-container{font-family:Rajdhani,sans-serif;z-index:9999}.toast-success{background:linear-gradient(135deg,#0f172af2,#10b98133)!important;border:1px solid #10b981!important;border-radius:8px!important;box-shadow:0 4px 12px #10b9814d!important;color:#10b981!important}.toast-error,.toast-success{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;font-family:Rajdhani,sans-serif!important;font-weight:600!important}.toast-error{background:linear-gradient(135deg,#0f172af2,#ef444433)!important;border:1px solid #ef4444!important;border-radius:8px!important;box-shadow:0 4px 12px #ef44444d!important;color:#ef4444!important}.toast-loading{background:linear-gradient(135deg,#0f172af2,#3b82f633)!important;border:1px solid #3b82f6!important;border-radius:8px!important;box-shadow:0 4px 12px #3b82f64d!important;color:#3b82f6!important}.toast-default,.toast-loading{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;font-family:Rajdhani,sans-serif!important;font-weight:600!important}.toast-default{background:linear-gradient(135deg,#0f172af2,#fbbf2433)!important;border:1px solid #f59e0b!important;border-radius:8px!important;box-shadow:0 4px 12px #fbbf244d!important;color:#fbbf24!important}.socket-status-indicator{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid #374151;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0006;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:#e5e7eb;flex-direction:column;font-family:Orbitron,monospace;font-size:.875rem;font-weight:700;letter-spacing:.02em;min-width:160px;padding:12px 16px;position:fixed;right:20px;text-transform:uppercase;z-index:50}.socket-status-indicator,.socket-status-indicator .connection-dot{align-items:center;display:flex;gap:8px}.socket-status-indicator.connected{border-color:#10b981;box-shadow:0 0 16px #10b98166}.socket-status-indicator.connecting{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b66}.socket-status-indicator.disconnected{border-color:#ef4444;box-shadow:0 0 16px #ef444466}.socket-status-indicator.error{border-color:#dc2626;box-shadow:0 0 16px #dc262666}.socket-status-indicator.failed{border-color:#7f1d1d;box-shadow:0 0 16px #7f1d1d66}.connection-dot{height:8px;width:8px}.connection-dot.connected{background-color:#10b981;box-shadow:0 0 12px #10b981cc}.connection-dot.connecting{animation:pulse-connecting 1.5s infinite;background-color:#f59e0b}.connection-dot.disconnected{background-color:#ef4444}.connection-dot.error{animation:pulse-error 1s infinite;background-color:#dc2626}.connection-dot.failed{background-color:#7f1d1d;box-shadow:0 0 8px #7f1d1d99}@keyframes pulse-connecting{0%,to{box-shadow:0 0 8px #f59e0b99;opacity:1}50%{box-shadow:0 0 16px #f59e0bcc;opacity:.5}}@keyframes pulse-error{0%,to{box-shadow:0 0 8px #dc262699;opacity:1}50%{box-shadow:0 0 16px #dc2626cc;opacity:.7}}.paypal-provider-wrapper,.router-wrapper{min-height:100vh;position:relative;z-index:2}.debug-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000000e6,#0f172ae6);border:1px solid #ea580c80;border-radius:6px;bottom:10px;box-shadow:0 4px 12px #0006;-webkit-clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);color:#fbbf24;font-family:Orbitron,monospace;font-size:.75rem;left:10px;letter-spacing:.02em;padding:8px 12px;position:fixed;text-transform:uppercase;z-index:1000}.socket-debug-info{border-top:1px solid #ea580c4d;color:#d1d5db;font-size:.625rem;margin-top:6px;padding-top:6px;text-align:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0f1cf2,#1a1a2ef2 50%,#0f172af2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.loading-overlay .loading-spinner-content{color:#fbbf24;font-family:Orbitron,monospace;text-align:center}.loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ea580c4d;border-radius:50%;border-top-color:#ea580c;box-shadow:0 0 20px #ea580c80;height:3rem;margin:0 auto 1rem;width:3rem}.error-boundary{align-items:center;background:linear-gradient(135deg,#0a0f1c,#1a1a2e 25%,#16213e 50%,#0f172a);color:#fff;display:flex;font-family:Rajdhani,sans-serif;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-boundary h1{color:#ef4444;font-family:Orbitron,monospace;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;text-shadow:0 0 8px #ef444499;text-transform:uppercase}.error-boundary p{color:#cbd5e1;font-weight:600;margin-bottom:2rem}.error-boundary button{background:linear-gradient(135deg,#ea580c,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ea580c66;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.02em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.error-boundary button:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 25px #ea580c80;transform:translateY(-2px)}@media (max-width:768px){.socket-status-indicator{bottom:10px;font-size:.75rem;min-width:140px;padding:8px 12px;right:10px}.debug-info{font-size:.625rem;padding:6px 8px}.socket-debug-info{font-size:.5625rem}}@media (max-width:480px){.socket-status-indicator{bottom:8px;font-size:.625rem;gap:6px;min-width:120px;padding:6px 10px;right:8px}.connection-dot{height:6px;width:6px}.debug-info{bottom:8px;font-size:.5625rem;left:8px;padding:4px 6px}.socket-debug-info{font-size:.5rem;margin-top:4px;padding-top:4px}}.military-font{font-family:Orbitron,monospace!important}.combat-font{font-family:Rajdhani,sans-serif!important}.text-glow{text-shadow:0 0 8px currentColor!important}.border-glow{box-shadow:0 0 12px #ea580c80!important}.tactical-border{-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important}.tactical-scan{overflow:hidden;position:relative}.tactical-scan:after{animation:tactical-scan 3s infinite;background:linear-gradient(90deg,#0000,#ea580c4d 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hud-element{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:1px solid #ea580c66;box-shadow:0 4px 12px #0006}.hud-element:before{background:linear-gradient(90deg,#0000,#ea580ccc 20%,#dc2626cc 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.combat-button{background:linear-gradient(135deg,#000c,#1a1a2ecc);border:1px solid #ea580c66;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:#d1d5db;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.02em;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease}.combat-button:before{background:linear-gradient(135deg,#0000,#ea580c33,#0000);-webkit-clip-path:inherit;clip-path:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.combat-button:hover:before{opacity:1}.combat-button:hover{border-color:#ea580ccc;box-shadow:0 0 16px #ea580c66;color:#fbbf24;transform:translateY(-1px)}.combat-button.active{background:linear-gradient(135deg,#ea580c,#dc2626);border-color:#ffffff4d;box-shadow:0 0 20px #ea580c80;color:#fff}.priority-glow{position:relative}.priority-glow:after{animation:priority-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#ea580c,#dc2626,#ea580c);background-size:300% 300%;border-radius:inherit;content:"";inset:-2px;opacity:.7;position:absolute;z-index:-1}@keyframes priority-pulse{0%,to{background-position:0 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}}.mission-text{color:#d1d5db;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.6}.mission-text.classified{color:#ef4444;font-weight:700;text-shadow:0 0 8px #ef444499;text-transform:uppercase}.mission-text.intel{color:#3b82f6;font-weight:600;text-shadow:0 0 6px #3b82f680}.mission-text.objective{color:#fbbf24;font-weight:700;text-shadow:0 0 8px #fbbf2499}:focus,button:focus{box-shadow:0 0 0 4px #ea580c4d!important;outline:2px solid #ea580c!important;outline-offset:2px!important}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.connection-dot.connected,.connection-dot.connecting,.connection-dot.error,.priority-glow:after,.tactical-scan:after{animation:none!important}}.level-progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172af2,#1e293bf2 50%,#334155f2);border:1px solid #ea580c4d;border-radius:8px;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff1a;-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);margin-bottom:1rem;padding:1.5rem;position:relative}.level-progress:before{background:linear-gradient(90deg,#0000,#ea580ccc 20%,#dc2626cc 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.level-progress-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.level-progress-title{align-items:center;color:#fbbf24;display:flex;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;gap:.5rem;letter-spacing:.02em;text-shadow:0 0 8px #fbbf2499;text-transform:uppercase}.level-progress-stats{color:#d1d5db;font-size:.875rem;font-weight:600;margin-left:auto}.progress-bar-container{background:#0009;border:1px solid #fff3;border-radius:6px;box-shadow:inset 0 2px 4px #00000080;height:12px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b,#ea580c);border-radius:6px;box-shadow:0 0 12px #fbbf2499,inset 0 1px 0 #ffffff4d;height:100%;position:relative;transition:width .5s ease}.progress-bar:after{background:linear-gradient(90deg,#fff6,#0000);border-radius:6px 6px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.progress-details{align-items:center;color:#d1d5db;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.next-level-info{border-top:1px solid #ea580c4d;color:#d1d5db;font-size:.875rem;margin-top:1rem;padding-top:1rem}.badge-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172af2,#1e293bf2 50%,#334155f2);border:1px solid #ea580c4d;border-radius:8px;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff1a;-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);margin-bottom:1rem;padding:1.5rem;position:relative}.badge-display:before{background:linear-gradient(90deg,#0000,#ea580ccc 20%,#dc2626cc 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.badge-display-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.badge-display-title{align-items:center;color:#fbbf24;display:flex;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;gap:.5rem;letter-spacing:.02em;text-shadow:0 0 8px #fbbf2499;text-transform:uppercase}.badge-display-count{color:#d1d5db;font-size:.875rem;font-weight:600}.badge-display-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.badge-item{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:8px;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.badge-item:hover{background:#ea580c1a;border-color:#ea580c80;box-shadow:0 4px 12px #ea580c4d;transform:translateY(-2px)}.badge-visual{filter:drop-shadow(0 0 4px rgba(234,88,12,.6));font-size:2rem;margin-bottom:.5rem}.badge-info{color:#d1d5db}.badge-name{color:#fbbf24;font-size:.875rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 0 4px #fbbf2499}.badge-description{font-size:.75rem;line-height:1.3;opacity:.8}*{box-sizing:border-box}.cod-tournament-container{background:radial-gradient(circle at 20% 50%,#ea580c26 0,#0000 50%),radial-gradient(circle at 80% 20%,#dc262626 0,#0000 50%),linear-gradient(135deg,#0a0f1c,#1a1a2e 25%,#16213e 50%,#0f172a);font-family:Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.cod-tournament-container:before{background-image:linear-gradient(#ea580c08 1px,#0000 0),linear-gradient(90deg,#ea580c08 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.tournament-header{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(145deg,#0a0f1cf2,#1a1a2ef2 30%,#ea580c1a 70%,#dc26261a);border-bottom:2px solid #ea580c66;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #ea580c33,inset 0 1px 0 #ffffff1a;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.tournament-header:before{background:linear-gradient(45deg,#0000 30%,#ea580c4d 0,#ea580c4d 70%,#0000 0);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);left:0}.tournament-header:after,.tournament-header:before{content:"";height:40px;position:absolute;top:0;width:40px}.tournament-header:after{background:linear-gradient(-45deg,#0000 30%,#ea580c4d 0,#ea580c4d 70%,#0000 0);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0);right:0}.header-container{margin:0 auto;max-width:1400px;padding:.5rem;position:relative;z-index:2}.header-main{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.mobile-header-row{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ea580c4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;justify-content:space-between;min-height:48px;padding:.375rem .75rem}.mobile-user-section{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.mobile-controls{gap:.375rem;justify-content:center}.mobile-controls,.role-badge{align-items:center;display:flex;flex-shrink:0}.role-badge{border:1px solid #fff3;border-radius:4px;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-family:Orbitron,monospace;font-size:.625rem;font-weight:700;gap:.25rem;letter-spacing:.05em;padding:.25rem .5rem;position:relative;text-transform:uppercase;white-space:nowrap}.role-badge:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);-webkit-clip-path:inherit;clip-path:inherit;content:"";inset:0;position:absolute;z-index:-1}.role-badge .role-text{display:none}.role-badge .role-short{display:inline;text-shadow:0 0 4px currentColor}.role-badge.main-admin{background:linear-gradient(135deg,#dc2626,#7f1d1d);box-shadow:0 0 8px #dc262680}.role-badge.supervisor{background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 0 8px #7c3aed80}.role-badge.approver{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 0 8px #2563eb80}.role-badge.player{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 0 8px #05966980}.mobile-user-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.user-name{color:#fbbf24;font-family:Orbitron,monospace;font-size:.875rem;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px #fbbf24cc;white-space:nowrap}.mobile-user-stats{align-items:center;display:flex;gap:.25rem}.commission-display,.points-display{align-items:center;background:#0009;border:1px solid #ffffff1a;border-radius:3px;-webkit-clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);display:flex;font-family:Orbitron,monospace;font-size:.625rem;font-weight:700;gap:.125rem;padding:.125rem .375rem;position:relative}.points-display{border-color:#fbbf2466;box-shadow:0 0 4px #fbbf244d;color:#fbbf24}.commission-display{border-color:#10b98166;box-shadow:0 0 4px #10b9814d;color:#10b981}.mobile-level-display{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000c,#1a1a2ecc);border:2px solid #fbbf2480;border-radius:6px;box-shadow:0 2px 8px #fbbf2433;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;min-width:80px;padding:.5rem .75rem;position:relative;transition:all .3s ease}.mobile-level-display:hover{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf24cc;box-shadow:0 4px 16px #fbbf2466;transform:translateY(-1px)}.mobile-level-content{align-items:center;display:flex;gap:.375rem;width:100%}.mobile-level-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.8));flex-shrink:0}.mobile-level-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.mobile-level-number{color:#fbbf24;font-family:Orbitron,monospace;font-size:.875rem;font-weight:900;letter-spacing:.05em;line-height:1;text-shadow:0 0 8px #fbbf24}.mobile-level-title{color:#d1d5db;font-family:Rajdhani,sans-serif;font-size:.625rem;font-weight:600;letter-spacing:.02em;max-width:60px;opacity:.9;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mobile-level-progress{background:#000c;border:.5px solid #ffffff4d;border-radius:2px;box-shadow:inset 0 1px 2px #00000080;height:4px;max-width:40px;overflow:hidden;width:100%}.mobile-level-progress-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b,#ea580c);border-radius:2px;box-shadow:0 0 6px #fbbf24cc;height:100%;position:relative;transition:width .5s ease}.mobile-level-progress-bar:after{background:linear-gradient(90deg,#ffffff4d,#0000);border-radius:2px 2px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.mobile-controls-row{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #ea580c33;border-radius:6px;display:flex;gap:.5rem;justify-content:center;padding:.25rem .5rem}.language-selector,.mobile-chat-btn,.mobile-menu-btn{background:linear-gradient(135deg,#000c,#1a1a2ecc);border:1px solid #ea580c66;border-radius:4px;box-shadow:0 2px 8px #0006;-webkit-clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);color:#d1d5db;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.375rem .75rem;position:relative;text-transform:uppercase;transition:all .3s ease}.mobile-chat-btn:before,.mobile-menu-btn:before{background:linear-gradient(135deg,#0000,#ea580c1a,#0000);-webkit-clip-path:inherit;clip-path:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.mobile-chat-btn:hover:before,.mobile-menu-btn:hover:before{opacity:1}.mobile-chat-btn:hover,.mobile-menu-btn:hover{border-color:#ea580ccc;box-shadow:0 0 16px #ea580c66;color:#fbbf24;transform:translateY(-1px)}.mobile-chat-btn{align-items:center;display:flex;gap:.25rem;position:relative}.mobile-chat-btn.has-unread{animation:pulse-glow 2s infinite;border-color:#10b981;box-shadow:0 0 12px #10b98180}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #10b98180}50%{box-shadow:0 0 20px #10b981cc}}.mobile-chat-btn-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#7f1d1d);border:1px solid #dc2626cc;border-radius:8px;box-shadow:0 0 8px #dc262699;color:#fff;display:flex;font-family:Orbitron,monospace;font-size:.625rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:.125rem .25rem;position:absolute;right:-6px;top:-6px}.language-selector{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ea580c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem 1rem;font-size:.625rem;min-width:80px;padding-right:2rem;text-align:center}.language-selector:focus{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c4d;outline:none}.connection-status{align-items:center;color:#9ca3af;display:flex;font-size:.625rem;font-weight:600;gap:.25rem;letter-spacing:.02em;text-transform:uppercase}.connection-dot{border-radius:50%;flex-shrink:0;height:6px;transition:all .3s ease;width:6px}.connection-dot.connected{animation:pulse-connected 2s infinite;background:#10b981;box-shadow:0 0 8px #10b981cc}@keyframes pulse-connected{0%,to{box-shadow:0 0 8px #10b981cc}50%{box-shadow:0 0 12px #10b981}}.connection-dot.disconnected{background:#ef4444;box-shadow:0 0 8px #ef444499}.main-navigation{-ms-overflow-style:none;background:#0003;border:1px solid #ea580c33;border-radius:8px;display:flex;gap:.375rem;overflow-x:auto;padding:.25rem;scrollbar-width:none}.main-navigation::-webkit-scrollbar{display:none}.nav-button{align-items:center;border:none;border-radius:6px;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;display:flex;flex-shrink:0;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.02em;padding:.5rem .875rem;position:relative;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.nav-button:before{background:linear-gradient(135deg,#0000,#ea580c33,#0000);-webkit-clip-path:inherit;clip-path:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-button:hover:before{opacity:1}.nav-button.active{background:linear-gradient(135deg,#ea580c,#dc2626);border:1px solid #fff3;box-shadow:0 4px 15px #ea580c66,inset 0 0 20px #ea580c4d;color:#fff;transform:translateY(-1px)}.nav-button:not(.active){background:linear-gradient(135deg,#0009,#1a1a2e99);border:1px solid #ffffff1a;color:#d1d5db}.nav-button:not(.active):hover{background:linear-gradient(135deg,#ea580c33,#dc262633);border-color:#ea580c80;box-shadow:0 4px 12px #ea580c4d;color:#fbbf24;transform:translateY(-1px)}.nav-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#7f1d1d);border:1px solid #dc2626cc;border-radius:10px;box-shadow:0 2px 6px #dc262666;color:#fff;display:flex;font-family:Orbitron,monospace;font-size:.625rem;font-weight:700;height:18px;justify-content:center;margin-left:.375rem;min-width:18px;padding:.125rem .375rem}.logout-nav-button{background:linear-gradient(135deg,#dc2626,#7f1d1d)!important;border:1px solid #dc2626cc!important;color:#fff!important;margin-left:auto}.logout-nav-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #dc262680!important;transform:translateY(-2px)!important}.main-content{margin:0 auto;max-width:1400px;padding:1rem;position:relative;z-index:2}.card,.content-section{margin-bottom:1rem}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172af2,#1e293bf2 50%,#334155f2);border:1px solid #ea580c4d;border-radius:8px;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff1a;-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:1.5rem;position:relative}.card:before{background:linear-gradient(90deg,#0000,#ea580ccc 20%,#dc2626cc 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.section-title{align-items:center;color:#fbbf24;display:flex;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;gap:.75rem;letter-spacing:.02em;margin:0 0 1rem;text-shadow:0 0 8px #fbbf2499;text-transform:uppercase}.section-title svg{color:#ea580c;filter:drop-shadow(0 0 4px rgba(234,88,12,.8))}@media (max-width:768px){.header-container{padding:.375rem}.header-center-section,.header-controls,.header-user-section{display:none!important}.mobile-controls-row,.mobile-header-row{display:flex!important}.connection-status{display:none!important}.mobile-controls{justify-content:center}.mobile-menu-btn{display:flex}.main-navigation{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0f1cfa,#1a1a2efa 50%,#0f172afa);border:2px solid #ea580c66;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 25px #00000080;display:none;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:90}.main-navigation.mobile-open{display:flex}.nav-button{border-radius:8px;-webkit-clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);font-size:.875rem;justify-content:flex-start;padding:.875rem 1rem;width:100%}.logout-nav-button{border-top:1px solid #dc26264d;margin-left:0;margin-top:.75rem;padding-top:1rem}}@media (max-width:480px){.header-container{padding:.25rem}.mobile-header-row{min-height:44px;padding:.25rem .5rem}.mobile-user-section{gap:.375rem}.mobile-controls{gap:.25rem;justify-content:center}.connection-status{display:none!important}.user-name{font-size:.75rem}.commission-display,.points-display{font-size:.625rem;padding:.1875rem .375rem}.role-badge{font-size:.5625rem;padding:.1875rem .375rem}.mobile-level-display{gap:.375rem;min-width:75px;padding:.375rem .625rem}.mobile-level-number{font-size:.75rem}.mobile-level-title{font-size:.5625rem;max-width:50px}.mobile-level-progress{height:3px;width:35px}.mobile-level-icon svg{height:14px;width:14px}.mobile-controls-row{padding:.1875rem .375rem}.mobile-chat-btn,.mobile-menu-btn{font-size:.625rem;padding:.375rem .5rem}.language-selector{font-size:.625rem;min-width:100px;padding:.375rem 2rem .375rem .5rem}.level-progress-details{grid-template-columns:1fr}.badge-display-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@media (max-width:360px){.header-container{padding:.25rem}.mobile-header-row{min-height:40px;padding:.25rem .375rem}.mobile-user-section{gap:.25rem}.mobile-controls{gap:.1875rem;justify-content:center}.connection-status{display:none!important}.user-name{font-size:.75rem}.commission-display,.points-display{font-size:.5625rem;padding:.125rem .25rem}.role-badge{font-size:.5625rem;padding:.1875rem .375rem}.mobile-level-display{gap:.25rem;min-width:65px;padding:.25rem .5rem}.mobile-level-number{font-size:.6875rem}.mobile-level-title{font-size:.5rem;max-width:40px}.mobile-level-progress{height:3px;width:30px}.mobile-level-icon svg{height:12px;width:12px}.mobile-controls-row{padding:.1875rem .375rem}.mobile-chat-btn,.mobile-menu-btn{font-size:.625rem;padding:.25rem .5rem}.language-selector{font-size:.625rem;min-width:70px;padding:.25rem 1.5rem .25rem .5rem}.level-progress-details{grid-template-columns:1fr}.badge-display-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.badge-modal{margin:.5rem;padding:1rem}.stats-grid{grid-template-columns:1fr}}@media (min-width:769px){.header-main{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:.75rem;min-height:70px}.mobile-controls-row,.mobile-header-row{display:none!important}.header-user-section{align-items:center;display:flex;gap:1rem;justify-self:start;min-width:0}.header-center-section{align-items:center;display:flex;justify-content:center}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:.75rem;justify-self:end}.user-info{flex:1 1;min-width:0}.user-name{font-size:1rem}.user-stats{display:flex;gap:.75rem;margin-top:.375rem}.commission-display,.points-display{-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:.875rem;padding:.375rem .75rem}.role-badge .role-text{display:inline}.role-badge .role-short{display:none}.role-badge{font-size:.75rem;padding:.5rem 1rem}.level-display,.role-badge{-webkit-clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.level-display{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border:2px solid #fbbf2466;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;flex-shrink:0;gap:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.level-display:hover{background:#fbbf2426;border-color:#fbbf24cc;box-shadow:0 8px 25px #fbbf244d;transform:translateY(-2px)}.level-display-content{align-items:center;display:flex;gap:.75rem}.level-display-icon{color:#fbbf24;flex-shrink:0}.level-display-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.level-display-level{color:#fbbf24;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;text-shadow:0 0 8px #fbbf24cc}.level-display-title{color:#d1d5db;font-size:.875rem;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-display-progress{background:#0009;border:1px solid #fff3;border-radius:4px;flex-shrink:0;height:8px;overflow:hidden;width:100px}.level-display-progress-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;box-shadow:0 0 8px #fbbf2499;height:100%;transition:width .5s ease}.mobile-chat-btn,.mobile-menu-btn{padding:.5rem 1rem}.language-selector,.mobile-chat-btn,.mobile-menu-btn{-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:.875rem}.language-selector{min-width:140px;padding:.5rem 2.5rem .5rem .75rem}.connection-status{font-size:.75rem;gap:.375rem}.connection-dot{height:8px;width:8px}.mobile-menu-btn{display:none!important}.connection-status{display:flex!important}}@keyframes tactical-scan{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1}}.card:after{animation:tactical-scan 3s infinite;background:linear-gradient(90deg,#0000,#ea580c1a 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.loading-spinner-content{align-items:center;color:#fbbf24;display:flex;flex-direction:column;font-family:Orbitron,monospace;gap:1rem;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ea580c4d;border-radius:50%;border-top-color:#ea580c;box-shadow:0 0 20px #ea580c80;height:3rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:focus,button:focus{outline:2px solid #ea580c;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-glow{text-shadow:0 0 8px currentColor}.border-glow{box-shadow:0 0 12px #ea580c80}.tactical-border{-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.military-font{font-family:Orbitron,monospace}.combat-font{font-family:Rajdhani,sans-serif}
/*# sourceMappingURL=main.253f8f36.css.map*/