@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}.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;display:flex;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}.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}.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}.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{background:#374151;border:none;border-radius:6px;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}.pagination-button:disabled{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;color:#9ca3af;font-size:14px;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}}.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-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}}@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}}.create-tournament-container{background-color:#1f2937;border:1px solid #f97316;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;transition:all .3s ease}.create-tournament-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.create-tournament-header.minimized:hover{background-color:#374151}.create-tournament-header.expanded{background-color:#11182780}.create-tournament-header-content{align-items:center;display:flex;gap:12px}.create-tournament-title{color:#fff;font-size:20px;font-weight:700;margin:0}.create-tournament-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s ease}.create-tournament-toggle:hover{color:#fff}.create-tournament-form-container{padding:0 24px 24px}.create-tournament-form{display:flex;flex-direction:column;gap:16px}.create-tournament-grid{grid-gap:16px;display:grid;gap:16px;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}.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:14px;font-weight:500;margin-bottom:8px}.create-tournament-input,.create-tournament-select{background-color:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;padding:8px;transition:border-color .2s ease;width:100%}.create-tournament-input:focus,.create-tournament-select:focus{border-color:#3b82f6;outline:none}.create-tournament-input:disabled,.create-tournament-select:disabled{cursor:not-allowed;opacity:.5}.create-tournament-input::placeholder{color:#9ca3af}.create-tournament-prize-display{border:1px solid;border-radius:8px;margin-top:16px;padding:16px}.create-tournament-prize-display.giveaway{background-color:#581c87;border-color:#8b5cf6}.create-tournament-prize-display.regular{background-color:#064e3b;border-color:#059669}.create-tournament-prize-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.create-tournament-prize-icon{background-color:#7c3aed;border-radius:8px;padding:8px}.create-tournament-prize-title{color:#c4b5fd;font-size:18px;font-weight:600;margin:0}.create-tournament-prize-title.giveaway{color:#c4b5fd}.create-tournament-prize-title.regular{color:#6ee7b7}.create-tournament-prize-details{display:flex;flex-direction:column;gap:8px}.create-tournament-prize-item{color:#c4b5fd;font-size:16px;font-weight:600}.create-tournament-prize-item.giveaway{color:#c4b5fd}.create-tournament-prize-item.regular{color:#6ee7b7}.create-tournament-prize-sub{color:#ddd6fe;font-size:14px}.create-tournament-prize-sub.giveaway{color:#ddd6fe}.create-tournament-prize-sub.regular{color:#a7f3d0}.create-tournament-prize-cost{color:#f87171;font-weight:700}.create-tournament-prize-commission{color:#ddd6fe;font-size:14px}.create-tournament-prize-commission.giveaway{color:#ddd6fe}.create-tournament-prize-commission.regular{color:#a7f3d0}.create-tournament-prize-info{border:1px solid;border-radius:4px;margin-top:12px;padding:12px}.create-tournament-prize-info.giveaway{background-color:#7c2d12;border-color:#a855f7}.create-tournament-prize-info.regular{background-color:#064e3b;border-color:#059669}.create-tournament-prize-info p{color:#c4b5fd;font-size:14px;margin:0}.create-tournament-prize-info.giveaway p{color:#c4b5fd}.create-tournament-prize-info.regular p{color:#6ee7b7}.create-tournament-warning{border:1px solid;border-radius:8px;margin-top:12px;padding:12px}.create-tournament-warning.custom-mode,.create-tournament-warning.insufficient-points{background-color:#450a0a;border-color:#dc2626}.create-tournament-warning p{color:#fecaca;font-size:14px;font-weight:500;line-height:1.4;margin:0}.create-tournament-warning-block{display:block;margin-top:4px}.create-tournament-actions{display:flex;gap:8px}.create-tournament-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:8px;justify-content:center;padding:8px 24px;transition:all .2s ease}.create-tournament-btn:disabled{cursor:not-allowed;opacity:.5}.create-tournament-btn-submit{background:linear-gradient(90deg,#ea580c,#dc2626);color:#fff}.create-tournament-btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#c2410c,#b91c1c)}.create-tournament-btn-submit.giveaway{background:linear-gradient(90deg,#ea580c,#dc2626)}.create-tournament-btn-minimize{background-color:#4b5563;color:#fff;padding:8px 16px}.create-tournament-btn-minimize:hover:not(:disabled){background-color:#374151}@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}}.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}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.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{background:linear-gradient(135deg,#f9731633,#ea580c1a);border:1px solid #f973164d;border-radius:20px}.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;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;justify-content:center;z-index:2}.stat-value{font-size:2.25rem;font-weight:800}.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-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;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;padding:8px;transition:background-color .2s}@media (min-width:768px){.search-result-item{padding:12px}}.search-result-item:hover{background-color:#475569}.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{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;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;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-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;display:flex;gap:6px}@media (min-width:768px){.filter-group{gap:8px}}.filter-label{color:#cbd5e1;font-size:.75rem;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{display:flex;gap:8px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:700;padding:10px;transition:all .2s}@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}}.chat-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;overflow:hidden;position:fixed;right:20px;top:20px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:350px;z-index:1000}.chat-sidebar.minimized{max-height:60px}.mobile-chat-overlay{background:#00000080;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 - 120px);right:10px;top:100px;transform:translateY(0);width:auto}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.chat-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:16px 20px}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{gap:10px}.chat-title h3{color:#fff;font-size:16px;font-weight:600;margin:0}.chat-icon{font-size:20px}.minimize-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:40px}.minimize-btn:hover{background:#ffffff4d;transform:scale(1.1)}.minimize-btn:active{transform:scale(.95)}.chat-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:16px}.search-container{margin-bottom:16px}.user-search{background:#ffffffe6;border:none;border-radius:20px;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.user-search:focus{background:#fff;box-shadow:0 0 0 2px #ffffff80}.user-search::placeholder{color:#666}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;min-height:60px;padding:16px;touch-action:manipulation;transition:all .2s ease}.user-item:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-item:active{background:#ffffff40;transform:translateY(0)}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.user-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:6px;margin-bottom:2px}.user-name.admin-name{color:#ff4757;font-weight:700}.admin-badge{animation:glow 2s ease-in-out infinite alternate;font-size:14px}@keyframes glow{0%{text-shadow:0 0 5px #ff4757}to{text-shadow:0 0 10px #ff4757,0 0 15px #ff4757}}@keyframes glowOrange{0%{text-shadow:0 0 5px #ffef96}to{text-shadow:0 0 10px #ffef96,0 0 15px #ffef96}}.user-status{color:#fffc;font-size:13px;text-transform:capitalize}.typing-indicator{animation:pulse 1.5s infinite;color:#44b700;font-size:12px;margin-left:12px}.chat-window{background:#fff;border:1px solid #0000001a;border-radius:12px;bottom:20px;box-shadow:0 10px 30px #0003;height:400px;overflow:hidden;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:999}.chat-window.minimized{height:60px}.chat-window-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;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;display:flex;font-size:14px;font-weight:600;gap:4px}.chat-user-name.admin-name{color:#ff4757;font-weight:700}.chat-user-status{font-size:11px;opacity:.8;text-transform:capitalize}.chat-window-controls{align-items:center;display:flex;gap:8px;position:relative}.unread-badge{animation:pulse 2s infinite;background:#ff4757;border-radius:50%;font-size:11px;height:20px;position:absolute;right:60px;top:-8px;width:20px}.control-btn,.unread-badge{align-items:center;display:flex;justify-content:center}.control-btn{-webkit-tap-highlight-color:transparent;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:32px;touch-action:manipulation;transition:all .2s ease;width:32px}.control-btn:hover{background:#ffffff4d}.control-btn:active{transform:scale(.95)}.control-btn.close:hover{background:#ff4757}.chat-window-content{display:flex;flex-direction:column;height:calc(100% - 60px)}.messages-container{background:#f8f9fa;gap:12px;padding:16px}.message{flex-direction:column;max-width:90%}.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:18px;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;max-width:100%;min-width:40px;overflow-wrap:break-word;padding:12px 16px;word-break:normal}.own-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.other-message .message-content{background:linear-gradient(135deg,#ff6b35,#f7931e);border-bottom-left-radius:4px;color:#fff}.message-time{color:#65676b;font-size:11px;margin-top:4px;padding:0 4px}.other-message .message-time{color:#fffc}.message-sender{align-items:center;color:#65676b;display:flex;font-size:11px;font-weight:600;gap:4px;margin-bottom:4px}.other-message .message-sender{color:#ffffffe6}.message-sender.admin-sender{color:#ff4757;font-weight:700}.other-message .message-sender.admin-sender{color:#ffef96;font-weight:700}.admin-badge-small{animation:glow 2s ease-in-out infinite alternate;font-size:10px}.other-message .admin-badge-small{animation:glowOrange 2s ease-in-out infinite alternate}.message-input-form{background:#fff;border-top:1px solid #e4e6ea;gap:8px;padding:12px}.message-input{border:1px solid #e4e6ea;border-radius:20px;font-size:14px;min-height:20px;outline:none;padding:10px 14px;transition:all .2s ease}.message-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.chat-content::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-content::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-content::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chat-window{animation:slideIn .3s ease-out}@media (max-width:768px){.chat-sidebar:not(.mobile-active){display:none!important}.mobile-chat-overlay.active{display:block!important;opacity:1;z-index:9998!important}.chat-sidebar.mobile-active{animation:slideUpMobile .3s ease-out;display:block!important;left:10px!important;max-height:calc(100vh - 120px)!important;position:fixed!important;right:10px!important;top:100px!important;transform:translateY(0);width:auto!important;z-index:9999!important}.chat-window{bottom:10px;height:450px;width:300px}.user-item{min-height:70px;padding:18px 16px}.user-name{font-size:17px}.user-status{font-size:14px}.minimize-btn{font-size:16px;height:44px;width:44px}.chat-header{padding:18px 20px}.user-search{font-size:16px;padding:14px 18px}.control-btn{font-size:16px;height:36px;width:36px}.chat-window-header{padding:14px 18px}.chat-user-name{font-size:16px}}@media (max-width:480px){.chat-sidebar.mobile-active{left:8px!important;max-height:calc(100vh - 120px)!important;right:8px!important;top:100px!important}.chat-window{bottom:10px;height:400px;left:10px;right:10px;width:calc(100vw - 20px)}.message{max-width:95%}.user-item{min-height:75px;padding:20px 16px}.user-name{font-size:18px}.user-status{font-size:15px}.minimize-btn{font-size:18px;height:48px;width:48px}.chat-header{padding:20px}.chat-title h3{font-size:18px}.user-search{border-radius:25px;font-size:16px;padding:16px 20px}.typing-indicator{font-size:14px}.control-btn{font-size:18px;height:40px;width:40px}.chat-window-header{padding:16px 20px}.chat-user-name{font-size:17px}.send-btn{font-size:18px;height:44px;width:44px}.message-input{font-size:16px;padding:12px 16px}}@media (max-width:360px){.chat-sidebar.mobile-active{left:5px!important;max-height:calc(100vh - 100px)!important;right:5px!important;top:80px!important}.chat-window{bottom:8px;left:8px;right:8px;width:calc(100vw - 16px)}.user-item{padding:22px 14px}.minimize-btn{height:50px;width:50px}.control-btn{height:42px;width:42px}}@media (prefers-reduced-motion:reduce){.chat-sidebar,.chat-window,.control-btn,.minimize-btn,.send-btn,.user-item{animation:none;transition:none}}@media (prefers-contrast:high){.chat-sidebar{border:2px solid #ffffff4d}}.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}.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{border-radius:9999px;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:none;border-radius:.375rem;color:#fb923ccc;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,#1f2937,#374151);border:1px solid #4b5563;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s ease}.level-display:hover{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.level-display:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.level-display:hover:before{left:100%}.level-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5));height:16px;width:16px}.level-number{color:#fbbf24;font-size:14px;text-shadow:0 0 4px #fbbf244d}.level-title{color:#e5e7eb;font-size:11px;white-space:nowrap}@media (max-width:768px){.level-title{display:none}}.level-progress{background:#1f2937;border:1px solid #374151;border-radius:12px;color:#fff;padding:16px}.level-progress-header{justify-content:space-between;margin-bottom:12px}.level-progress-title{color:#e5e7eb;font-size:14px;font-weight:600;gap:8px}.level-progress-stats{color:#9ca3af;font-size:12px}.progress-bar-container{background:#374151;border-radius:4px;height:8px;margin-bottom:8px;position:relative}.progress-bar{background:linear-gradient(90deg,#10b981,#34d399 50%,#6ee7b7);border-radius:4px;transition:width .8s ease}.progress-bar:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;width:100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.progress-details{color:#6b7280;font-size:11px}.next-level-info{background:#374151;border-radius:6px;font-size:11px;margin-top:8px;padding:8px}.badge-display{background:#1f2937;border:1px solid #374151;border-radius:12px;color:#fff;padding:16px}.badge-display-header{margin-bottom:16px}.badge-display-title{color:#e5e7eb;font-size:16px;font-weight:600;gap:8px}.badge-count{background:#374151;border-radius:6px;color:#9ca3af;font-size:12px;font-weight:500;padding:4px 8px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:16px}.badge-item{background:#374151;border:2px solid #0000;cursor:pointer;overflow:hidden;padding:12px 8px;position:relative}.badge-item:hover{background:#4b5563}.badge-item.common,.badge-item:hover{border-color:#6b7280}.badge-item.rare{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.badge-item.epic{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf64d}.badge-item.legendary{animation:legendaryGlow 2s ease-in-out infinite alternate;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}@keyframes legendaryGlow{0%{box-shadow:0 0 12px #f59e0b66}to{box-shadow:0 0 20px #f59e0b99}}.badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;margin-bottom:4px}.badge-name{color:#e5e7eb;font-size:10px;font-weight:600;line-height:1.2;text-align:center;word-break:break-word}.badge-progress-item{background:#2d3748;border-style:dashed;opacity:.6}.badge-progress-item .badge-icon{filter:grayscale(100%) opacity(.5)}.badge-progress-bar{background:#10b981;bottom:0;height:3px;left:0;position:absolute;transition:width .3s ease}.badges-footer{align-items:center;border-top:1px solid #374151;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.badges-completion{align-items:center;display:flex;gap:6px}.completion-bar{background:#374151;border-radius:2px;height:4px;overflow:hidden;width:60px}.completion-progress{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width .5s ease}.badge-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.badge-modal{animation:slideIn .3s ease;background:#1f2937;border:1px solid #374151;border-radius:16px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:90vw}.badge-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.badge-modal-info{flex:1 1}.badge-modal-close{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s ease}.badge-modal-close:hover{background:#374151;color:#e5e7eb}.badge-modal-icon{display:block;font-size:48px;margin-bottom:12px;text-align:center}.badge-modal-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.badge-modal-description{color:#d1d5db;font-size:14px;margin-bottom:16px;text-align:center}.badge-modal-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.badge-stat{background:#374151;border-radius:8px;padding:12px}.badge-stat-label{color:#9ca3af;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.badge-stat-value{color:#fff;font-size:16px;font-weight:700}.badge-rarity{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.badge-rarity.common{background:#6b7280;color:#fff}.badge-rarity.rare{background:#3b82f6;color:#fff}.badge-rarity.epic{background:#8b5cf6;color:#fff}.badge-rarity.legendary{animation:legendaryPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#f59e0b,#f97316);color:#fff}@keyframes legendaryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-progress-info{background:#374151;border-radius:8px;margin-top:16px;padding:16px}.badge-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.badge-progress-label{color:#d1d5db;font-size:12px;font-weight:600}.badge-progress-percentage{color:#10b981;font-size:12px;font-weight:600}.badge-progress-bar-container{background:#4b5563;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.badge-progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .8s ease}.badge-progress-text{color:#9ca3af;font-size:11px;text-align:center}.level-up-notification{animation:levelUpAppear .8s ease;background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #fbbf24;border-radius:16px;box-shadow:0 20px 40px #00000080;left:50%;padding:32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes levelUpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.level-up-icon{animation:levelUpGlow 1s ease-in-out infinite alternate;font-size:64px;margin-bottom:16px}@keyframes levelUpGlow{0%{filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}to{filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}}.level-up-title{color:#fbbf24;font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 0 10px #fbbf2480}.level-up-subtitle{color:#e5e7eb;font-size:16px;margin-bottom:16px}.level-up-details{background:#374151;border-radius:8px;margin-bottom:16px;padding:16px}.level-up-level-change{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;margin-bottom:8px}.level-up-arrow{color:#10b981}.level-up-title-change{color:#d1d5db;font-size:14px}.level-up-close{background:#fbbf24;border:none;border-radius:6px;color:#1f2937;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.level-up-close:hover{background:#f59e0b;transform:translateY(-1px)}.badge-unlock-notification{animation:badgeUnlockSlide .5s ease;background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #10b981;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:300px;padding:16px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes badgeUnlockSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.badge-unlock-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.badge-unlock-icon{animation:badgeUnlockSpin .8s ease;font-size:32px}@keyframes badgeUnlockSpin{0%{transform:rotateY(0deg) scale(.5)}50%{transform:rotateY(180deg) scale(1.2)}to{transform:rotateY(1turn) scale(1)}}.badge-unlock-info{flex:1 1}.badge-unlock-title{color:#10b981;font-size:12px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.badge-unlock-name{color:#fff;font-size:14px;font-weight:600}.badge-unlock-description{color:#d1d5db;font-size:12px;margin-bottom:8px}.badge-unlock-exp{align-items:center;color:#fbbf24;display:flex;font-size:11px;font-weight:600;gap:4px}.exp-gain-notification{animation:expGainFloat 3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2937f2;border:1px solid #10b981;border-radius:8px;bottom:20px;color:#10b981;font-size:14px;font-weight:600;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:999}@keyframes expGainFloat{0%{opacity:0;transform:translateX(-50%) translateY(20px)}15%,85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media (max-width:768px){.badges-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.badge-item{padding:8px 4px}.badge-icon{font-size:20px}.badge-name{font-size:9px}.badge-modal{margin:10px;padding:16px}.badge-modal-stats{grid-template-columns:1fr 1fr}.level-up-notification{margin:20px;padding:24px}.level-up-icon{font-size:48px}.level-up-title{font-size:20px}.badge-unlock-notification{max-width:calc(100vw - 20px);right:10px}}.dark .level-display{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155}.dark .badge-display,.dark .level-progress{background:#0f172a;border-color:#334155}.dark .badge-item{background:#1e293b}.dark .badge-item:hover{background:#334155}.badge-item:focus,.level-display:focus{outline:2px solid #10b981;outline-offset:2px}.badge-modal:focus{outline:none}@media (prefers-contrast:high){.badge-item,.level-display{border-width:2px}.progress-bar{background:#fff}.badge-rarity.legendary{background:#ff0;color:#000}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.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{--cod-black:#000;--cod-dark:#0a0a0a;--cod-darker:#151515;--cod-card:#1a1a1a;--cod-orange:#ff6b35;--cod-orange-dark:#e55a2e;--cod-orange-light:#ff8c61;--cod-yellow:gold;--cod-blue:#00bfff;--cod-green:#32cd32;--cod-red:#f44;--cod-gray:#2a2a2a;--cod-gray-light:#404040;--cod-gray-text:#b0b0b0;--cod-gray-muted:#666;--cod-white:#fff;--primary-bg:var(--cod-black);--secondary-bg:var(--cod-dark);--card-bg:var(--cod-card);--hover-bg:var(--cod-gray);--border-color:var(--cod-gray-light);--text-primary:var(--cod-white);--text-secondary:var(--cod-gray-text);--text-muted:var(--cod-gray-muted);--accent-primary:var(--cod-orange);--accent-secondary:var(--cod-yellow);--success:var(--cod-green);--warning:var(--cod-yellow);--error:var(--cod-red);--info:var(--cod-blue);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.375rem;--radius-xl:0.5rem;--shadow-sm:0 1px 3px #ff6b351a;--shadow-md:0 4px 6px #ff6b3526;--shadow-lg:0 10px 15px #ff6b3533;--shadow-glow:0 0 20px #ff6b354d;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-family:"Rajdhani","Roboto Condensed","Arial Black",sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900}.cod-match-history{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.cod-match-header{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative}.cod-match-header:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.cod-match-header-content{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);justify-content:space-between}.cod-match-title{font-size:1.125rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:1px;margin:0}.cod-match-title,.cod-refresh-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.cod-refresh-btn{background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange),var(--cod-orange-dark));border:none;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--cod-white);cursor:pointer;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.cod-refresh-btn:hover{background:linear-gradient(135deg,#e55a2e,#ff6b35);background:linear-gradient(135deg,var(--cod-orange-dark),var(--cod-orange));transform:translateY(-1px)}.cod-match-container,.cod-refresh-btn:hover{box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md)}.cod-match-container{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.cod-match-container:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.cod-match-stats{background:#0000004d;border:1px solid #2a2a2a;border:1px solid var(--cod-gray);border-radius:.25rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:.75rem;padding:var(--spacing-md)}.cod-stats-header{color:#ff6b35;color:var(--cod-orange);font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.cod-stats-header,.cod-stats-row{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.cod-stats-row{flex-wrap:wrap}.cod-stat-badge{border:1px solid;border-radius:.125rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.cod-stat-total{background:#6b728033;border-color:#6b7280;color:#d1d5db}.cod-stat-wins{background:#22c55e33;border-color:#22c55e;color:#86efac}.cod-stat-losses{background:#ef444433;border-color:#ef4444;color:#fca5a5}.cod-stat-winrate{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.cod-stat-prize{background:#fbbf2433;border-color:#fbbf24;color:#fde68a}.cod-stat-avg{background:#8b5cf633;border-color:#8b5cf6;color:#c4b5fd}.cod-empty-state{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem;padding:var(--spacing-2xl);text-align:center}.cod-empty-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:.75rem 0 .5rem;margin:var(--spacing-md) 0 var(--spacing-sm) 0;text-transform:uppercase}.cod-empty-subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.cod-matches-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.cod-match-card{background:linear-gradient(145deg,#151515,#1a1a1a);background:linear-gradient(145deg,var(--cod-darker) 0,var(--cod-card) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.cod-match-card:hover{box-shadow:0 10px 15px #ff6b3533;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cod-match-card.cod-match-won{border-left:4px solid #32cd32;border-left:4px solid var(--cod-green)}.cod-match-card.cod-match-lost{border-left:4px solid #f44;border-left:4px solid var(--cod-red)}.cod-match-giveaway{background:linear-gradient(145deg,#151515,#ffd7000d)!important;background:linear-gradient(145deg,var(--cod-darker) 0,#ffd7000d 100%)!important;border-color:gold!important;border-color:var(--cod-yellow)!important}.cod-match-high-prize{background:linear-gradient(145deg,#151515,#ff44440d)!important;background:linear-gradient(145deg,var(--cod-darker) 0,#ff44440d 100%)!important;border-color:#f44!important;border-color:var(--cod-red)!important}.cod-giveaway-badge{align-items:center;background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border-radius:.25rem;border-radius:var(--radius-md);box-shadow:0 0 10px #ffd7004d;color:#000;color:var(--cod-black);display:flex;font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:.5rem;right:var(--spacing-sm);text-transform:uppercase;top:.5rem;top:var(--spacing-sm);z-index:2}.cod-border-glow-bottom,.cod-border-glow-top{animation:borderGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,gold,#0000);background:linear-gradient(90deg,#0000,var(--cod-yellow),#0000);height:2px;left:0;position:absolute;right:0}.cod-border-glow-top{top:0}.cod-border-glow-bottom{bottom:0}.cod-border-red-bottom,.cod-border-red-top{background:linear-gradient(90deg,#0000,#f44,#0000);background:linear-gradient(90deg,#0000,var(--cod-red),#0000);height:2px;left:0;position:absolute;right:0}.cod-border-red-top{top:0}.cod-border-red-bottom{bottom:0}@keyframes borderGlow{0%{opacity:.5}to{opacity:1}}.cod-match-main{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.cod-match-left{flex:1 1;min-width:0}.cod-match-title{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.cod-match-details{display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm)}.cod-detail-item{align-items:center;display:inline-flex;gap:2px;white-space:nowrap}.cod-detail-mode{color:#f44;color:var(--cod-red)}.cod-detail-map{color:#00bfff;color:var(--cod-blue)}.cod-detail-players{color:gold;color:var(--cod-yellow)}.cod-detail-kills{color:#ec4899}.cod-detail-time{color:#666;color:var(--text-muted)}.cod-detail-prize{font-weight:700;font-weight:var(--font-weight-bold)}.cod-prize-giveaway{animation:pulse 2s ease-in-out infinite;color:gold;color:var(--cod-yellow)}.cod-prize-high{color:#f44;color:var(--cod-red)}.cod-prize-normal{color:#32cd32;color:var(--cod-green)}.cod-match-right{flex-shrink:0}.cod-match-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.cod-status-badge{align-items:center;border:1px solid;border-radius:.25rem;border-radius:var(--radius-md);display:flex;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.5px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;white-space:nowrap}.cod-status-won{background:#32cd3233;border-color:#32cd324d;box-shadow:0 0 10px #32cd3233;color:#32cd32;color:var(--cod-green)}.cod-status-won-giveaway{background:#ffd70033;border-color:#ffd7004d;box-shadow:0 0 10px #ffd70033;color:gold;color:var(--cod-yellow)}.cod-status-lost{background:#f443;border-color:#ff44444d;box-shadow:0 0 10px #f443;color:#f44;color:var(--cod-red)}.cod-status-prize{background:#32cd3233;border-color:#32cd324d;color:#32cd32;color:var(--cod-green)}.cod-match-bottom{align-items:flex-start;border-top:1px solid #2a2a2a;border-top:1px solid var(--cod-gray);display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;padding-top:.75rem;padding-top:var(--spacing-md)}.cod-match-combatants{flex:1 1;min-width:0}.cod-combatants-label{color:#666;color:var(--text-muted);display:block;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.cod-combatants-list{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.cod-participant-badge{align-items:center;border:1px solid;border-radius:.125rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.cod-participant-winner{background:#32cd3233;border-color:#32cd324d;color:#32cd32;color:var(--cod-green)}.cod-participant-self,.cod-participant-winner-giveaway{background:#ffd70033;border-color:#ffd7004d;box-shadow:0 0 10px #ffd70033;color:gold;color:var(--cod-yellow)}.cod-participant-filler{background:#8b5cf633;border-color:#8b5cf64d;color:#c4b5fd}.cod-participant-other{background:#6b728033;border-color:#6b72804d;color:#b0b0b0;color:var(--text-secondary)}.cod-current-indicator{color:gold;color:var(--cod-yellow);font-size:.65rem;margin-left:.25rem;margin-left:var(--spacing-xs)}.cod-match-info{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;gap:var(--spacing-xs)}.cod-info-item{font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.cod-info-protected{color:gold;color:var(--cod-yellow)}.cod-info-stakes{color:#f44;color:var(--cod-red)}.cod-info-date,.cod-prize-sharing{color:#666;color:var(--text-muted)}.cod-prize-sharing{font-size:.7rem;margin-top:.5rem;margin-top:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm);text-align:center}.cod-pagination,.cod-prize-sharing{border-top:1px solid #2a2a2a;border-top:1px solid var(--cod-gray)}.cod-pagination{margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1rem;padding-top:var(--spacing-lg)}.cod-pagination-controls{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:center;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.cod-pagination-button{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.cod-pagination-button:hover:not(:disabled){background:linear-gradient(145deg,#2a2a2a,#404040);background:linear-gradient(145deg,var(--cod-gray) 0,var(--cod-gray-light) 100%);border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.cod-pagination-button:disabled{background:#151515;background:var(--cod-darker);cursor:not-allowed;opacity:.5}.cod-pagination-info{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium)}.cod-pagination-details{color:#666;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-align:center;text-transform:uppercase}@media (max-width:768px){.cod-match-header-content{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.cod-match-title{text-align:center}.cod-stats-row{justify-content:center}.cod-match-main{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.cod-match-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.cod-match-bottom{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.cod-match-info{align-items:flex-start}.cod-pagination-controls{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.cod-pagination-button{justify-content:center;width:100%}}@media (max-width:480px){.cod-match-container{padding:1rem;padding:var(--spacing-lg)}.cod-match-card{padding:.75rem;padding:var(--spacing-md)}.cod-match-details{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.cod-giveaway-badge{align-self:flex-start;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);position:static}.cod-combatants-list{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}}.public-badges{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl)}.badges-header{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.badges-header:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.header-main{align-items:center;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.badge-stats,.header-main{gap:1rem;gap:var(--spacing-lg)}.badge-stats{display:flex;flex-wrap:wrap}.badge-stat{align-items:center;display:flex;flex-direction:column;min-width:80px;text-align:center}.badge-stat .stat-value{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:900;font-weight:var(--font-weight-black);text-shadow:0 1px 2px #0000004d}.badge-stat .stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-top:.25rem;margin-top:var(--spacing-xs);text-transform:uppercase}.completion-progress{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md)}.completion-progress .progress-bar{background:#0000004d;border:1px solid #ff6b3533;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.completion-progress .progress-fill{background:linear-gradient(90deg,#32cd32,#32cd32);background:linear-gradient(90deg,var(--cod-green),#32cd32);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .8s ease}.completion-progress .progress-fill:before{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-text{font-size:.8rem;white-space:nowrap}.badges-controls{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #ff6b351a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.filter-controls,.view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.category-filter{background:#151515;background:var(--cod-darker);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-family:Rajdhani,Roboto Condensed,Arial Black,sans-serif;font-family:var(--font-family);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease;transition:all var(--transition-normal)}.category-filter:focus,.category-filter:hover{background:#2a2a2a;background:var(--cod-gray);border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 0 10px #ff6b3533}.show-progress-btn{align-items:center;background:#0000;border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.25rem;border-radius:var(--radius-md);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal);white-space:nowrap}.show-progress-btn.active,.show-progress-btn:hover{background:#ff6b35;background:var(--cod-orange);border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 0 10px #ff6b354d;color:#fff;color:var(--cod-white)}.view-btn{align-items:center;background:#0000;border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.25rem;border-radius:var(--radius-md);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .25s ease;transition:all var(--transition-normal);width:2.5rem}.view-btn.active,.view-btn:hover{background:#ff6b35;background:var(--cod-orange);border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 0 10px #ff6b354d;color:#fff;color:var(--cod-white)}.pagination{flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-xl)}.pagination,.pagination-button{align-items:center;display:flex}.pagination-button{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.pagination-button:hover:not(:disabled){background:linear-gradient(145deg,#2a2a2a,#404040);background:linear-gradient(145deg,var(--cod-gray) 0,var(--cod-gray-light) 100%);border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.pagination-button:disabled{background:#151515;background:var(--cod-darker);cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs)}.current-page{color:#ff6b35;color:var(--cod-orange);font-weight:700;font-weight:var(--font-weight-bold);text-shadow:0 0 5px #ff6b354d}@media (max-width:768px){.header-main{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.badge-stats{justify-content:space-around}.badges-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.filter-controls,.view-controls{justify-content:center}.match-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.match-result{align-items:flex-start}.match-stats{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.quick-stats{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.pagination-button{justify-content:center;width:100%}}@media (max-width:480px){.quick-stats{grid-template-columns:1fr}.match-card{padding:.75rem;padding:var(--spacing-md)}.match-stats{grid-template-columns:1fr}.badges-header,.match-history-header{padding:1rem;padding:var(--spacing-lg)}.winners-list{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-glow{text-shadow:0 0 10px currentColor}.border-glow{box-shadow:0 0 10px currentColor}.animate-spin{animation:spin 1s linear infinite}@media print{.public-profile-container{background:#fff!important;color:#000!important}.badges-controls,.floating-actions,.header-actions,.pagination{display:none!important}.public-profile-content{padding:1rem!important}.match-card,.player-main-card,.stat-card{background:#fff!important;border:1px solid #000!important}}.public-profile-container{background:linear-gradient(180deg,#000,#0a0a0a);background:linear-gradient(180deg,var(--cod-black) 0,var(--cod-dark) 100%);color:#fff;color:var(--text-primary);font-family:Rajdhani,Roboto Condensed,Arial Black,sans-serif;font-family:var(--font-family);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.4;min-height:100vh;overflow-x:hidden;position:relative}.public-profile-container:before{background-image:radial-gradient(circle at 20% 50%,#ff6b3505 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd70005 0,#0000 50%),linear-gradient(45deg,#0000 48%,#ff6b3503 49%,#ff6b3503 51%,#0000 52%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.floating-actions{bottom:1.5rem;bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);position:fixed;right:1rem;right:var(--spacing-lg);z-index:1000}.floating-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange) 0,var(--cod-orange-dark) 100%);border:2px solid #ff8c61;border:2px solid var(--cod-orange-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px #ff6b3533;box-shadow:var(--shadow-lg);color:#fff;color:var(--cod-white);cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .25s ease;transition:all var(--transition-normal);width:56px}.floating-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.floating-btn:hover:before{left:100%}.floating-btn:hover{border-color:gold;border-color:var(--cod-yellow);box-shadow:0 0 20px #ff6b354d;box-shadow:var(--shadow-glow);transform:translateY(-2px) scale(1.05)}.floating-btn:active{transform:translateY(0) scale(.95)}.floating-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:24px;width:24px}.floating-btn.back-btn{background:linear-gradient(135deg,#2a2a2a,#404040);background:linear-gradient(135deg,var(--cod-gray) 0,var(--cod-gray-light) 100%);border-color:#b0b0b0;border-color:var(--cod-gray-text)}.floating-btn.back-btn:hover{background:linear-gradient(135deg,#404040 0,var(--cod-border-color) 100%);background:linear-gradient(135deg,var(--cod-gray-light) 0,var(--cod-border-color) 100%);border-color:#fff;border-color:var(--cod-white)}.public-profile-header{background:linear-gradient(180deg,#0a0a0a,#151515);background:linear-gradient(180deg,var(--cod-dark) 0,var(--cod-darker) 100%);border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--cod-orange);padding:1rem;padding:var(--spacing-lg);position:relative;z-index:10}.public-profile-header:after{background:linear-gradient(90deg,#0000,#ff6b35,#0000);background:linear-gradient(90deg,#0000,var(--cod-orange),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.header-info{flex:1 1}.header-actions{display:none}.own-profile-badge{background:linear-gradient(45deg,#32cd32,#228b22);background:linear-gradient(45deg,var(--cod-green),#228b22);border:1px solid #32cd324d;border-radius:.25rem;border-radius:var(--radius-md);box-shadow:0 0 10px #32cd3233;color:#fff;color:var(--cod-white);font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.public-profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b35,gold);background:linear-gradient(45deg,var(--cod-orange),var(--cod-yellow));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:1px;line-height:1.2;margin:0 0 .75rem;margin:0 0 var(--spacing-md) 0;text-shadow:0 0 10px #ff6b354d;text-transform:uppercase}.profile-quick-info{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:.75rem;margin-top:var(--spacing-md)}.quick-info-item{align-items:center;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-size:.75rem;overflow:hidden;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.quick-info-item:before{background:linear-gradient(90deg,#0000,#ff6b35,#0000);background:linear-gradient(90deg,#0000,var(--cod-orange),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.quick-info-item:hover{background:#ff6b3526;box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-info-item svg{color:#ff6b35;color:var(--cod-orange);height:16px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);width:16px}.quick-info-item span{text-align:center}.quick-info-item span,.status-indicator{font-weight:700;font-weight:var(--font-weight-bold)}.status-indicator{align-items:center;border:1px solid;border-radius:.25rem;border-radius:var(--radius-md);display:flex;font-size:.7rem;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-height:40px;padding:.25rem;padding:var(--spacing-xs);text-transform:uppercase}.status-indicator.online{background:#32cd3226;border-color:#32cd324d;box-shadow:0 0 10px #32cd3233;color:#32cd32;color:var(--cod-green)}.status-indicator.offline{background:#66666626;border-color:#6666664d;color:#666;color:var(--text-muted)}.profile-tabs{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151515;background:var(--cod-darker);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--cod-gray);display:flex;overflow-x:auto;padding:0 .75rem;padding:0 var(--spacing-md);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:50}.profile-tabs::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);justify-content:center;letter-spacing:.5px;min-width:80px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal);white-space:nowrap}.tab-button:hover{background:#ff6b350d}.tab-button.active,.tab-button:hover{color:#ff6b35;color:var(--cod-orange)}.tab-button.active{background:#ff6b351a;border-bottom-color:#ff6b35;border-bottom-color:var(--cod-orange);box-shadow:inset 0 -3px 0 #ff6b35;box-shadow:inset 0 -3px 0 var(--cod-orange)}.tab-button.active:before{background:linear-gradient(90deg,#0000,#ff6b35,#0000);background:linear-gradient(90deg,#0000,var(--cod-orange),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.tab-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:18px;width:18px}.public-profile-content{padding:1rem;padding:var(--spacing-lg);padding-bottom:100px;position:relative;z-index:1}.overview-grid,.overview-tab{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl)}.overview-main,.overview-sidebar{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.overview-main:before,.overview-sidebar:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.public-player-info{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl)}.player-main-card{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:2px solid #ff6b35;border:2px solid var(--cod-orange);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 0 20px #ff6b354d;box-shadow:var(--shadow-glow);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.player-main-card:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:3px;left:0;position:absolute;right:0;top:0}.player-main-card:after{background:radial-gradient(circle,#ff6b351a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:100px}.player-avatar-section{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.player-avatar,.player-avatar-section{display:flex;justify-content:center;position:relative}.player-avatar{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange),var(--cod-orange-dark));border:3px solid gold;border:3px solid var(--cod-yellow);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px #ff6b3533,0 0 20px #ff6b3566,inset 0 0 20px #ffd70033;box-shadow:var(--shadow-lg),0 0 20px #ff6b3566,inset 0 0 20px #ffd70033;color:#fff;color:var(--cod-white);height:80px;overflow:hidden;width:80px}.player-avatar:before{animation:avatarRotate 4s linear infinite;background:conic-gradient(#0000,#ffd7004d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.player-avatar svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:40px;position:relative;width:40px;z-index:2}@keyframes avatarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-dot{border:2px solid #1a1a1a;border:2px solid var(--cod-card);border-radius:50%;bottom:5px;height:16px;position:absolute;right:5px;width:16px;z-index:3}.status-dot.online{animation:onlinePulse 2s ease-in-out infinite;background:#32cd32;background:var(--cod-green);box-shadow:0 0 10px #32cd3299}.status-dot.offline{background:#666;background:var(--text-muted)}@keyframes onlinePulse{0%,to{opacity:1}50%{opacity:.5}}.player-identity{text-align:center}.player-name{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:1px;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 4px #00000080}.own-badge,.player-name{text-transform:uppercase}.own-badge{background:linear-gradient(45deg,#32cd32,#228b22);background:linear-gradient(45deg,var(--cod-green),#228b22);border:1px solid #32cd324d;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--cod-white);font-size:.65rem;font-weight:700;font-weight:var(--font-weight-bold);margin-left:.5rem;margin-left:var(--spacing-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.player-username{color:#b0b0b0;color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid;border-radius:.25rem;border-radius:var(--radius-md);display:inline-flex;font-size:.7rem;font-weight:var(--font-weight-bold);gap:var(--spacing-xs);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md)}.role-badge.main-admin{border-color:#ff44444d;box-shadow:0 0 10px #f443;color:#f44;color:var(--cod-red)}.role-badge.supervisor{border-color:#ffd7004d;box-shadow:0 0 10px #ffd70033;color:gold;color:var(--cod-yellow)}.role-badge.approver{border-color:#00bfff4d;box-shadow:0 0 10px #00bfff33;color:#00bfff;color:var(--cod-blue)}.role-badge.player{border-color:#32cd324d;box-shadow:0 0 10px #32cd3233;color:#32cd32;color:var(--cod-green)}.level-section{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #ff6b35;border:1px solid var(--cod-orange);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.level-section:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.level-header{flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.level-header,.level-main{align-items:center;display:flex}.level-main{gap:1rem;gap:var(--spacing-lg)}.level-number{align-items:center;background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border:2px solid #ffd7004d;border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526,0 0 15px #ffd70066;box-shadow:var(--shadow-md),0 0 15px #ffd70066;color:#000;color:var(--cod-black);display:flex;font-size:1.25rem;font-weight:900;font-weight:var(--font-weight-black);height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.level-number:before{animation:levelGlow 3s linear infinite;background:conic-gradient(gold,#ff6b35,gold);background:conic-gradient(var(--cod-yellow),var(--cod-orange),var(--cod-yellow));border-radius:.5rem;border-radius:var(--radius-xl);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes levelGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.level-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.level-title{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.level-exp{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium)}.level-rank{align-items:center;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:.375rem;border-radius:var(--radius-lg);color:#ff6b35;color:var(--cod-orange);display:flex;font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.quick-stats-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.quick-stat-item{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #ff6b351a;box-shadow:var(--shadow-sm);overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.quick-stat-item:before{background:#ff6b35;background:var(--cod-orange);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .25s ease;transition:transform var(--transition-normal)}.quick-stat-item:hover:before{transform:scaleX(1)}.quick-stat-item:hover{border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:#ff6b351a;border-radius:.375rem;border-radius:var(--radius-lg);color:#ff6b35;color:var(--cod-orange);display:flex;height:40px;justify-content:center;margin:0 auto .75rem;margin:0 auto var(--spacing-md) auto;width:40px}.quick-stat-item.points .stat-icon{background:#ffd7001a;color:gold;color:var(--cod-yellow)}.quick-stat-item.wins .stat-icon{background:#32cd321a;color:#32cd32;color:var(--cod-green)}.quick-stat-item.winrate .stat-icon{background:#00bfff1a;color:#00bfff;color:var(--cod-blue)}.quick-stat-item.streak .stat-icon{background:#ff44441a;color:#f44;color:var(--cod-red)}.quick-stat-item.badges .stat-icon{background:#ffd7001a;color:gold;color:var(--cod-yellow)}.quick-stat-item.matches .stat-icon{background:#6666661a;color:#b0b0b0;color:var(--text-secondary)}.stat-content{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.stat-value{font-size:1.25rem;text-shadow:0 1px 2px #0000004d}.stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.account-info-section,.fun-stats-section,.game-modes-section{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.section-title{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.section-title svg{color:#ff6b35;color:var(--cod-orange)}.game-modes-grid{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.game-mode-card{background:linear-gradient(145deg,#151515,#1a1a1a);background:linear-gradient(145deg,var(--cod-darker) 0,var(--cod-card) 100%);border-left:4px solid;border-radius:.375rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #ff6b351a;box-shadow:var(--shadow-sm);overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.game-mode-card:before{background:radial-gradient(circle,#ff6b351a 0,#0000 70%);border-radius:50%;content:"";height:50px;position:absolute;right:0;top:0;width:50px}.game-mode-card:hover{box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-mode-card.multiplayer{border-left-color:#ff6b35;border-left-color:var(--cod-orange)}.game-mode-card.battle-royale{border-left-color:#f44;border-left-color:var(--cod-red)}.game-mode-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:.75rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.game-mode-stats{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.mode-stat{background:#0003;border-radius:.25rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--spacing-sm);text-align:center}.mode-stat .stat-value{color:#fff;color:var(--text-primary);display:block;font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mode-stat .stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.7rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.account-info-grid,.fun-stats-grid{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.fun-stat-item,.info-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);transition:all .25s ease;transition:all var(--transition-normal)}.fun-stat-item:hover,.info-item:hover{background:#ff6b351a;border-color:#ff6b3533;transform:translateX(4px)}.fun-stat-item svg,.info-item svg{color:#ff6b35;color:var(--cod-orange);flex-shrink:0}.fun-stat-content,.info-content{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.fun-stat-label,.info-label{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium)}.fun-stat-value,.info-value{color:#fff;color:var(--text-primary);font-size:.85rem;font-weight:700;font-weight:var(--font-weight-bold)}.public-statistics{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl)}.public-statistics.compact{gap:1rem;gap:var(--spacing-lg)}.statistics-header{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.statistics-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:1px;margin:0}.performance-badge,.statistics-title{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);text-transform:uppercase}.performance-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid;border-radius:.375rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #ff6b351a;box-shadow:var(--shadow-sm);font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.performance-badge.compact{font-size:.7rem;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md)}.stats-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg)}.stats-grid.compact{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.public-statistics:not(.compact) .stats-grid{grid-template-columns:1fr}.stat-card{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .35s ease;transition:all var(--transition-slow)}.stat-card:hover{box-shadow:0 10px 15px #ff6b3533;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.highlight,.stat-card:hover{border-color:#ff6b35;border-color:var(--cod-orange)}.stat-card.highlight{background:linear-gradient(145deg,#1a1a1a,#ff6b350d);background:linear-gradient(145deg,var(--cod-card) 0,#ff6b350d 100%)}.stat-card.compact{padding:.75rem;padding:var(--spacing-md);text-align:center}.stat-header{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:.75rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.stat-header svg{color:#ff6b35;color:var(--cod-orange)}.stat-value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:900;font-weight:var(--font-weight-black);line-height:1;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0000004d}.stat-value.large{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b35,gold);background:linear-gradient(45deg,var(--cod-orange),var(--cod-yellow));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.stat-card.compact .stat-value{font-size:1.25rem}.stat-meta{color:#666;color:var(--text-muted);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium)}.stat-progress{margin-top:.75rem;margin-top:var(--spacing-md)}.progress-bar{background:#0000004d;border:1px solid #ff6b3533;border-radius:3px;height:6px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);overflow:hidden}.progress-fill{border-radius:3px;height:100%;overflow:hidden;position:relative;transition:width .8s ease}.progress-fill:before{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}to{left:100%}}.progress-fill.wins{background:linear-gradient(90deg,#32cd32,#32cd32);background:linear-gradient(90deg,var(--cod-green),#32cd32)}.progress-fill.multiplayer{background:linear-gradient(90deg,#ff6b35,#ff8c61);background:linear-gradient(90deg,var(--cod-orange),var(--cod-orange-light))}.progress-fill.battle-royale{background:linear-gradient(90deg,#f44,#f66);background:linear-gradient(90deg,var(--cod-red),#f66)}.progress-text{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium)}.achievements-section,.main-stats-section,.points-section,.summary-section{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.achievements-section:before,.main-stats-section:before,.points-section:before,.summary-section:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:2px;left:0;position:absolute;right:0;top:0}.error-state,.loading-state,.search-state{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:1.5rem;padding:var(--spacing-xl);text-align:center}.loading-spinner{border:4px solid #2a2a2a;border-top:4px solid #ff6b35;border:4px solid var(--cod-gray);border-top-color:var(--cod-orange);height:40px;margin-bottom:1rem;margin-bottom:var(--spacing-lg);width:40px}.error-state h3,.search-state h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0 0 .75rem;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.error-state p,.search-state p{color:#b0b0b0;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;margin-bottom:var(--spacing-lg);max-width:400px}.public-profile-search{margin:0 auto;max-width:400px;position:relative;width:100%}.search-form{width:100%}.search-input-container{align-items:center;background:#1a1a1a;background:var(--cod-card);border:2px solid #404040;border:2px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);display:flex;padding:.25rem;padding:var(--spacing-xs);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.search-input-container:focus-within{border-color:#ff6b35;border-color:var(--cod-orange);box-shadow:0 0 20px #ff6b3533}.search-icon{color:#b0b0b0;color:var(--text-secondary);flex-shrink:0;height:18px;margin-left:.75rem;margin-left:var(--spacing-md);width:18px}.search-input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-family:Rajdhani,Roboto Condensed,Arial Black,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);min-width:0;outline:none;padding:.75rem;padding:var(--spacing-md)}.clear-button,.search-input::placeholder{color:#666;color:var(--text-muted)}.clear-button{background:#0000;border:none;border-radius:.125rem;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:.25rem;padding:var(--spacing-xs);transition:all .25s ease;transition:all var(--transition-normal)}.clear-button:hover{background:#ffffff1a;color:#b0b0b0;color:var(--text-secondary)}.search-button{background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange),var(--cod-orange-dark));border:none;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--cod-white);cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.search-button:hover:not(:disabled){background:linear-gradient(135deg,#e55a2e,#ff6b35);background:linear-gradient(135deg,var(--cod-orange-dark),var(--cod-orange));box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-button:disabled{background:#2a2a2a;background:var(--cod-gray);cursor:not-allowed;opacity:.5}.search-results{animation:slideDown .2s ease;background:#1a1a1a;background:var(--cod-card);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px #ff6b3533;box-shadow:var(--shadow-lg);left:0;margin-top:.5rem;margin-top:var(--spacing-sm);max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-loading{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1rem;padding:var(--spacing-lg)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #2a2a2a;border-top:2px solid #ff6b35;border:2px solid var(--cod-gray);border-radius:50%;border-top-color:var(--cod-orange);height:16px;width:16px}.search-results-header{background:#151515;background:var(--cod-darker);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--cod-gray);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.results-count{color:#666;color:var(--text-muted);font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.search-results-list{max-height:300px;overflow-y:auto;scrollbar-color:#ff6b35 #2a2a2a;scrollbar-color:var(--cod-orange) var(--cod-gray);scrollbar-width:thin}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-track{background:#2a2a2a;background:var(--cod-gray)}.search-results-list::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--cod-orange);border-radius:2px}.search-result-item{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--cod-gray);cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);transition:all .25s ease;transition:all var(--transition-normal)}.search-result-item:last-child{border-bottom:none}.search-result-item.selected,.search-result-item:hover{background:#ff6b351a;border-color:#ff6b3533}.result-avatar{align-items:center;background:linear-gradient(45deg,#ff6b35,#e55a2e);background:linear-gradient(45deg,var(--cod-orange),var(--cod-orange-dark));border:1px solid gold;border:1px solid var(--cod-yellow);border-radius:.375rem;border-radius:var(--radius-lg);color:#fff;color:var(--cod-white);display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.result-avatar .status-dot{border:2px solid #1a1a1a;border:2px solid var(--cod-card);bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.result-info{flex:1 1;gap:.25rem;gap:var(--spacing-xs);min-width:0}.result-info,.result-names{display:flex;flex-direction:column}.result-ingame-name{color:#fff;color:var(--text-primary);font-size:.85rem;font-weight:700;font-weight:var(--font-weight-bold);text-transform:uppercase}.result-username{color:#666;color:var(--text-muted);font-size:.75rem}.result-stats{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.result-stat{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:500;font-weight:var(--font-weight-medium);gap:2px}.result-stat svg{color:#ff6b35;color:var(--cod-orange);height:12px;width:12px}.level-text{font-weight:700;font-weight:var(--font-weight-bold)}.result-status{align-items:center;display:flex;flex-shrink:0}.status-text{font-size:.7rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.status-text.online{color:#32cd32;color:var(--cod-green)}.status-text.offline{color:#666;color:var(--text-muted)}.no-results{align-items:center;display:flex;flex-direction:column;padding:1.5rem;padding:var(--spacing-xl);text-align:center}.no-results svg{color:#666;color:var(--text-muted);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.no-results-text{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.no-results-tip{color:#666;color:var(--text-muted);font-size:.7rem}.search-results-footer{background:#151515;background:var(--cod-darker);border-top:1px solid #2a2a2a;border-top:1px solid var(--cod-gray);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.search-tip{color:#666;color:var(--text-muted);font-size:.65rem}.search-tips{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);margin-top:.75rem;margin-top:var(--spacing-md)}.search-tip-item{align-items:center;color:#666;color:var(--text-muted);display:flex;font-size:.7rem;gap:.5rem;gap:var(--spacing-sm);padding:.25rem;padding:var(--spacing-xs)}.search-tip-item svg{color:#ff6b35;color:var(--cod-orange);flex-shrink:0}.search-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.search-modal{animation:slideIn .3s ease;background:#1a1a1a;background:var(--cod-card);border:2px solid #ff6b35;border:2px solid var(--cod-orange);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 0 20px #ff6b354d;box-shadow:var(--shadow-glow);max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-xl);position:relative;width:100%}.search-modal:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:3px;left:0;position:absolute;right:0;top:0}.search-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.search-modal-header h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0;text-transform:uppercase}.close-button{align-items:center;background:#0000;border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.125rem;border-radius:var(--radius-sm);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.25rem;padding:var(--spacing-xs);transition:all .25s ease;transition:all var(--transition-normal);width:32px}.close-button:hover{background:#2a2a2a;background:var(--cod-gray);border-color:#ff6b35;border-color:var(--cod-orange);color:#fff;color:var(--text-primary)}.empty-state{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);color:#b0b0b0;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin:1.5rem 0;margin:var(--spacing-xl) 0;padding:2rem;padding:var(--spacing-2xl);text-align:center}.empty-state svg{color:#666;color:var(--text-muted);margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.6}.empty-state h4{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0 0 .75rem;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.empty-state p{color:#b0b0b0;color:var(--text-secondary);line-height:1.5;margin:0;max-width:300px}@media (max-width:480px){.public-profile-title{font-size:1.25rem;line-height:1.3}.profile-quick-info,.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.quick-stats-grid{gap:.75rem;gap:var(--spacing-md)}.player-avatar{height:70px;width:70px}.player-avatar svg{height:35px;width:35px}.level-number{font-size:1rem;height:50px;width:50px}.floating-actions{bottom:.75rem;bottom:var(--spacing-md);right:.75rem;right:var(--spacing-md)}.floating-btn{height:48px;width:48px}.floating-btn svg{height:20px;width:20px}}@media (min-width:481px) and (max-width:768px){.public-profile-title{font-size:1.5rem}.profile-quick-info{grid-template-columns:repeat(4,1fr)}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.game-modes-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.overview-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.game-modes-grid,.public-statistics:not(.compact) .stats-grid{grid-template-columns:repeat(2,1fr)}.game-modes-grid{display:grid}.floating-actions{bottom:1.5rem;bottom:var(--spacing-xl);right:1.5rem;right:var(--spacing-xl)}}@media (min-width:1025px){.public-profile-content{margin:0 auto;max-width:1200px;padding:2rem;padding:var(--spacing-2xl)}.public-statistics:not(.compact) .stats-grid,.quick-stats-grid{grid-template-columns:repeat(3,1fr)}.game-modes-grid{display:grid;grid-template-columns:repeat(2,1fr)}.floating-actions{display:none}.header-actions{display:flex}.back-button{align-items:center;background:#0000;border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease;transition:all var(--transition-normal)}.back-button:hover{background:#2a2a2a;background:var(--cod-gray);border-color:#ff6b35;border-color:var(--cod-orange);transform:translateY(-1px)}.search-button{background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange),var(--cod-orange-dark));border:none;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--cod-white);cursor:pointer;font-size:.875rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.search-button:hover{background:linear-gradient(135deg,#e55a2e,#ff6b35);background:linear-gradient(135deg,var(--cod-orange-dark),var(--cod-orange));box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ff6b354d}50%{box-shadow:0 0 20px #ff6b3599}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-btn:before,.level-number:before,.player-avatar:before,.progress-fill:before{display:none}}.back-button:focus,.close-button:focus,.floating-btn:focus,.search-button:focus,.tab-button:focus{outline:2px solid #ff6b35;outline:2px solid var(--cod-orange);outline-offset:2px}@media (prefers-contrast:high){.game-mode-card,.player-main-card,.stat-card{border-color:#ff6b35;border-color:var(--cod-orange);border-width:2px}.progress-bar{border:2px solid #fff;border:2px solid var(--text-primary)}.status-indicator.online{background:#0f0;border-color:#0f0;color:#000}}.leaderboard-description{color:#b0b0b0;color:var(--text-secondary);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:.5rem 0;margin:var(--spacing-sm) 0;text-transform:uppercase}.leaderboard-meta{color:#666;color:var(--text-muted);font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.refresh-button{align-items:center;background:linear-gradient(135deg,#32cd32,#228b22);background:linear-gradient(135deg,var(--cod-green),#228b22);border:none;border-radius:.25rem;border-radius:var(--radius-md);color:#fff;color:var(--cod-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#228b22,#32cd32);background:linear-gradient(135deg,#228b22,var(--cod-green));box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-button:disabled{background:#2a2a2a;background:var(--cod-gray);cursor:not-allowed;opacity:.6}.floating-btn.refresh-btn{background:linear-gradient(135deg,#32cd32,#228b22);background:linear-gradient(135deg,var(--cod-green),#228b22);border-color:#32cd324d}.floating-btn.refresh-btn:hover{background:linear-gradient(135deg,#228b22,#32cd32);background:linear-gradient(135deg,#228b22,var(--cod-green));border-color:#32cd32;border-color:var(--cod-green)}.retry-button{background:linear-gradient(135deg,#ff6b35,#e55a2e);background:linear-gradient(135deg,var(--cod-orange),var(--cod-orange-dark));border:none;border-radius:.375rem;border-radius:var(--radius-lg);color:#fff;color:var(--cod-white);cursor:pointer;font-size:.875rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.retry-button:hover{background:linear-gradient(135deg,#e55a2e,#ff6b35);background:linear-gradient(135deg,var(--cod-orange-dark),var(--cod-orange));box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);transform:translateY(-1px)}.leaderboard-types{grid-gap:.75rem;grid-gap:var(--spacing-md);background:#151515;background:var(--cod-darker);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--cod-gray);display:grid;grid-template-columns:repeat(2,1fr)}.leaderboard-types,.type-button{gap:.75rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-lg)}.type-button{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:2px solid #404040;border:2px solid var(--cod-gray-light);border-radius:.375rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;overflow:hidden;position:relative;text-align:left;transition:all .35s ease;transition:all var(--transition-slow)}.type-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.type-button:hover:before{left:100%}.type-button:hover{background:linear-gradient(145deg,#2a2a2a,#404040);background:linear-gradient(145deg,var(--cod-gray) 0,var(--cod-gray-light) 100%);box-shadow:0 10px 15px #ff6b3533;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.type-button.active,.type-button:hover{border-color:#ff6b35;border-color:var(--type-color,var(--cod-orange))}.type-button.active{background:linear-gradient(145deg,#1a1a1a,#ff6b351a);background:linear-gradient(145deg,var(--cod-card) 0,#ff6b351a 100%);box-shadow:0 4px 12px #ff6b354d}.type-button.active:after{background:#ff6b35;background:var(--type-color,var(--cod-orange));content:"";height:3px;left:0;position:absolute;right:0;top:0}.type-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.type-label{font-size:.9rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.type-description{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium);text-transform:uppercase}.type-button.active .type-description{color:#ff8c61;color:var(--cod-orange-light)}.type-indicator{background:#ff6b35;background:var(--type-color,var(--cod-orange));border-radius:0 0 .375rem .375rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);bottom:0;height:4px;left:0;position:absolute;right:0}.podium-section{background:linear-gradient(145deg,#151515,#1a1a1a);background:linear-gradient(145deg,var(--cod-darker) 0,var(--cod-card) 100%);border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--cod-orange);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.podium-section:before{background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);background:linear-gradient(90deg,var(--cod-orange),var(--cod-yellow),var(--cod-orange));content:"";height:3px;left:0;position:absolute;right:0;top:0}.podium-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:900;font-weight:var(--font-weight-black);gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:1px;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);text-align:center;text-transform:uppercase}.podium-title svg{color:gold;color:var(--cod-yellow)}.podium{align-items:flex-end;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:center;margin:0 auto;max-width:600px}.podium-position{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-width:150px;position:relative;transition:all .35s ease;transition:all var(--transition-slow)}.podium-position:hover{transform:translateY(-4px)}.podium-position.first{order:2;transform:scale(1.1);z-index:3}.podium-position.first:hover{transform:scale(1.1) translateY(-4px)}.podium-position.second{order:1;z-index:2}.podium-position.third{order:3;z-index:1}.podium-rank{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-lg);width:60px}.podium-position.first .podium-rank{animation:championGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border-color:gold;border-color:var(--cod-yellow);box-shadow:0 10px 15px #ff6b3533,0 0 25px #ffd70066;box-shadow:var(--shadow-lg),0 0 25px #ffd70066;height:80px;width:80px}.podium-position.second .podium-rank{background:linear-gradient(45deg,#e5e7eb,#9ca3af);border-color:#e5e7eb}.podium-position.third .podium-rank{background:linear-gradient(45deg,#d97706,#92400e);border-color:#d97706}@keyframes championGlow{0%{box-shadow:0 10px 15px #ff6b3533,0 0 25px #ffd70066;box-shadow:var(--shadow-lg),0 0 25px #ffd70066}to{box-shadow:0 10px 15px #ff6b3533,0 0 35px #ffd70099;box-shadow:var(--shadow-lg),0 0 35px #ffd70099}}.podium-player{align-items:center;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:2px solid #404040;border:2px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;text-align:center;width:100%}.podium-player:before{background:#ff6b35;background:var(--cod-orange);content:"";height:2px;left:0;position:absolute;right:0;top:0}.podium-position.first .podium-player{background:linear-gradient(145deg,#1a1a1a,#ffd7001a);background:linear-gradient(145deg,var(--cod-card) 0,#ffd7001a 100%);border-color:gold;border-color:var(--cod-yellow)}.podium-position.first .podium-player:before{background:linear-gradient(90deg,gold,#ff6b35,gold);background:linear-gradient(90deg,var(--cod-yellow),var(--cod-orange),var(--cod-yellow))}.podium-position.second .podium-player{background:linear-gradient(145deg,#1a1a1a,#e5e7eb1a);background:linear-gradient(145deg,var(--cod-card) 0,#e5e7eb1a 100%);border-color:#e5e7eb}.podium-position.second .podium-player:before{background:#e5e7eb}.podium-position.third .podium-player{background:linear-gradient(145deg,#1a1a1a,#d977061a);background:linear-gradient(145deg,var(--cod-card) 0,#d977061a 100%);border-color:#d97706}.podium-position.third .podium-player:before{background:#d97706}.podium-player .player-avatar{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.player-avatar.champion{background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border-color:#ffd70080;box-shadow:0 4px 6px #ff6b3526,0 0 20px #ffd70066;box-shadow:var(--shadow-md),0 0 20px #ffd70066;height:60px;width:60px}.podium-player .player-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}.podium-player .player-name{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0;text-transform:uppercase}.podium-position.first .player-name{color:gold;color:var(--cod-yellow);text-shadow:0 0 10px #ffd7004d}.podium-player .player-value{color:#b0b0b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium)}.champion-badge{background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border-radius:.375rem;border-radius:var(--radius-lg);box-shadow:0 0 10px #ffd7004d;color:#000;color:var(--cod-black);font-weight:900;font-weight:var(--font-weight-black);padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md)}.champion-badge,.rank-badge{font-size:.7rem;letter-spacing:.5px;margin-top:.5rem;margin-top:var(--spacing-sm);text-transform:uppercase}.rank-badge{border-radius:.25rem;border-radius:var(--radius-md);font-weight:700;font-weight:var(--font-weight-bold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.rank-badge.silver{background:linear-gradient(45deg,#e5e7eb,#9ca3af);color:#000;color:var(--cod-black)}.rank-badge.bronze{background:linear-gradient(45deg,#d97706,#92400e);color:#fff;color:var(--cod-white)}.leaderboard-list{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--cod-card) 0,var(--cod-gray) 100%);border:1px solid #404040;border:1px solid var(--cod-gray-light);border-radius:.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #ff6b3526;box-shadow:var(--shadow-md);margin-top:1.5rem;margin-top:var(--spacing-xl);overflow:hidden}.list-header{background:linear-gradient(145deg,#151515,#1a1a1a);background:linear-gradient(145deg,var(--cod-darker) 0,var(--cod-card) 100%);border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--cod-orange);padding:1.5rem;padding:var(--spacing-xl);position:relative}.list-header:after{background:linear-gradient(90deg,#0000,#ff6b35,#0000);background:linear-gradient(90deg,#0000,var(--cod-orange),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.list-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}.list-title svg{color:#ff6b35;color:var(--cod-orange)}.list-count{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);margin-left:.5rem;margin-left:var(--spacing-sm)}.ranking-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;scrollbar-color:#ff6b35 #2a2a2a;scrollbar-color:var(--cod-orange) var(--cod-gray);scrollbar-width:thin}.ranking-list::-webkit-scrollbar{width:6px}.ranking-list::-webkit-scrollbar-track{background:#2a2a2a;background:var(--cod-gray)}.ranking-list::-webkit-scrollbar-thumb{background:#ff6b35;background:var(--cod-orange);border-radius:3px}.ranking-item{align-items:center;background:#0000;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--cod-gray);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.ranking-item:last-child{border-bottom:none}.ranking-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .25s ease;transition:all var(--transition-normal);width:4px}.ranking-item:hover{background:#ff6b351a;transform:translateX(4px)}.ranking-item:hover:before{background:#ff6b35;background:var(--cod-orange)}.ranking-item.current-user{background:#ffd70026;border-color:#ffd70033}.ranking-item.current-user:before{background:gold;background:var(--cod-yellow)}.ranking-item.current-user:hover{background:#ffd70033}.ranking-item.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffd7000d)}.ranking-item.rank-1:before{background:gold;background:var(--cod-yellow)}.ranking-item.rank-2{background:linear-gradient(135deg,#e5e7eb1a,#e5e7eb0d)}.ranking-item.rank-2:before{background:#e5e7eb}.ranking-item.rank-3{background:linear-gradient(135deg,#d977061a,#d977060d)}.ranking-item.rank-3:before{background:#d97706}.ranking-item.rank-top-10{background:#32cd320d}.ranking-item.rank-top-10:before{background:#32cd32;background:var(--cod-green)}.ranking-rank{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:900;font-weight:var(--font-weight-black);justify-content:center;min-width:3rem}.rank-number{color:#b0b0b0;color:var(--text-secondary);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold)}.ranking-item.rank-1 .rank-number,.ranking-item.rank-1 svg{color:gold;color:var(--cod-yellow);text-shadow:0 0 10px #ffd7004d}.ranking-item.rank-2 .rank-number,.ranking-item.rank-2 svg{color:#e5e7eb}.ranking-item.rank-3 .rank-number,.ranking-item.rank-3 svg{color:#d97706}.ranking-player{align-items:center;display:flex;flex:1 1;gap:.75rem;gap:var(--spacing-md);min-width:0}.ranking-item .player-avatar{border-color:#404040;border-color:var(--cod-gray-light);border-width:2px;height:3rem;margin-bottom:0;width:3rem}.player-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:0}.player-details .player-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1rem;gap:.5rem;gap:var(--spacing-sm);margin:0}.player-details .player-name,.you-badge{font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.you-badge{background:linear-gradient(45deg,gold,orange);background:linear-gradient(45deg,var(--cod-yellow),orange);border-radius:.125rem;border-radius:var(--radius-sm);color:#000;color:var(--cod-black);font-size:.65rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.player-username{font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium)}.player-meta,.player-username{color:#666;color:var(--text-muted)}.player-meta{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.ranking-stats{align-items:flex-end;display:flex;flex-direction:column;min-width:120px;text-align:right}.primary-stat{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.secondary-stat{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium)}.ranking-indicator{align-items:center;display:flex;flex-direction:column;min-width:4rem}.ranking-indicator .status-text{font-size:.75rem;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.ranking-indicator .status-text.online{color:#32cd32;color:var(--cod-green);text-shadow:0 0 5px #32cd324d}.ranking-indicator .status-text.offline{color:#666;color:var(--text-muted)}@media (max-width:768px){.leaderboard-types{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.leaderboard-types,.type-button{padding:.75rem;padding:var(--spacing-md)}.type-button{align-items:center;flex-direction:row;text-align:left}.type-button svg{height:1.25rem;width:1.25rem}.podium{align-items:center;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.podium-position{max-width:250px;order:0!important;transform:none!important;width:100%}.podium-position.first{order:-1}.podium-position.first:hover{transform:translateY(-2px)}.podium-player{min-width:auto;width:100%}.podium-rank{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.podium-position.first .podium-rank{height:70px;width:70px}.ranking-item{flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md)}.ranking-rank{min-width:auto;order:1}.ranking-player{flex:1 1;min-width:0;order:2}.ranking-stats{align-items:flex-start;background:#0003;border-radius:.25rem;border-radius:var(--radius-md);margin-top:.5rem;margin-top:var(--spacing-sm);order:4;padding:.5rem;padding:var(--spacing-sm);text-align:left;width:100%}.ranking-indicator{min-width:auto;order:3}.ranking-item .player-avatar{height:2.5rem;width:2.5rem}.player-details .player-name,.primary-stat{font-size:.875rem}.secondary-stat{font-size:.75rem}}@media (max-width:480px){.podium-title{font-size:1rem}.podium-player{padding:.75rem;padding:var(--spacing-md)}.podium-rank{height:50px;width:50px}.podium-position.first .podium-rank{height:60px;width:60px}.list-title{flex-wrap:wrap;font-size:1rem}.ranking-item{padding:.5rem;padding:var(--spacing-sm)}.you-badge{font-size:.6rem;padding:1px .25rem;padding:1px var(--spacing-xs)}}.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.7518532c.css.map*/