@import url(https://fonts.googleapis.com/css2?family=Big+Noodle+Titling&family=Rajdhani:wght@400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#151922;background-image:linear-gradient(135deg,#1e232e,#151922);color:#f0edf2;font-family:Big Noodle Titling,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;position:relative}body:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100%}.App{min-height:100vh}.App,.promo-slot{display:flex;flex-direction:column;width:100%}.promo-slot{align-items:center;background:#0c101a99;border:1px dashed #ffa54259;border-radius:16px;box-shadow:inset 0 0 18px #00000059;color:#f7fafc;gap:.6rem;justify-content:center;margin-bottom:1rem;padding:1.5rem;text-align:center}.promo-slot__label{color:#fff9;font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.promo-slot__body{color:#ffb347;font-size:1rem;font-weight:600}.promo-slot--banner{min-height:120px}.promo-slot--rectangle{min-height:250px}.promo-slot--leaderboard{min-height:90px}@font-face{font-family:BigNoodleToo;font-style:italic;font-weight:400;src:local("BigNoodleToo"),local("Big Noodle Titling"),url(https://fonts.cdnfonts.com/s/14753/BigNoodleTooOblique.woff) format("woff")}:root{--ow-orange:#f99e1a;--ow-blue:#00c3ff;--ow-dark:#28354f;--ow-darker:#1a2233;--ow-text:#f0edf2;--ow-overlay:#28354fe6}.dashboard-home{color:#f0edf2;color:var(--ow-text);flex:1 1;font-family:BigNoodleToo,Big Noodle Titling,sans-serif;font-style:italic;min-height:100vh;overflow-x:hidden;padding-bottom:4rem;position:relative}.dashboard-home:before{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Overwatch_2_logo.svg/1200px-Overwatch_2_logo.svg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";filter:grayscale(100%);height:80%;left:50%;max-width:1000px;opacity:.05;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:0}.hero-section{margin:0 auto;max-width:800px;padding:4rem 2rem 2rem;z-index:1}.hero-content h1{font-size:4rem;letter-spacing:2px;margin:0;text-shadow:2px 2px 0 #00000080;text-transform:uppercase}.hero-content p{color:#aebdd6;font-family:Rajdhani,sans-serif;font-size:1.4rem;font-style:normal;font-weight:600;margin-top:.5rem}.overview{display:flex;flex-direction:column;gap:6rem;margin:0 auto;max-width:1200px;padding:2rem 2rem 6rem;position:relative;z-index:1}.overview-row{align-items:center;display:flex;gap:4rem}.overview-row.reverse{flex-direction:row-reverse}.overview-image-wrapper{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 10px 40px #00000080;flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.overview-image-wrapper:hover{border-color:#fff3;box-shadow:0 15px 50px #000000b3;transform:scale(1.02)}.overview-image-container{aspect-ratio:16/9;position:relative;width:100%}.overview-img{background:#0f1219;height:100%;object-fit:contain;width:100%}.premium-badge-overlay{background:#f99e1a;background:var(--ow-orange);box-shadow:-2px 2px 10px #00000080;color:#fff;font-family:BigNoodleToo,impact,sans-serif;font-size:1.4rem;font-style:italic;letter-spacing:1px;padding:4px 12px;position:absolute;right:-5px;text-transform:uppercase;top:15px;transform:skew(-15deg);z-index:10}.premium-badge-overlay:after{border-right:5px solid #0000;border-top:5px solid #a8660d;bottom:-5px;content:"";position:absolute;right:0}.overview-text{display:flex;flex:0 0 400px;flex-direction:column;justify-content:center}.overview-text h2{color:#00c3ff;color:var(--ow-blue);font-family:BigNoodleToo,impact,sans-serif;font-size:3.5rem;font-style:italic;line-height:.9;margin:0 0 1rem;text-shadow:2px 2px 0 #00000080;text-transform:uppercase}.overview-text.text-premium h2{color:#f99e1a;color:var(--ow-orange)}.overview-text p{color:#cbd6e5;font-family:Rajdhani,sans-serif;font-size:1.3rem;line-height:1.6;margin:0}.placeholder-img{align-items:center;background:linear-gradient(45deg,#1f2a3d,#2a3855);color:#fff3;display:flex;font-family:BigNoodleToo,sans-serif;font-size:1.5rem;height:100%;justify-content:center;text-transform:uppercase;width:100%}@media (max-width:900px){.overview-row,.overview-row.reverse{flex-direction:column;gap:1.5rem;text-align:center}.overview-text{align-items:center;flex:auto;width:100%}.overview-image-wrapper{width:100%}}.grid-dashboard-container{background:#f5f7fa;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.dashboard-title{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 30px}.dashboard-title h1{font-size:1.8em;margin:0}.drag-hint{background:#fff3;border-radius:20px;font-size:.9em;opacity:.9;padding:5px 15px}.grid-dashboard{grid-gap:15px;display:grid;flex:1 1;gap:15px;overflow:hidden;padding:15px}.grid-item{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:20px;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:grid-row,grid-column,transform}.grid-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.grid-item.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.grid-item.draggable:active{cursor:grabbing}.grid-item.dragging{opacity:.5;transform:scale(.95)}.widget-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.widget-title{color:#333;font-size:1.1em;font-weight:600;margin:0}.widget-subtitle{color:#666;font-size:.85em;margin:5px 0 0}.widget-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.metric-value{color:#667eea;font-size:3em;font-weight:700;text-align:center}.metric-label{color:#666;font-size:.9em;margin-top:10px;text-align:center}.chart-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.bar-chart{align-items:flex-end;display:flex;gap:10px;height:80%;justify-content:space-around;padding:0 20px;width:100%}.bar{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:5px 5px 0 0;flex:1 1;min-width:30px;position:relative;transition:all .3s ease}.bar:hover{opacity:.8}.bar-label{bottom:-25px;color:#666;font-size:.8em;position:absolute;text-align:center;width:100%}.line-chart{height:80%;position:relative;width:100%}.line-chart svg,.stats-grid{height:100%;width:100%}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:15px}.stat-value{font-size:2em;margin-bottom:5px}.stat-label{font-size:.9em;opacity:.9}.progress-bar{background:#e9ecef;border-radius:15px;height:30px;margin:10px 0;overflow:hidden;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.9em;font-weight:700;height:100%;justify-content:flex-end;padding-right:10px;transition:width .5s ease}.table-container{height:100%;overflow-y:auto}.data-table th{background:#667eea;color:#fff;padding:10px;position:-webkit-sticky;position:sticky;top:0}.data-table td{border-bottom:1px solid #e9ecef;padding:10px}.data-table tr:hover{background:#f8f9fa}.trend-indicator{align-items:center;display:inline-flex;font-size:.9em;gap:5px;margin-left:10px}.trend-up{color:#2ecc71}.trend-down{color:#e74c3c}.counter-container{display:inline-block;position:relative}.counter-counter{display:flex;line-height:1;overflow:hidden}.counter-digit{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;position:relative;width:1ch}.counter-number{align-items:center;display:flex;justify-content:center}.counter-number,.gradient-container{bottom:0;left:0;position:absolute;right:0;top:0}.gradient-container{pointer-events:none}.top-gradient{position:absolute;top:0;width:100%}.bottom-gradient{bottom:0;position:absolute;width:100%}.tank-stats-overview{display:flex;flex-direction:column;gap:10px;width:100%}.stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.stat-item{background:#ffffff0d;border-radius:8px;overflow:hidden;padding:10px;text-align:center}.stat-label{color:#aebdd6;font-size:.75em;font-weight:500;margin-bottom:5px}.stat-value{font-size:1.3em;overflow-wrap:break-word;word-break:break-word}.tank-list{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;width:100%}.tank-card{align-items:center;background:#ffffff0d;border-left:4px solid #f99e1a;border-radius:8px;display:flex;gap:15px;padding:10px}.tank-image{height:auto;object-fit:contain;width:80px}.tank-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.tank-name-row{align-items:center;display:flex;justify-content:space-between}.tank-name{color:#f0f0f0;font-size:1.1em;font-weight:700}.tank-tier{background:#f99e1a;border-radius:4px;color:#fff;font-size:.85em;font-weight:700;padding:2px 8px}.tank-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.mini-stat{align-items:center;display:flex;flex-direction:column}.mini-label{color:#aebdd6;font-size:.7em;text-transform:uppercase}.mini-value{color:#f0f0f0;font-size:1em;font-weight:700}.period-summary{gap:20px;width:100%}.big-stat,.period-summary{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.big-stat{text-align:center}.big-stat-value{display:block;font-size:4.5em;font-weight:700;line-height:1;word-break:break-word}.big-stat-label{color:#aebdd6;display:block;font-size:1.3em;font-weight:600;letter-spacing:2px;margin-top:10px;text-transform:uppercase}.compact-stats{display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.compact-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.compact-stat{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;padding:8px}.compact-label{color:#aebdd6;font-size:.7em;font-weight:500;margin-bottom:3px;text-transform:uppercase}.compact-value{color:#f0f0f0;font-size:1.2em;font-weight:700}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.summary-stat{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:0;padding:8px}.summary-label{color:#aebdd6;font-size:.8em;margin-bottom:5px}.summary-value{color:#f0f0f0;font-size:1.3em;font-weight:700;word-break:break-word}@media (max-width:1400px){.tank-image{width:60px}.big-stat-value{font-size:2.5em}.stat-value{font-size:1.2em}}.stats-table-container{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.stats-table{border-collapse:collapse;font-size:.85em;width:100%}.stats-table thead{background:#ffffff1a;color:#f0f0f0}.stats-table th{font-size:.9em;font-weight:600;padding:8px 5px;text-align:center}.stats-table th:first-child{padding-left:10px;text-align:left}.stats-table td{border-bottom:1px solid #ffffff0d;color:#f0f0f0;font-size:.95em;font-weight:500;padding:6px 5px;text-align:center}.stats-table td.stat-name{background:#ffffff0d;color:#aebdd6;font-size:.85em;font-weight:600;padding-left:10px;text-align:left}.stats-table tbody tr:hover{background:#ffffff0d}.trend-container{display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:10px;width:100%}.trend-metric{margin-bottom:15px}.trend-label{color:#aebdd6;font-size:.9em;font-weight:600;margin-bottom:10px}.trend-bars{display:flex;flex-direction:column;gap:8px}.trend-bar-item{align-items:center;display:flex;gap:10px}.trend-bar-label{color:#aebdd6;font-size:.8em;font-weight:700;min-width:25px}.trend-bar-wrapper{background:#ffffff0d;border-radius:4px;flex:1 1;height:28px;overflow:hidden;position:relative}.trend-bar{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:flex-end;min-width:50px;padding-right:8px;transition:width .5s ease}.trend-bar-value{color:#fff;font-size:.85em;font-weight:700;text-shadow:1px 1px 2px #0000004d}.quick-stats{border-top:2px solid #ffffff1a;display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.quick-stat-item{align-items:center;display:flex;flex-direction:column}.quick-stat-label{color:#aebdd6;font-size:.75em;margin-bottom:5px}.quick-stat-value{color:#f99e1a;font-size:1.3em;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:1024px) and (max-height:650px){.dashboard-title{padding:3px 10px}.dashboard-title h1{font-size:.95em}.grid-dashboard{gap:4px;padding:4px}.grid-item{overflow:hidden;padding:5px}.widget-header{margin-bottom:3px}.widget-title{font-size:.65em;margin-bottom:1px}.widget-subtitle{font-size:.55em}.widget-content{font-size:.75em}.big-stat{margin-bottom:-20px;transform:scale(.65);transform-origin:top center}.big-stat-label{font-size:.7em;margin-top:3px}.stats-table-container{height:100%;max-height:100%;overflow:hidden}.stats-table tbody tr:nth-last-child(-n+2),.stats-table td:nth-child(5),.stats-table td:nth-child(6),.stats-table th:nth-child(5),.stats-table th:nth-child(6){display:none}.stats-table{font-size:.9em;height:100%;width:100%}.stats-table td,.stats-table th{line-height:1.4;padding:6px 8px}.tank-list{max-height:100%;overflow:hidden}.tank-item:nth-child(n+4){display:none}.tank-item{font-size:.6em;gap:2px;margin-bottom:2px;padding:2px}.tank-name{font-size:.8em}.tier-badge{font-size:.6em;padding:1px 3px}.tank-stats-grid{gap:2px}.tank-stat{font-size:.6em}.tank-stat-label{font-size:.7em}.tank-stat-value{font-size:.85em}.trend-container{padding:3px}.trend-item{margin:2px 0}.trend-label{font-size:.6em;min-width:15px}.trend-bar-container{height:14px}.trend-value{font-size:.6em;min-width:30px}.quick-stats-grid{gap:3px}.quick-stat{padding:3px}.quick-stat-label{font-size:.55em;margin-bottom:1px}.quick-stat-value{font-size:.85em}div[style*="position: fixed"]{gap:5px!important;right:5px!important;top:5px!important}div[style*="position: fixed"] button,div[style*="position: fixed"] div{font-size:.65em!important;padding:3px 8px!important}.performance-stat{margin-bottom:3px}.performance-stat-label{font-size:.55em}.performance-stat-value{font-size:.85em}}.overwatch-match-history{color:#f0edf2;flex:1 1;font-family:Big Noodle Titling,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;padding:30px 20px}.match-history-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;gap:20px;justify-content:space-between;margin:0 auto 30px;max-width:1200px;padding:25px 30px}.back-home-btn{font-size:18px;padding:8px 16px}.match-history-header h1{color:#f99e1a;font-size:32px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.player-search input{background:#131516;border-radius:6px;color:#fff;font-size:14px;min-width:250px;padding:10px 15px}.player-search input:focus{border-color:#ff6b35;outline:none}.player-search button{background:#ff6b35;border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px}.player-search button:hover{background:#e85a2a}.advanced-filters-header{margin:0 auto 10px;max-width:1200px;padding-left:2px}.advanced-filters-header h3{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.advanced-filters{grid-gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e232ae6,#14161af2);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0006;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto 20px;max-width:1200px;padding:24px}.filter-group{display:flex;flex-direction:column;gap:6px;position:relative}.filter-label{color:#8f9aa8;font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.filter-select-btn{align-items:center;background:#00000040;border:1px solid #ffffff1f;border-radius:6px;color:#eceff1;cursor:pointer;display:flex;font-family:Big Noodle Titling,sans-serif;font-size:18px;font-style:italic;height:40px;justify-content:space-between;padding:0 12px;transition:all .2s ease}.filter-select-btn.active,.filter-select-btn:hover{background:#ffffff0d;border-color:#f99e1a;box-shadow:0 0 8px #f99e1a26}.dropdown-arrow{font-size:10px;opacity:.6}.range-inputs-wrapper{align-items:center;background:#00000040;border:1px solid #ffffff1f;border-radius:6px;display:flex;height:40px;padding:0 4px;transition:border-color .2s}.range-inputs-wrapper:focus-within{border-color:#f99e1a;box-shadow:0 0 8px #f99e1a26}.filter-input-transparent{background:#0000;border:none;color:#fff;font-family:Big Noodle Titling,sans-serif;font-size:18px;height:100%;padding:0;text-align:center;width:100%}.filter-input-transparent:focus{outline:none}.range-separator{color:#555;font-size:14px;font-weight:700;padding:0 2px}.filter-toggle-row{display:flex;gap:8px;height:40px}.filter-toggle{align-items:center;background:#00000040;border:1px solid #ffffff1f;border-radius:6px;color:#8f9aa8;cursor:pointer;display:flex;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-size:18px;font-style:italic;font-weight:700;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:all .2s}.filter-toggle:hover{border-color:#ffffff4d;color:#fff}.filter-toggle.active{background:#f99e1a;border-color:#f99e1a;box-shadow:0 2px 8px #f99e1a66;color:#000}.filter-actions-bar{align-items:center;display:flex;gap:15px;justify-content:flex-end;margin:0 auto 30px;max-width:1200px}.apply-btn-large{background:#f99e1a;border:none;border-radius:6px;box-shadow:0 4px 12px #f99e1a4d;color:#000;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:24px;font-style:italic;font-weight:700;padding:10px 30px;text-transform:uppercase;transition:transform .1s,background .2s}.apply-btn-large:hover{background:#fa3;transform:scale(1.02)}.apply-btn-large:active{transform:scale(.98)}.clear-btn-text{background:#0000;border:none;color:#8f9aa8;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:18px;font-style:italic;text-decoration:underline;transition:color .2s}.clear-btn-text:hover{color:#fff}.filter-popover{background:#1a1d23;border:1px solid #333;border-radius:8px;box-shadow:0 10px 30px #000000b3;left:0;padding:12px;position:absolute;top:calc(100% + 8px);width:280px;z-index:50}.filter-popover-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.filter-popover-header span{color:#f99e1a;font-size:16px;font-weight:700;text-transform:uppercase}.mini-btn-text{background:none;border:none;color:#888;cursor:pointer;font-size:12px}.mini-btn-text:hover{color:#fff}.filter-search{background:#111;border:1px solid #333;font-size:14px;height:36px;margin-bottom:12px;padding:0 10px}.filter-grid{max-height:250px}.filter-grid,.filter-grid.maps{grid-template-columns:1fr}.filter-option{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;color:#f0edf2;cursor:pointer;display:flex;font-family:Big Noodle Titling,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:22px;font-style:italic;gap:12px;letter-spacing:.5px;overflow:hidden;padding:10px;position:relative;text-transform:uppercase;transition:all .2s}.filter-option:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 10px #0003;color:#fff;transform:translateY(-2px)}.filter-option.selected{background:#f99e1a26;border:1px solid #f99e1acc;box-shadow:0 0 15px #f99e1a40;color:#fff;text-shadow:0 0 5px #f99e1a66}.filter-option img{background:#111;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 5px #00000080;height:48px;object-fit:cover;width:48px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.5}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.date-range-container{display:none}.advanced-filters{display:grid}.date-input{border:1px solid #ddd;border-radius:4px;color:#333;font-family:Big Noodle Titling,sans-serif;font-size:18px;padding:8px 12px}.date-separator{color:#666;font-size:18px;font-weight:700}.apply-btn,.clear-btn{border:none;border-radius:4px;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:20px;font-style:italic;padding:8px 20px;transition:background .2s}.apply-btn{background:#ff9f00;color:#fff}.apply-btn:hover{background:#e68a00}.clear-btn{background:#f0f2f5;color:#333}.clear-btn:hover{background:#e1e4e8}.player-stats-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto 20px;max-width:1200px}.stat-card{background:#131516;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center}.stat-card .stat-value{background:#131516;color:#ff6b35;font-size:28px;font-weight:700;margin-bottom:5px}.stat-card .stat-label{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.matches-container{margin:0 auto;max-width:1200px}.match-card{background:#fff;border-left:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden;padding:0;position:relative;transition:transform .2s,box-shadow .2s}.match-card:before{background:#6b7280;bottom:0;box-shadow:0 0 10px #00000059;content:"";left:0;pointer-events:none;position:absolute;top:0;width:10px;z-index:3}.match-card-bg{background-position:50%;background-size:cover;z-index:0}.match-card-bg,.match-card-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.match-card-overlay{background:linear-gradient(90deg,#000000d9 0,#00000080 50%,#000000d9);z-index:1}.match-card-content{grid-column-gap:16px;align-content:center;align-items:center;color:#fff;column-gap:16px;display:grid;grid-template-columns:190px minmax(0,1fr) 160px;height:100%;padding:0 20px;position:relative;z-index:2}.match-card.neutral:before{background:#6b7280}.match-card.win:before{background:#16a34a;box-shadow:0 0 12px #16a34a8c}.match-card.loss:before{background:#dc2626;box-shadow:0 0 12px #dc262680}.match-card.draw:before{background:#fbbf24;box-shadow:0 0 12px #fbbf248c}.match-card.broken:before{background:#9ca3af;box-shadow:0 0 10px #9ca3af73}.match-card.live-match:before{animation:liveBarPulse 4.5s ease-in-out infinite;box-shadow:0 0 14px #ffffff59}.outcome-pill{background:#0000008c;border-radius:14px;color:#fefefe;display:inline-block;font-size:.85rem;font-weight:600;margin-top:6px;padding:6px 10px}.match-card.live-match{box-shadow:0 0 14px #ffffff1f,0 8px 20px #00000040}.match-card.processing-match{cursor:default}.processing-state{background:linear-gradient(135deg,#ffa50029,#ffa5000d);border:1px solid #ffa50073;border-radius:10px;flex:1 1;margin:8px 20px 0;overflow:hidden;padding:14px 18px;position:relative;text-align:center}.processing-title{color:#ffbd59;font-size:30px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 8px #00000073}.processing-subtitle{color:#fffc;font-size:14px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.processing-bar{background:#ffffff26;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.processing-bar span{animation:processingSlide 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffbd5900,#ffbd59e6,#ffbd5900);display:block;height:100%;width:40%}.live-badge{animation:pulse 2s ease-in-out infinite;background:#ff00001a;border-radius:12px;color:red;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px}@keyframes liveBarPulse{0%{background:#16a34a;box-shadow:0 0 14px #16a34a99}33%{background:#fbbf24;box-shadow:0 0 14px #fbbf2499}66%{background:#dc2626;box-shadow:0 0 14px #dc262699}to{background:#16a34a;box-shadow:0 0 14px #16a34a99}}@keyframes processingSlide{0%{transform:translateX(-120%)}50%{transform:translateX(60%)}to{transform:translateX(120%)}}.match-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.match-header{border:none;flex:1 1;gap:20px;margin:0;padding:0}.match-header,.match-result{align-items:center;display:flex}.match-result{gap:15px}.hero-section{flex-direction:column;height:100%;min-width:190px;position:relative;text-align:center;z-index:5}.hero-icons-row,.hero-section{gap:8px}.badges-row,.hero-icons-row,.hero-section{align-items:center;display:flex;justify-content:center}.badges-row{gap:4px;margin-left:0}.hero-icon-small{background:#222;display:block;object-fit:cover}.hero-extra,.hero-icon-small{border:1px solid #fff3;border-radius:4px;box-shadow:0 2px 4px #00000080;height:52px;width:52px}.hero-extra{align-items:center;background:#00000073;color:#f99e1a;display:inline-flex;font-size:20px;font-weight:800;justify-content:center}.time-ago{color:#ffffffe6;font-size:18px;font-weight:600;margin-left:2px;text-shadow:0 1px 2px #000c}.map-name-large{color:#ffffff26;font-size:60px;font-weight:800;left:20px;letter-spacing:2px;overflow:hidden;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:0}.duration-large{align-self:center;color:#fff;font-size:48px;font-weight:800;justify-self:end;min-width:150px;position:relative;text-align:right;text-shadow:0 2px 4px #000c;z-index:2}.match-stats{grid-gap:10px;align-content:center;align-items:center;box-shadow:none;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(6,1fr);height:100%;margin:0;padding:0 12px;position:relative;z-index:3}.match-stats,.stat-item{background:#0000!important;min-width:0}.stat-item{flex-direction:column;justify-content:center}.stat-item .value{color:#fff!important;font-size:32px;line-height:normal;margin-bottom:0}.stat-item .label,.stat-item .value{font-weight:600;text-shadow:0 2px 4px #000c}.stat-item .label{color:#e0e0e0!important;font-size:16px;text-transform:uppercase}.kda-display{align-items:center;display:flex;font-size:31px;font-weight:600;gap:4px;line-height:1;margin-bottom:4px;text-shadow:0 2px 4px #000c}.kda-display .kills{color:#16a34a}.kda-display .deaths{color:#dc2626}.kda-display .assists{color:#d97706}.map-name{color:#666;font-size:13px;margin-left:8px}.loading,.no-matches{color:#666;font-size:16px;padding:40px;text-align:center}.error{background:#fee2e2;color:#dc2626;margin-bottom:20px;padding:15px;text-align:center}.grade-value{font-size:40px!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:scaleIn .2s ease-out;background:linear-gradient(135deg,#1e232a,#14161a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#f99e1a;font-size:24px;letter-spacing:1px;margin:0;text-transform:uppercase}.modal-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));overflow-y:auto;padding:24px}.modal-grid.maps{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.modal-grid.maps .filter-option{border:1px solid #fff3;box-shadow:0 4px 6px #0000004d;height:80px;justify-content:center;padding:0}.modal-grid.maps .filter-option img{border-radius:0;filter:grayscale(40%);height:100%;left:0;object-fit:cover;opacity:.5;position:absolute;top:0;transition:all .3s ease;width:100%}.modal-grid.maps .filter-option span{color:#fff;font-size:28px;font-weight:800;pointer-events:none;position:relative;text-align:center;text-shadow:0 2px 4px #000000e6,0 0 10px #00000080;text-transform:uppercase;z-index:2}.modal-grid.maps .filter-option:hover img{filter:grayscale(0);opacity:.8;transform:scale(1.05)}.modal-grid.maps .filter-option.selected img{filter:grayscale(0);opacity:.9}.modal-footer{background:#0003;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #ffffff0d;display:flex;justify-content:flex-end;padding:20px 24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content .filter-search{background:#0000004d;border-color:#ffffff1a;font-size:16px;margin:10px 24px 0;padding:12px;width:calc(100% - 48px)}.modal-content .filter-search:focus{border-color:#f99e1a}.match-detail{box-sizing:border-box;color:#f0edf2!important;flex:1 1;font-family:Big Noodle Titling,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.9em;font-style:italic;max-width:100%;overflow:hidden;overflow-x:hidden;padding:0;width:100%}.section-tabs{background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;margin:0 auto 5px;max-width:95vw;overflow:hidden}.match-ad{margin:12px auto 8px;max-width:95vw}.tab-button{background:#0000;border:none;color:#aebdd6;cursor:pointer;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-size:1vw;font-style:italic;font-weight:600;letter-spacing:1px;padding:.5vw;text-transform:uppercase;transition:all .2s}.tab-button:hover{background:#ffffff0d;color:#f99e1a}.tab-button.active{background:#f99e1a;color:#fff}.match-detail-header{align-items:center;background:#202632e6;background-position:50%;background-size:cover;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;height:6vw;margin:25px auto 10px;max-width:95vw;overflow:visible;padding:.5vw 2vw;position:relative;z-index:100}.match-detail-header:before{background:linear-gradient(90deg,#000c 0,#0006 50%,#000c);border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.header-content{justify-content:space-between;position:relative;width:100%;z-index:2}.header-center,.header-content{align-items:center;display:flex}.header-center{flex:1 1;justify-content:center}.match-xp-row{align-items:center;display:flex;gap:.8vw}.match-xp{background:#ffa54226;border:1px solid #ffa54266;border-radius:10px;box-shadow:0 6px 18px #00000059;flex-direction:column;gap:4px;min-width:10vw;padding:.4vw 1.2vw}.match-orders,.match-xp{align-items:center;display:flex}.match-orders{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 6px 18px #00000040;gap:.4vw;padding:.4vw .6vw}.order-badge{background:#00000059;border:1px solid #ffffff1a;border-radius:8px;color:#f0f0f0;cursor:help;font-size:.9vw;font-weight:700;padding:.2vw .5vw;position:relative}.order-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c10fa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 15px 50px #000000e6;color:#fff;display:none;left:50%;max-width:450px;min-width:280px;padding:16px 20px;pointer-events:none;position:absolute;text-align:left;top:130%;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:1000}.order-badge:hover .order-tooltip{animation:fadeIn .25s cubic-bezier(.19,1,.22,1);display:block}.tooltip-title{border-bottom:1px solid #ffffff1a;font-size:1rem;font-weight:800;letter-spacing:.1em;margin-bottom:12px;padding-bottom:8px;text-shadow:0 2px 5px #00000080;text-transform:uppercase}.tooltip-item{color:#ecf0f1;display:flex;flex-direction:column;font-size:.9rem;margin-bottom:12px;position:relative}.tooltip-item-header{align-items:center;display:flex;gap:15px;justify-content:space-between;width:100%}.tooltip-item-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#bdc3c7);-webkit-background-clip:text;flex:1 1;font-weight:600}.tooltip-item-value{background:#66fcf11a;border:1px solid #66fcf14d;border-radius:4px;color:#66fcf1;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:700;padding:2px 6px}.tooltip-item-description{border-left:2px solid #ffffff1a;color:#8b9bb4;font-size:.8rem;line-height:1.4;margin-left:2px;margin-top:5px;padding-left:12px}.tooltip-item:last-child{margin-bottom:0}.order-tooltip.bronze{border-color:#cd7f3299;box-shadow:0 8px 32px #cd7f3226}.order-tooltip.bronze .tooltip-title{border-bottom-color:#cd7f324d;color:#cd7f32}.order-tooltip.silver{border-color:#c0c0c099;box-shadow:0 8px 32px #c0c0c026}.order-tooltip.silver .tooltip-title{border-bottom-color:#c0c0c04d;color:silver}.order-tooltip.gold{border-color:#ffd70099;box-shadow:0 8px 32px #ffd70026}.order-tooltip.gold .tooltip-title{border-bottom-color:#ffd7004d;color:gold}.order-tooltip.epic{border-color:#9b59ffb3;box-shadow:0 8px 32px #9b59ff26}.order-tooltip.epic .tooltip-title{border-bottom-color:#9b59ff4d;color:#9b59ff}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.order-badge.bronze{border-color:#cd7f3273;color:#cd7f32}.order-badge.silver{border-color:#c0c0c073;color:silver}.order-badge.gold{border-color:#ffd70080;color:gold}.order-badge.epic{border-color:#9b59ff99;color:#9b59ff}.match-xp-label{color:#fffc;font-size:1vw;letter-spacing:.25vw}.spotlight-wrapper{background:#131516e6;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 10px 30px #00000059;margin:10px auto 25px;max-width:95vw;padding:1.5vw 2vw 2vw}.spotlight-header{align-items:center;display:flex;gap:2vw;justify-content:space-between;margin-bottom:1.5vw}.spotlight-header h2{color:#f9b03e;font-size:3vw;letter-spacing:1px;margin:0;text-transform:uppercase}.spotlight-header p{color:#b7c6dd;font-family:Inter,Segoe UI,sans-serif;font-size:1.1vw;font-style:normal;margin:.4vw 0 0}.spotlight-badge{background:#f99e1a26;border:1px solid #f99e1a66;border-radius:999px;color:#f9b03e;font-size:1vw;letter-spacing:2px;padding:.4vw 1.2vw;text-transform:uppercase}.spotlight-podium{grid-gap:1.2vw;align-items:end;display:grid;gap:1.2vw;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2vw}.spotlight-rank-grid{grid-gap:.9vw;display:grid;gap:.9vw;margin-bottom:1.4vw}.spotlight-rank-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-rank-grid-bottom{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2vw}.spotlight-rank-card{align-items:center;background:#1a1f29d9;border:1px solid #ffffff0f;border-radius:10px;box-shadow:0 8px 18px #00000040;display:flex;gap:.8vw;justify-content:space-between;min-width:0;padding:.8vw 1vw}.spotlight-rank-card-compact{gap:.6vw;padding:.6vw .8vw}.spotlight-rank-left{align-items:center;display:flex;gap:.7vw}.spotlight-rank-number{background:#f9b03e1f;border:1px solid #f9b03e66;border-radius:999px;color:#f9b03e;font-size:.9vw;font-weight:700;letter-spacing:1px;padding:.15vw .6vw;white-space:nowrap}.spotlight-rank-avatar{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;height:2.6vw;object-fit:cover;width:2.6vw}.spotlight-rank-card-compact .spotlight-rank-avatar{height:2.1vw;width:2.1vw}.spotlight-rank-center{flex:1 1;min-width:0}.spotlight-rank-player{color:#fff;font-size:1vw;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-rank-card-compact .spotlight-rank-player{font-size:.9vw}.spotlight-rank-hero{color:#9fb0c8;font-size:.85vw;letter-spacing:.06em;text-transform:uppercase}.spotlight-rank-card-compact .spotlight-rank-hero{font-size:.75vw}.spotlight-photo-finish{color:#b9c7de;display:flex;flex-direction:column;font-size:.75vw;gap:.1vw;margin-top:.35vw}.spotlight-rank-card-compact .spotlight-photo-finish{font-size:.65vw}.spotlight-photo-finish.win{color:#f06414}.spotlight-photo-finish.loss{color:#8b9bb4}.spotlight-photo-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.spotlight-photo-values{color:#d7e1f3}.spotlight-photo-finish.win .spotlight-photo-values{color:#ffd6b0}.spotlight-photo-metric{color:inherit;font-weight:600}.spotlight-photo-vs{color:#ffffff80;margin:0 .3vw}.spotlight-rank-score{align-items:baseline;display:flex;gap:.4vw;justify-content:flex-end;min-width:4vw}.spotlight-rank-score-value{color:#f9b03e;font-size:1.4vw;font-weight:700}.spotlight-rank-card-compact .spotlight-rank-score-value{font-size:1.1vw}.spotlight-rank-letter{font-size:.9vw;font-weight:700;text-transform:uppercase}.spotlight-rank-card-compact .spotlight-rank-letter{font-size:.75vw}.podium-slot{align-items:center;animation:podiumRise .8s ease forwards;display:flex;flex-direction:column;gap:.8vw;opacity:0}.podium-slot.place-1{animation-delay:.15s}.podium-slot.place-2{animation-delay:.25s}.podium-slot.place-3{animation-delay:.35s}@keyframes podiumRise{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.podium-hero-card{background:#202632e6;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 30px #00000059;padding:1.2vw 1vw 1vw;position:relative;text-align:center;width:100%}.podium-rank{background:#ffffff1a;border-radius:999px;color:#fff;font-size:.9vw;font-weight:700;letter-spacing:1px;padding:.2vw .8vw;position:absolute;right:1vw;top:-.8vw}.podium-rank.place-1{background:linear-gradient(135deg,gold,#ffb703);color:#2d1b00}.podium-rank.place-2{background:linear-gradient(135deg,silver,#9aa0a6);color:#1f1f1f}.podium-rank.place-3{background:linear-gradient(135deg,#cd7f32,#a05a2c);color:#1f1206}.podium-hero-avatar{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;height:6vw;margin:.4vw auto .6vw;object-fit:cover;width:6vw}.podium-hero-name{color:#f0edf2;font-size:1.1vw;letter-spacing:1px;text-transform:uppercase}.podium-player-name{color:#fff;font-size:1.3vw;margin-top:.2vw;text-shadow:0 2px 8px #00000080}.podium-base{background:#202632f2;border:1px solid #ffffff0f;border-radius:10px;box-shadow:inset 0 0 12px #00000059;padding:.8vw 1vw;text-align:center;width:100%}.podium-base.place-1{background:linear-gradient(180deg,#ffd66b33,#202632f2);transform:translateY(-.6vw)}.podium-base.place-2{transform:translateY(.2vw)}.podium-base.place-3{transform:translateY(.6vw)}.podium-score-label{color:#aebdd6;display:block;font-size:.9vw;letter-spacing:1px;text-transform:uppercase}.podium-score-value{color:#f9b03e;font-size:2vw;font-weight:700}.spotlight-stats-grid{grid-gap:1.2vw;display:grid;gap:1.2vw;grid-template-columns:repeat(4,minmax(0,1fr))}.spotlight-stat-card{background:#202632e6;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 18px #0000004d;padding:1.2vw 1.4vw}.spotlight-stat-icon{font-size:1.6vw;margin-bottom:.4vw}.spotlight-stat-icon.healing{color:#3de58a}.spotlight-stat-icon.damage{color:#ff6b35}.spotlight-stat-icon.kda{color:#6aa9ff}.spotlight-stat-icon.hype{color:#3aa0ff}.spotlight-stat-label{color:#aebdd6;font-size:1vw;letter-spacing:1px;margin-bottom:.6vw;text-transform:uppercase}.spotlight-stat-player{align-items:center;display:flex;gap:.8vw;margin-bottom:.6vw}.spotlight-hero-avatar{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;height:2.6vw;object-fit:cover;width:2.6vw}.spotlight-player-name{color:#fff;font-size:1.1vw}.spotlight-hero-name{color:#aebdd6;font-size:.9vw}.spotlight-stat-value{color:#f9b03e;font-size:2vw;font-weight:700}@media (max-width:1200px){.spotlight-podium,.spotlight-rank-grid,.spotlight-rank-grid-bottom,.spotlight-rank-grid-top,.spotlight-stats-grid{grid-template-columns:1fr}.podium-hero-avatar{height:12vw;width:12vw}.spotlight-hero-avatar{height:6vw;width:6vw}.spotlight-rank-avatar{height:7vw;width:7vw}.spotlight-header h2{font-size:5vw}}.match-xp-value{color:#ffb347;font-size:2.5vw;font-weight:800;line-height:1;text-shadow:0 2px 10px #000000b3}.map-name{align-items:center;color:#fff;display:flex;font-size:5vw;font-weight:800;gap:20px;letter-spacing:2px;margin:0;text-shadow:0 2px 10px #000c;text-transform:uppercase}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.duration{color:#fff;font-size:4vw;font-weight:800;line-height:1;text-shadow:0 2px 10px #000c}.match-id-small{color:#ffffffb3;font-family:sans-serif;font-size:.8vw}.live-indicator{font-size:1.5vw;padding:5px 15px}.broken-indicator{background:#f39c12cc;border-radius:12px;color:#1c1204;display:inline-block;font-size:1.1vw;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:6px 12px}.teams-container{grid-gap:1vw;box-sizing:border-box;display:grid;gap:1vw;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto 10px;max-width:94vw;padding:0 1vw;position:relative}.vs-divider{color:#f99e1a;font-family:BigNoodleToo,Impact,sans-serif;font-size:4vw;font-style:italic;font-weight:200;left:50%;line-height:1;pointer-events:none;position:absolute;text-shadow:4px 4px 0 #00000080;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:1400px){.teams-container{grid-template-columns:1fr;padding:0 10px}.vs-divider{margin:10px 0;position:static;text-align:center;transform:none}}.team-section{border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#333!important;margin:0;min-width:0;padding:1.5vw 1vw}.team-section.team-1{border-top:4px solid #4a90e2}.team-section.team-2{border-top:4px solid #e74c3c}.team-section h2{font-size:2.2vw;font-weight:600;margin:0}.team-header-row{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:1.5vw;padding-bottom:1vw}.team-grade,.team-header-row{align-items:center;display:flex}.team-grade{gap:.8vw}.team-grade-label{color:#666;font-size:1.2vw;font-weight:500}.team-grade-value{font-size:2.5vw;font-weight:800;text-shadow:0 1px 2px #0000001a}.team-section.team-1 h2{color:#4a90e2}.team-section.team-2 h2{color:#e74c3c}.player-row{grid-gap:.6vw;align-items:center;background:#202632e6!important;border-left:3px solid #0000;border-radius:6px;color:#f0edf2!important;display:grid;gap:.6vw;grid-template-columns:3.5fr .8fr 1.2fr 1fr 1fr 1fr 1fr;margin-bottom:.6vw;overflow:hidden;padding:.9vw .8vw;position:relative;transition:all .2s}.player-row:before{background:linear-gradient(90deg,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .8s ease-out;width:0;z-index:0}.player-row.bars-loaded:before{width:100%}.grade-breakdown-bars{bottom:0;display:flex;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in;z-index:0}.player-row.bars-loaded .grade-breakdown-bars{opacity:1}.grade-bar-segment{cursor:help;height:100%;opacity:.25;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1),opacity .2s ease}.player-row:hover .grade-bar-segment{opacity:.4}.grade-bar-segment:hover{filter:brightness(1.2);opacity:.7!important}.grade-bar-jadasek{background:linear-gradient(180deg,#ff8a80,#e57373)}.grade-bar-ka{background:linear-gradient(180deg,#84ffff,#4dd0e1)}.grade-bar-deaths{background:linear-gradient(180deg,#b388ff,#7e57c2)}.grade-bar-heal_share{background:linear-gradient(180deg,#b9f6ca,#69f0ae)}.grade-bar-kill_participation{background:linear-gradient(180deg,#ffff8d,#ffea00)}.grade-bar-match_impact{background:linear-gradient(180deg,#ffcc80,#ffa726)}.grade-bar-team_relative{background:linear-gradient(180deg,#82b1ff,#448aff)}.player-row>*{position:relative;z-index:1}.team-section.team-1 .player-row{border-left-color:#4a90e2}.team-section.team-2 .player-row{border-left-color:#e74c3c}.player-row:hover{background:#283040!important}.player-info{align-items:center;display:flex;gap:.8vw}.player-avatar{background:#333;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;height:2.5vw;object-fit:cover;width:2.5vw}.player-avatar.role-damage{background:#e74c3c}.player-avatar.role-tank{background:#3498db}.player-avatar.role-support{background:#2ecc71}.player-name-hero{display:flex;flex-direction:column;min-width:0;overflow:hidden}.player-name-hero .name{color:#f0edf2;font-size:1.25vw;font-weight:600}.player-name-hero .hero,.player-name-hero .name{overflow:hidden;padding-right:5px;text-overflow:ellipsis;white-space:nowrap}.player-name-hero .hero{color:#aebdd6;font-size:.9vw}.stat-column{min-width:0;text-align:center}.stat-column .value{color:#f0edf2;font-size:1.25vw;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-column .label{font-size:.7vw;margin-top:2px;white-space:nowrap}.stat-column .label,.stats-header{color:#aebdd6;text-transform:uppercase}.stats-header{grid-gap:8px;display:grid;font-size:.8vw;font-weight:600;gap:8px;grid-template-columns:3.5fr .8fr 1.2fr 1fr 1fr 1fr 1fr;margin-bottom:10px;padding:8px 10px}.grade-value{font-size:1.8vw!important;font-weight:800!important}.grade-S{color:gold!important;text-shadow:0 0 2px #ffd70080}.grade-A{color:#0070dd!important}.grade-B{color:#1eff00!important}.grade-C,.grade-D{color:#9d9d9d!important}.grade-F{color:#dc2626!important}.charts-wrapper{display:flex;gap:20px;margin:0 auto 20px;max-width:80vw}.charts-section{background:#131516!important;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#333!important;flex:1 1;margin:0;min-width:0;padding:20px}.charts-section h2{color:#1a1a1a;font-size:1.2vw;font-weight:600;margin:0 0 15px;text-align:center}.chart-container{border-radius:6px;height:18vw;padding:10px}.role-badge{border-radius:3px;display:inline-block;font-size:.6vw;font-weight:600;margin-left:6px;padding:3px 8px;text-transform:uppercase}.role-badge.damage{background:#ffebee;color:#c62828}.role-badge.support{background:#e8f5e9;color:#2e7d32}.role-badge.tank{background:#e3f2fd;color:#1565c0}.kda-value{color:#2e7d32;font-weight:600}.error,.loading{font-size:1.2vw;padding:50px}.error{background:#ffebee;border-radius:8px;color:#c62828;margin:0 auto;max-width:80vw}.back-button{background:#fff!important;border:2px solid #e0e0e0;border-radius:6px;color:#333!important;cursor:pointer;font-size:14px;font-weight:500;margin:0 auto 20px;max-width:1400px;padding:10px 20px;transition:all .2s}.team-section{background:#131516;overflow:hidden;position:relative;transition:background-color 2s ease-out;z-index:0}.team-section>*{position:relative;z-index:2}.team-outcome-broken:before,.team-outcome-draw:before,.team-outcome-loss:before,.team-outcome-win:before{animation:shine-pulse 3s ease-in-out infinite alternate;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.team-outcome-win:before{background:linear-gradient(180deg,#2ecc7199 0,#fff0 70%)}.team-outcome-loss:before{background:linear-gradient(180deg,#e74c3c99 0,#fff0 70%)}.team-outcome-draw:before{background:linear-gradient(180deg,#f1c40f99 0,#fff0 70%)}.team-outcome-broken:before{background:linear-gradient(180deg,#f39c1299 0,#fff0 70%)}@keyframes shine-pulse{0%{opacity:.3}to{opacity:.8}}.outcome-text{animation:zoom-in-text .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.5s;font-size:3.5vw;font-weight:700;letter-spacing:2px;margin:0 20px;opacity:0;position:relative;text-shadow:2px 2px 4px #0003;text-transform:uppercase;z-index:3}.outcome-text.win{color:#2ecc71}.outcome-text.loss{color:#e74c3c}.outcome-text.draw{color:#f1c40f}.outcome-text.broken{color:#f39c12}@keyframes zoom-in-text{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.player-details-view{background:#131516;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:80vw;padding:1vw}.player-details-header{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:.5vw;margin-bottom:1vw;padding-bottom:.5vw}.player-identity{width:100%}.player-identity h2{color:#333;font-size:1.8vw}.hero-filter{flex-wrap:wrap;gap:.3vw}.filter-btn{background:#fff;border:1px solid #ddd;font-size:.9vw;gap:.3vw;padding:.3vw .6vw}.filter-btn:hover{background:#f5f5f5}.filter-icon{height:1.2vw;object-fit:contain;width:1.2vw}.timeline-section{margin-bottom:1.5vw}.timeline-section h3{color:#f0edf2;font-size:1.2vw;margin-bottom:.5vw}.timeline-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;height:2.5vw;margin-bottom:.3vw;overflow:hidden;position:relative}.timeline-segment{align-items:center;border-right:1px solid #fff3;bottom:0;display:flex;justify-content:center;position:absolute;top:0;transition:width .3s}.timeline-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));height:70%;object-fit:contain;width:auto}.timeline-labels{color:#888;display:flex;font-family:sans-serif;font-size:1vw;justify-content:space-between}.player-row.selected{background-color:#ff6b351a!important;border-left:4px solid #ff6b35}.player-big-avatar{border:2px solid #ff6b35;border-radius:50%;height:4vw;margin-right:1vw;width:4vw}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite}.player-details-header{border-bottom:2px solid #ffffff1a;margin-bottom:15px;padding-bottom:10px}.player-identity{align-items:center;display:flex;justify-content:space-between}.player-big-avatar{border:2px solid #eee;border-radius:8px;height:40px;margin-right:10px;object-fit:cover;width:40px}.player-identity h2{color:#f0edf2;font-size:1.8rem;margin:0}.hero-filter{align-items:center;display:flex;gap:10px}.filter-label{color:#aebdd6;font-size:1.2rem;margin-right:10px}.filter-btn{align-items:center;background:#202632e6;border:1px solid #ffffff1a;border-radius:4px;color:#f0edf2;cursor:pointer;display:flex;font-family:Big Noodle Titling,sans-serif;font-size:1.2rem;gap:8px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#ffffff1a;border-color:#f99e1a}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.filter-icon{border-radius:4px;height:24px;object-fit:cover;width:24px}.player-stats-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin-top:10px}.stats-card{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.stats-card h3{color:#f0edf2;font-size:1.1rem;margin:0 0 8px;padding-bottom:5px}.stats-list{display:flex;flex-direction:column;gap:6px}.stat-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:4px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#fff;font-size:.9rem}.stat-value{font-size:1.4rem}.stat-value.positive{color:#2ecc71}.stat-value.negative{color:#e74c3c}.hero-summary-tab{display:flex;flex-direction:column;gap:1vw;margin:0 auto;max-width:98vw;width:98vw}.player-hero-summary-section{background:#131516;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.5vw}.match-finished-animation{align-items:center;animation:fadeInOut 4s ease-in-out forwards;display:flex;height:100%;justify-content:center;width:100%}.match-finished-animation h1{color:#fff;font-size:4rem;letter-spacing:5px;margin:0;text-shadow:0 0 20px #ff6b35cc}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.head-to-head-wrapper{align-items:center;box-sizing:border-box;display:flex;height:65vh;justify-content:center;padding:0}.head-to-head-grid{grid-gap:4px;background:#0003;display:grid;gap:4px;height:100%;width:100%}.h2h-corner{background:#ffffff0d;color:#66fcf1;font-size:3.5vmin;font-style:italic;font-weight:900}.h2h-corner,.h2h-header-cell,.h2h-row-header{align-items:center;display:flex;justify-content:center}.h2h-header-cell,.h2h-row-header{background:#1e232899;border-radius:4px;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:.2rem}.h2h-hero-icon{aspect-ratio:1;border-radius:5px;box-shadow:0 5px 15px #00000080;height:65%;margin-bottom:2px;object-fit:cover;transition:transform .2s;width:auto}.h2h-header-cell:hover .h2h-hero-icon,.h2h-row-header:hover .h2h-hero-icon{transform:scale(1.1)}.h2h-player-name{color:#c5c6c7;font-size:1.3vmin;font-weight:700;letter-spacing:1px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.h2h-cell{align-items:center;background:#ffffff08;border-radius:4px;color:#fff;display:flex;font-size:3.5vmin;font-weight:800;justify-content:center;min-height:0;min-width:0;transition:all .2s}.h2h-cell:hover{background:#ffffff26;box-shadow:0 0 20px #00000080;transform:scale(1.05);z-index:10}.hero-summary-container{background:#0000;border-radius:8px;color:#f0f0f0;margin-bottom:.5vw;max-width:100%;overflow-x:hidden;padding:.5vw}.hero-summary-title{border-bottom:2px solid #ffffff1a;color:#f0f0f0;font-family:Big Noodle Titling,sans-serif;font-size:1.8vw;font-style:italic;font-weight:700;margin-bottom:1vw;padding-bottom:.5vw;text-align:center;text-transform:uppercase}.hero-cards-grid{display:flex;flex-wrap:wrap;gap:1.5vw;justify-content:center}.hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;flex-shrink:0;overflow:hidden;padding:.8vw;position:relative;transition:transform .2s,box-shadow .2s;width:31vw}.hero-card:hover{box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.hero-card.high-grade{border:2px solid gold;box-shadow:0 0 15px #ffd70033}.hero-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.5vw;padding-bottom:.5vw}.hero-card-name{color:#f0f0f0;font-size:2vw;font-weight:800}.hero-card-role{font-size:1vw;font-weight:600;margin-top:.2vw;text-transform:uppercase}.hero-card-role.tank{color:#2196f3}.hero-card-role.damage{color:#e91e63}.hero-card-role.support{color:#4caf50}.hero-card-duration{color:#aebdd6;font-size:.8vw;margin-top:.1vw}.hero-card-grade{align-items:flex-end;display:flex;flex-direction:column;font-size:4vw;font-weight:900;line-height:1;text-align:right}.hero-card-score-sub{font-size:.4em;font-weight:600;margin-top:-2px;opacity:.7}.stat-grade-points{font-size:1em;font-weight:400;margin-left:2px;opacity:.7}.grade-s{color:gold;text-shadow:2px 2px 0 #0000001a}.grade-a{color:#9c27b0}.grade-b{color:#2196f3}.grade-c{color:#4caf50}.grade-d{color:#ff9800}.grade-f{color:#f44336}.stat-contribution{margin-bottom:.5vw}.stat-contribution-header{align-items:baseline;color:#aebdd6;display:flex;font-size:.9vw;justify-content:space-between;margin-bottom:.2vw}.stat-name{font-weight:600}.stat-weight{color:#7f8c8d;font-size:.7vw;font-weight:400}.stat-comparison{color:#7f8c8d;font-size:.7vw;margin-left:.6vw}.stat-grade-label{background:#ffffff1a;border-radius:3px;color:#f0f0f0;font-size:.8vw;font-weight:700;margin-left:.6vw;padding:0 .3vw}.stat-value{color:#fff;font-size:1.3vw;font-weight:700}.stat-contribution-bar{background:#ffffff0d;border-radius:4px;box-shadow:inset 0 1px 2px #0000000d;height:1.4vw;overflow:hidden;position:relative}.grade-thresholds{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.grade-marker{background:#ffffff1a;bottom:0;position:absolute;top:0;width:1px;z-index:1}.grade-label{color:#ffffff4d;font-size:.7vw;font-weight:700;left:.1vw;position:absolute;top:.1vw}.stat-bar-fill{align-items:center;border-radius:4px;display:flex;height:100%;padding-left:.5vw;transition:width .5s ease-out}.stat-bar-fill.high{background:linear-gradient(90deg,#4caf50,#8bc34a)}.stat-bar-fill.medium{background:linear-gradient(90deg,#ff9800,#ffc107)}.stat-bar-fill.low{background:linear-gradient(90deg,#f44336,#ff5722)}.stat-bar-score{color:#fff;font-size:1.1vw;font-weight:700;text-shadow:0 1px 2px #0003;white-space:nowrap;z-index:2}.grade-info{border-top:1px solid #ffffff1a;color:#7f8c8d;display:flex;font-size:.7vw;justify-content:space-between;margin-top:.8vw;padding-top:.5vw}.no-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#aebdd6;font-size:1vw;padding:2vw;text-align:center}.paywall-gate{align-items:center;background:radial-gradient(circle at top,#45a29e14,#0000 55%),linear-gradient(180deg,#0b0c10cc,#0b0c10f2);border:1px solid #45a29e26;border-radius:12px;display:flex;justify-content:center;min-height:360px;padding:32px 20px}.paywall-card{background:#0f1016e6;border:1px solid #45a29e40;border-radius:14px;box-shadow:0 12px 30px #00000059;max-width:720px;padding:32px 28px;text-align:center;width:100%}.paywall-badge{background:linear-gradient(90deg,#00f98e,#66fcf1);border-radius:999px;color:#0b0c10;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:2px;margin-bottom:14px;padding:6px 12px}.paywall-card h2{color:#eaf6ff;font-size:1.6rem;margin:0 0 10px}.paywall-subtitle{color:#aebcd0;font-size:.95rem;margin:0 auto 18px;max-width:560px}.paywall-features{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0 0 22px;padding:0}.paywall-features li{color:#c5c6c7;font-size:.95rem}.paywall-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.paywall-cta{background:linear-gradient(90deg,#ff6b35,#ff9f1c);color:#0b0c10;font-weight:700;padding:10px 18px}.paywall-cta,.paywall-secondary{border-radius:8px;text-decoration:none}.paywall-secondary{background:#0000;border:1px solid #66fcf166;color:#66fcf1;padding:10px 16px}.daily-report{color:#f0edf2;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-style:italic;padding:20px}.daily-report-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1400px;padding:15px 25px}.header-left h1{color:#aebdd6}.header-left .date-display{color:#8f9cb3;font-size:20px;margin-top:5px}.date-controls{gap:10px;margin-top:10px}.date-controls,.date-nav-btn{align-items:center;display:flex}.date-nav-btn{background:#f0f2f5;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:18px;font-weight:700;height:30px;justify-content:center;width:30px}.date-nav-btn:hover{background:#e1e4e8}.date-picker{border:1px solid #ddd;border-radius:4px;color:#333;font-family:Big Noodle Titling,sans-serif;font-size:18px;padding:5px 10px}.player-search{display:flex;gap:10px}.player-search input{border:1px solid #ddd;border-radius:4px;font-size:18px;padding:8px 12px}.player-search button,.player-search input{font-family:Big Noodle Titling,sans-serif;font-style:italic}.player-search button{background:#ff9f00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:8px 20px;transition:background .2s}.player-search button:hover{background:#e68a00}.report-content{margin:0 auto;max-width:1400px}.kpi-card{background:#fff;box-shadow:0 2px 4px #0000000d}.kpi-label{color:#7f8c8d}.kpi-value{color:#2c3e50}.kpi-sub{color:#95a5a6}.averages-card{background:#fff;box-shadow:0 2px 4px #0000000d}.avg-val{color:#3498db}.avg-lbl{color:#95a5a6}.section-card{background:#fff;box-shadow:0 2px 4px #0000000d}.section-card h3{border-bottom:2px solid #f0f2f5;color:#2c3e50}.data-table th{background:#fff;border-bottom:2px solid #f0f2f5;color:#95a5a6}.data-table td{border-bottom:1px solid #f9f9f9}.match-row{background:#f8f9fa}.match-row:hover{box-shadow:0 2px 5px #0000000d}.match-row.win{background:#2ecc710d}.match-row.loss{background:#e74c3c0d}.match-map-img{background-color:#ddd}.match-map{color:#2c3e50;font-size:20px;font-weight:600;line-height:1}.match-time{color:#95a5a6;font-size:16px;font-weight:400;margin-top:4px}.duration-sep{color:#bdc3c7;margin:0 4px}.match-hero img{background:#333;border:1px solid #0000001a;height:40px;width:40px}.multi-hero-icons{flex-wrap:wrap;max-width:60px}.stat-grp .label{color:#95a5a6}.stat-grp .val{color:#34495e;font-size:20px;font-weight:600}.match-result-badge.draw,.match-result-badge.loss,.match-result-badge.win{background:#0000}.grade-S{text-shadow:0 0 2px #f1c40f80}.grade-D{color:#e67e22}.error,.loading,.no-data{color:#95a5a6;font-size:28px;padding:50px;text-align:center}.error{color:#e74c3c}.player-profile{background-color:#151922;background-image:linear-gradient(135deg,#1e232e,#151922);color:#f0f0f0;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-style:italic;padding:20px}.profile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1400px;padding:15px 25px}.header-left h1{color:#f0f0f0;font-size:32px;line-height:1;margin:0}.back-home-btn{border:1px solid #ffffff4d;color:#fff;font-size:1.2rem;margin-bottom:10px}.header-search{align-items:center;display:flex}.player-search-input{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#f0edf2;font-family:Big Noodle Titling,sans-serif;font-size:14px;padding:8px 15px;transition:all .2s;width:200px}.player-search-input.tag-input{text-align:center;width:90px}.player-search-input:focus{background:#00000080;border-color:#f99e1a;outline:none}.player-search-input::placeholder{color:#ffffff80}.player-search-btn{background:#f99e1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:14px;font-weight:700;padding:8px 20px;transition:all .2s}.player-search-btn:hover{background:#ffb042;transform:scale(1.05)}.header-left .player-name{color:#f99e1a;font-size:42px;font-weight:700;line-height:1;margin-top:5px}.profile-content{margin:0 auto;max-width:1400px}.xp-section{margin-bottom:20px}.xp-card{background:#181c26eb;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 6px 18px #00000059;padding:18px 24px;text-align:center}.xp-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.xp-level{color:#f99e1a;font-size:20px;letter-spacing:1px;text-transform:uppercase}.xp-value{color:#d4dbe8;font-size:18px}.xp-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;display:flex;height:14px;overflow:hidden;position:relative;width:100%}.xp-bar-fill{background:linear-gradient(90deg,#ffb347,#f80);border-radius:999px;box-shadow:0 0 12px #ff880073;height:100%}.xp-name{color:#f0f0f0;font-size:26px;margin-top:10px}.summary-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr) 2fr}.achievements-card,.orders-card,.summary-row{margin-bottom:20px}.orders-card{background:radial-gradient(120% 140% at 0 0,#ffffff14 0,#202632e6 45%,#121620f2 100%);border:1px solid #ffffff29;box-shadow:0 10px 24px #00000059,inset 0 0 0 1px #ffffff0a}.orders-header{display:flex;flex-direction:column;gap:10px}.orders-header h3{align-items:center;color:#f4f7ff;display:inline-flex;gap:10px;letter-spacing:1px;text-transform:uppercase}.orders-header h3:before{background:linear-gradient(135deg,#f99e1a,#ffda7b);border-radius:999px;box-shadow:0 0 10px #f99e1ab3;content:"";height:10px;width:10px}.orders-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.orders-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1200px){.orders-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.orders-list{grid-template-columns:1fr}}.order-section{background:linear-gradient(120deg,#181d29e6,#10131cf2);border:1px solid #ffffff29;border-radius:14px;box-shadow:0 8px 18px #00000059,inset 0 0 0 1px #ffffff0a;min-width:0;overflow:hidden;padding:14px 16px;position:relative}.order-section:after{background:radial-gradient(120px 60px at 80% -20%,#ffffff26,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.order-section-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.order-section-main{display:flex;flex-direction:column;gap:4px}.orders-card .order-title{color:#f4f7ff;font-size:18px;text-shadow:0 0 8px #ffffff14}.orders-card .order-desc{color:#c1cfe3;font-size:13px}.order-section-meta{align-items:center;display:flex;gap:8px}.order-tier-badge{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;box-shadow:0 0 10px #ffffff14;color:#f5f7ff;font-size:12px;font-weight:800;letter-spacing:.8px;padding:5px 12px;text-transform:uppercase}.order-tier-badge.bronze{border-color:#cd7f3280;color:#cd7f32}.order-tier-badge.silver{border-color:#c0c0c080;color:silver}.order-tier-badge.gold{border-color:#ffd70080;color:gold}.order-tier-badge.epic{border-color:#9b59ff80;color:#9b59ff}.order-section.tier-bronze{border-color:#cd7f3266}.order-section.tier-silver{border-color:#c0c0c066}.order-section.tier-gold{border-color:#ffd70066}.order-section.tier-epic{border-color:#9b59ff80}.order-section.tier-bronze:before,.order-section.tier-epic:before,.order-section.tier-gold:before,.order-section.tier-silver:before{border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.order-section.tier-bronze:before{background:linear-gradient(180deg,#cd7f32,#cd7f3233)}.order-section.tier-silver:before{background:linear-gradient(180deg,silver,#c0c0c033)}.order-section.tier-gold:before{background:linear-gradient(180deg,gold,#ffd70033)}.order-section.tier-epic:before{background:linear-gradient(180deg,#9b59ff,#9b59ff33)}.order-matches .match-row{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:inset 0 0 0 1px #ffffff05}.order-matches .match-row:hover,.orders-total{background:#ffffff14}.orders-total{border:1px solid #ffffff29;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.4px;padding:6px 12px;text-transform:uppercase}.orders-total.bronze{color:#cd7f32}.orders-total.silver{color:silver}.orders-total.gold{color:gold}.orders-total.epic{color:#9b59ff}.orders-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.order-item{background:#121620d9;border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff08;padding:12px 14px;position:relative}.order-title{color:#f0f0f0;font-size:16px;margin-bottom:4px}.order-desc{color:#9db0c8;font-size:12px;min-height:28px}.order-count{font-size:18px;font-weight:700;margin-top:8px}.order-item.tier-bronze{border-color:#cd7f3266}.order-item.tier-silver{border-color:#c0c0c066}.order-item.tier-gold{border-color:#ffd70066}.order-item.tier-epic{border-color:#9b59ff80}.orders-empty{color:#9db0c8;font-size:14px;padding:8px 0}.achievement-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-item{background:#121620d9;border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff08;padding:14px 16px}.achievement-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.achievement-title{color:#f0f0f0;font-size:18px}.achievement-level{color:#f99e1a;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.achievement-value{color:#d7e1ed;font-size:20px;margin-bottom:8px}.achievement-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:10px;overflow:hidden;width:100%}.achievement-bar-fill{background:linear-gradient(90deg,#f99e1ae6,#ffd878e6);height:100%}.achievement-next{color:#9db0c8;font-size:13px;margin-top:6px}.kpi-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:15px;text-align:center}.kpi-label{color:#aebdd6;font-size:18px;text-transform:uppercase}.kpi-value{color:#f0f0f0;font-size:42px;font-weight:700;line-height:1.1}.kpi-sub{color:#7f8c8d;font-size:20px}.averages-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.averages-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.avg-toggle{background:#00000040;border:1px solid #fff3;border-radius:12px;color:#f0f0f0;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 10px;transition:all .2s}.avg-toggle.active,.avg-toggle:hover{border-color:#f99e1a;color:#f99e1a}.avg-toggle.active{background:#f99e1a33}.avg-grid{display:flex;justify-content:space-between;margin-top:10px}.avg-item{align-items:center;display:flex;flex-direction:column}.avg-val{color:#f99e1a;font-size:28px;font-weight:700}.avg-lbl{color:#aebdd6;font-size:16px}.main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.section-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;margin-bottom:20px;padding:20px}.section-card h3{border-bottom:2px solid #ffffff1a;color:#f0f0f0;font-size:24px;margin:0 0 15px;padding-bottom:10px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#0000;border-bottom:2px solid #ffffff1a;color:#aebdd6;font-size:16px;font-weight:600;letter-spacing:.5px;padding:10px 8px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #ffffff0d;color:#f0f0f0;font-size:20px;padding:8px}.data-table tr:last-child td{border-bottom:none}.hero-cell{gap:10px}.hero-icon-mini{background:#333;border-radius:4px;height:30px;object-fit:cover;width:30px}.text-center{text-align:center}.text-right{text-align:right}.matches-list-compact{display:flex;flex-direction:column;gap:8px}.match-row{align-items:center;background:#ffffff0d;border-left:4px solid #0000;border-radius:6px;color:inherit;cursor:pointer;display:flex;gap:15px;padding:8px 12px;text-decoration:none;transition:transform .1s,box-shadow .1s}.match-row:hover{background:#ffffff1a;box-shadow:0 4px 10px #0003;transform:translateY(-1px)}.match-row.win{background:#2ecc711a;border-left-color:#2ecc71}.match-row.loss{background:#e74c3c1a;border-left-color:#e74c3c}.match-row.draw{border-left-color:#f1c40f}.match-map-img{background-color:#2a2a2a;background-position:50%;background-size:cover;border-radius:4px;height:35px;width:60px}.match-info{display:flex;flex:1 1;flex-direction:column}.match-map{color:#f0f0f0;font-size:18px;font-weight:700}.match-time{color:#aebdd6;font-size:14px}.match-hero{align-items:center;display:flex}.match-hero img{border-radius:4px;height:35px;object-fit:cover;width:35px}.multi-hero-icons{display:flex;gap:2px}.hero-icon-tiny{height:25px!important;width:25px!important}.match-stats-compact{display:flex;gap:15px;min-width:120px}.stat-grp{align-items:center;display:flex;flex-direction:column}.stat-grp .label{color:#aebdd6;font-size:12px;text-transform:uppercase}.stat-grp .val{color:#f0f0f0;font-size:18px;font-weight:700}.match-result-badge{font-size:24px;font-weight:700;text-align:center;width:30px}.match-result-badge.win{color:#2ecc71}.match-result-badge.loss{color:#e74c3c}.grade-S,.match-result-badge.draw{color:#f1c40f}.grade-S{text-shadow:0 0 5px #f1c40f4d}.grade-A{color:#9b59b6}.grade-B{color:#3498db}.grade-C{color:#2ecc71}.grade-D{color:#95a5a6}.grade-F{color:#e74c3c}.win{color:#2ecc71}.loss{color:#e74c3c}.error,.loading{font-size:24px;padding:40px;text-align:center}.heroes-page{color:#f0edf2;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-style:italic;padding:20px}.page-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;gap:12px;margin:0 auto 20px;max-width:100%;padding:15px 25px;width:100%}.duration-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.duration-label{color:#aebdd6;font-size:18px;text-transform:uppercase}.duration-inputs{align-items:center;display:flex;gap:8px}.duration-input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;color:#f0edf2;font-size:18px;padding:6px 10px;width:80px}.duration-input:focus{border-color:#f99e1a;box-shadow:0 0 0 2px #f99e1a33;outline:none}.duration-unit{color:#aebdd6;font-size:16px;text-transform:uppercase}.duration-reset{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#f0edf2;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:18px;font-style:italic;padding:6px 14px;transition:all .2s}.duration-reset:hover{background:#f99e1a;border-color:#f99e1a;color:#fff}.header-top{gap:20px}.back-home-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:#aebdd6;font-family:Big Noodle Titling,sans-serif;font-size:20px;font-style:italic;padding:5px 15px;transition:all .2s}.back-home-btn:hover{border-color:#f99e1a;color:#f99e1a}.page-header h1{color:#f99e1a;font-size:32px;margin:0;text-transform:uppercase}.filters button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#aebdd6;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:20px;font-style:italic;margin-left:10px;padding:5px 20px;text-transform:uppercase;transition:all .2s}.filters button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.filters button.active{background:#f99e1a;border-color:#f99e1a;box-shadow:0 2px 5px #ff9f004d;color:#fff}.table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;margin:0 auto;max-width:100%;padding:10px;width:100%}.heroes-table{border-collapse:collapse;width:100%}.heroes-table th{background:#0000;border-bottom:2px solid #ffffff1a;color:#aebdd6;font-size:20px;font-weight:600;padding:10px 15px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header{cursor:pointer;transition:color .2s}.sortable-header:hover{background-color:#ffffff0d;color:#f99e1a}.sort-icon{display:inline-block;font-size:16px;margin-left:5px;opacity:.5}.sortable-header:hover .sort-icon{opacity:1}.heroes-table td{border-bottom:1px solid #ffffff0d;color:#f0f0f0;font-size:22px;padding:10px 15px;vertical-align:middle}.clickable-row{cursor:pointer;transition:background-color .1s}.clickable-row:hover{background-color:#f99e1a1a}.hero-cell{align-items:center;display:flex;font-weight:600;gap:15px;min-width:150px}.hero-icon{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:4px;height:40px;object-fit:cover;width:40px}.role-cell{color:#aebdd6;font-size:20px;text-transform:uppercase}.stat-avg{color:#f0f0f0;font-size:24px;font-weight:600;white-space:nowrap}.stat-req{color:#2ecc71;font-size:16px;margin-top:-2px;opacity:.8;white-space:nowrap}.loading{align-items:center;color:#aebdd6;display:flex;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-size:32px;font-style:italic;justify-content:center}.weights-toolbar{display:flex;gap:10px;justify-content:flex-end;margin:0 auto 10px;max-width:100%}.weights-refresh{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#f0edf2;cursor:pointer;font-family:Big Noodle Titling,sans-serif;font-size:18px;font-style:italic;padding:6px 14px;transition:all .2s}.weights-refresh:hover:not(:disabled){background:#f99e1a;border-color:#f99e1a;color:#fff}.weights-refresh:disabled{cursor:not-allowed;opacity:.6}.hero-detail-page{flex:1 1;font-family:Big Noodle Titling,sans-serif;font-style:italic;padding:20px}.detail-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:15px;margin:0 auto 20px;max-width:1200px;padding:20px 30px}.back-link{align-self:flex-start;color:#aebdd6;font-size:20px;font-weight:600;text-decoration:none;text-transform:uppercase;transition:color .2s}.back-link:hover{color:#f99e1a}.hero-identity{align-items:center;display:flex;gap:25px}.hero-icon-large{background:#2a2a2a;border:2px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 5px #0000004d;height:80px;object-fit:cover;width:80px}.hero-info h1{color:#f0f0f0;font-size:48px;line-height:1;margin:0;text-transform:uppercase}.hero-role{color:#aebdd6;font-size:24px;font-weight:600;text-transform:uppercase}.benchmarks-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202632e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;margin:0 auto;max-width:1200px;padding:25px}.benchmarks-card h2{border-bottom:2px solid #ffffff1a;color:#f0f0f0;font-size:32px;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-transform:uppercase}.table-container{overflow-x:auto}.benchmarks-table{border-collapse:collapse;width:100%}.benchmarks-table th{border-bottom:2px solid #ffffff1a;color:#aebdd6;font-size:22px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.benchmarks-table td{border-bottom:1px solid #ffffff0d;color:#f0f0f0;font-size:24px;padding:15px}.stat-label{min-width:200px}.stat-label,.stat-value{color:#f0f0f0;font-weight:600}.stat-value{background:#ffffff0d}.grade-header{text-align:center!important;width:120px}.grade-cell{font-weight:600;text-align:center}.grade-s{color:#f1c40f}.grade-header.grade-s{border-bottom-color:#f1c40f}.grade-a{color:#aebdd6}.grade-header.grade-a{border-bottom-color:#aebdd6}.grade-b{color:#d35400}.grade-header.grade-b{border-bottom-color:#d35400}.grade-c{color:#7f8c8d}.grade-d{color:#c0392b}.error,.loading{align-items:center;color:#aebdd6;display:flex;flex:1 1;font-family:Big Noodle Titling,sans-serif;font-size:32px;font-style:italic;justify-content:center;text-transform:uppercase}.maps-page{color:#eef2f7;min-height:100vh;padding:40px 6%}.page-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-top,.page-header{align-items:center;display:flex}.back-home-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#aeb9c9;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.back-home-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.map-controls{align-items:center;display:flex;gap:16px}.map-search{background:#121620cc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;transition:border-color .2s;width:260px}.map-search:focus{border-color:#3b82f6;outline:none}.sort-control{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.sort-control select{background:#121620cc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;padding:10px 14px}.maps-grid{display:flex;flex-direction:column;gap:30px}.map-card{background:#151922;background-clip:padding-box;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px -10px #00000080;display:flex;min-height:300px;overflow:hidden;position:relative;transform:translateZ(0);transition:transform .2s,box-shadow .2s;z-index:1}.map-card:hover{border-color:#ffffff26;box-shadow:0 20px 40px -10px #0009;transform:translateY(-2px)}.map-body{display:flex;flex-direction:row;position:relative;width:100%;z-index:2}.map-cover-overlay{background:linear-gradient(90deg,#0b0e14fa,#0b0e14f2 30%,#0b0e14d9 60%,#0b0e1499);border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:0}.map-info-col{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e1466;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:24px;width:260px}.map-title{margin-bottom:24px}.map-title h2{color:#fff;font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;text-transform:uppercase}.match-count{color:#94a3b8;display:inline-block;font-size:18px;font-weight:500;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.map-meta{grid-gap:20px;display:grid;gap:20px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item span{color:#64748b;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.meta-item strong{font-feature-settings:"tnum";color:#e2e8f0;font-size:34px;font-variant-numeric:tabular-nums;font-weight:700}.map-section{display:flex;flex:1 1;flex-direction:column;padding:24px 30px;position:relative}.section-header{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:700;gap:14px;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.section-sub{color:#94a3b8;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.role-lists{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));height:100%}.role-list{background:#0b0e1499;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;padding:14px}.role-tank{border-left:3px solid #60a5fa}.role-damage{border-left:3px solid #f87171}.role-support{border-left:3px solid #34d399}.role-other{border-left:3px solid #9ca3af}.role-header-row{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.role-name{color:#cbd5e1;font-size:16px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.role-stats-header{align-items:center;display:flex;gap:0}.stat-head-cell{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase;width:65px}.v-divider{background:#ffffff1a;height:12px;margin:0 4px;width:1px}.text-divider{height:16px}.hero-rows{display:flex;flex-direction:column;gap:4px}.hero-row{align-items:center;border-radius:4px;display:flex;justify-content:space-between;padding:6px 0;transition:background .15s}.hero-row:hover{background:#ffffff08}.hero-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.hero-avatar{background:#0f172a;border:1px solid #ffffff1a;border-radius:4px;height:28px;object-fit:cover;width:28px}.hero-name{color:#f1f5f9;font-size:20px;font-weight:700;letter-spacing:.02em;line-height:1.1;margin-right:8px;overflow:hidden;padding-bottom:1px;padding-right:4px;padding-top:1px;text-overflow:ellipsis;white-space:nowrap}.hero-stats{align-items:center;display:flex;flex-shrink:0}.stat-cell{font-feature-settings:"tnum";font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;text-align:center;width:65px}.grade-cell,.match-cell{color:#e2e8f0}.win-cell{font-weight:700}.win-cell.high-win{color:#4ade80}.win-cell.low-win{color:#f87171}.muted{color:#64748b;font-size:13px;font-style:italic}.empty-state{color:#94a3b8;font-size:16px;padding:60px;text-align:center}@media (max-width:1200px){.map-card{height:auto}.map-body,.map-card{flex-direction:column}.map-info-col{align-items:center;background:#0b0e14cc;border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;justify-content:space-between;padding:20px 24px;width:100%}.map-title{margin-bottom:0}.map-meta{gap:24px;grid-template-columns:repeat(2,auto)}.map-cover-overlay{background:linear-gradient(180deg,#0b0e14fa,#0b0e14cc 45%,#0b0e1433)}}@media (max-width:900px){.role-lists{grid-template-columns:1fr}.map-info-col{align-items:flex-start;flex-direction:column;gap:16px}}.auth-shell{align-items:center;background:radial-gradient(circle at 20% 20%,#1f2a38,#0f1724 45%,#0b111c 100%);color:#e6eef5;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:12vh 4vw 6vh}.auth-card{background:#141b26eb;border:1px solid #ffa54240;border-radius:18px;box-shadow:0 20px 80px #00000059;padding:2rem;width:min(420px,92vw)}.auth-toggle{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.auth-toggle button{background:#0000;border:1px solid #ffa54259;border-radius:10px;color:#f7fafc;cursor:pointer;padding:.75rem 1rem;transition:all .2s ease}.auth-toggle button.active{background:linear-gradient(90deg,#ffb347,#f80);border-color:#0000;color:#0b111c;font-weight:700}.auth-subtitle{color:#93a4b8;margin-bottom:1.5rem}.auth-form{gap:1rem}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{color:#d8e3f0;font-weight:600;gap:.35rem}.auth-form input{background:#0f1724;border:1px solid #ffffff1f;border-radius:10px;color:#f7fafc;outline:none;padding:.85rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{border-color:#ff9f43;box-shadow:0 0 0 3px #ff9f4333}.auth-alert{border-radius:10px;font-weight:600;margin-top:1rem;padding:.85rem 1rem}.auth-alert.error{background:#ff57571f;border:1px solid #ff575759;color:#ffb3b3}.auth-alert.success{background:#48bb781f;border:1px solid #48bb7859;color:#b6f0cd}.toast{align-items:center;background:#0f1724f0;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 12px 30px #00000059;display:inline-flex;font-family:Bebas Neue,Montserrat,Segoe UI,system-ui,sans-serif;font-weight:700;gap:8px;height:auto;line-height:1.2;max-width:300px;min-width:200px;padding:10px 14px;pointer-events:none;position:fixed;right:2vw;top:2vh;z-index:2000}.toast.error{border-color:#ff575773;color:#ffb3b3}.toast.success{border-color:#48bb7873;color:#b6f0cd}.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.ow-button{background:linear-gradient(90deg,#ffb347,#f80);border:none;border-radius:12px;color:#0b111c;cursor:pointer;font-weight:800;letter-spacing:.03em;padding:.85rem 1.2rem;transition:transform .15s ease,box-shadow .2s ease}.ow-button.secondary{background:#0000;border:1px solid #ffa54259;color:#ffb347}.ow-button:disabled{cursor:not-allowed;opacity:.5}.text-link{background:none;border:none;color:#93a4b8;cursor:pointer;font-weight:600;text-decoration:underline}.auth-footer{margin-top:1rem}.auth-footer,.settings-shell{display:flex;justify-content:center}.settings-shell{background:radial-gradient(circle at 30% 20%,#1a2533,#0c1220 55%,#070c15 100%);color:#e6eef5;flex:1 1;padding:2rem}.settings-card{background:#111724f2;border:1px solid #ffa54240;border-radius:20px;box-shadow:0 20px 60px #00000059;padding:1.5rem;width:min(960px,100%)}.settings-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.eyebrow{color:#ffb347;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.tooltip-trigger{cursor:help;display:inline-flex;margin-left:8px;position:relative}.info-icon{align-items:center;border:1px solid #fff6;border-radius:50%;color:#ffffffb3;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.tooltip-content{background:#1a2533;border:1px solid #ffb347;border-radius:8px;bottom:100%;box-shadow:0 10px 30px #00000080;left:50%;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;visibility:hidden;width:300px;z-index:100}.tooltip-content img{border-radius:4px;display:block;height:auto;width:100%}.tooltip-trigger:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(-10px);visibility:visible}.settings-group{border-top:1px solid #ffffff0d;margin-top:1.5rem;padding-top:1rem}.settings-group h5{color:#ffb347;font-size:.95rem;margin:0 0 1rem}.setting-control-row{justify-content:space-between;margin-bottom:1rem}.setting-control-row,.setting-label-group,.setting-slider-group{align-items:center;display:flex}.setting-slider-group{flex:0 0 50%;gap:12px}.setting-slider-group input[type=range]{accent-color:#ffb347;flex:1 1}.setting-value{font-feature-settings:"tnum";color:#ffb347;font-variant-numeric:tabular-nums;font-weight:700;text-align:right;width:40px}.setting-select{background:#0f1724;border:1px solid #ffffff1a;border-radius:6px;color:#f7fafc;outline:none;padding:6px 10px}.muted{color:#91a3b8;margin:.25rem 0 0}.settings-section{background:#0a0e18e6;border:1px solid #ffffff0d;border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.settings-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.subscription-row{align-items:flex-start}.subscription-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.08em;margin-bottom:6px;padding:4px 10px}.subscription-badge.active{background:#00f98e2e;border:1px solid #66fcf166;color:#66fcf1}.subscription-badge.inactive{background:#ff78781f;border:1px solid #ff787859;color:#ffb3b3}.subscription-actions{display:flex;flex-wrap:wrap;gap:.75rem}.nick-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.75rem}.nick-grid input{background:#0f1724;border:1px solid #ffffff1a;border-radius:10px;color:#f7fafc;outline:none;padding:.8rem .9rem;transition:border-color .2s ease,box-shadow .2s ease}.nick-grid input:focus{border-color:#ff9f43;box-shadow:0 0 0 3px #ff9f4333}.settings-alert{border-radius:10px;font-weight:600;margin-top:.75rem;padding:.85rem 1rem}.settings-alert.error{background:#ff57571f;border:1px solid #ff575759;color:#ffb3b3}.settings-alert.success{background:#48bb781f;border:1px solid #48bb7859;color:#b6f0cd}.settings-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.switch{display:inline-block;height:30px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#3a4557;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}.switch input:checked+.slider{background:linear-gradient(90deg,#ffb347,#f80)}.switch input:checked+.slider:before{transform:translateX(22px)}@media (max-width:640px){.settings-card{padding:1.1rem}.settings-header{align-items:flex-start;flex-direction:column}}.premium-page .overview-header h1{color:#f99e1a}.premium-highlight{background:#0f1622bf;border-color:#00c3ff33}.premium-status{background:#00f98e1f;border-radius:10px;color:#66fcf1;display:inline-block;font-weight:700;margin-top:16px;padding:10px 14px}.premium-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.premium-cta-primary,.pricing-cta{background:linear-gradient(90deg,#ff6b35,#ff9f1c);border-radius:8px;color:#0b0c10;font-weight:700;padding:10px 18px;text-decoration:none}.premium-cta-secondary{border:1px solid #66fcf166;border-radius:8px;color:#66fcf1;padding:10px 16px;text-decoration:none}.premium-list{grid-gap:10px;color:#cbd6e5;display:grid;font-size:1.05rem;gap:10px;list-style:none;margin:0;padding:0}.premium-pricing{display:flex;flex-direction:column;gap:20px;text-align:center}.pricing-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pricing-card{background:#0f1622b3;border:1px solid #ffa54233;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:22px}.pricing-card.featured{border-color:#00c3ff66;box-shadow:0 16px 30px #00c3ff26}.pricing-badge{align-self:center;background:#00c3ff33;border-radius:999px;color:#66fcf1;font-size:.75rem;font-weight:700;padding:4px 10px}.price{color:#f99e1a;font-size:2.4rem;font-weight:700}.price-sub{color:#aebdd6;font-size:.9rem}.pricing-cta{margin-top:10px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c101abf;border-bottom:1px solid #ffa5422e;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.topbar__inner{justify-content:space-between;margin:0 auto;max-width:1280px;padding:.75rem 1.25rem}.topbar__inner,.topbar__left{align-items:center;display:flex;gap:1rem}.brand{color:#f7fafc;font-weight:800;gap:.5rem;letter-spacing:.04em;text-decoration:none}.brand,.brand-logo{align-items:center;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 6px rgba(249,158,26,.45));height:26px;justify-content:center;width:26px}.brand-logo svg{height:100%;width:100%}.brand-mark{align-items:center;background:linear-gradient(135deg,#ffb347,#f80);border-radius:10px;color:#0b111c;display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}.brand-name{font-size:1rem}.nav-links{align-items:center;display:inline-flex;gap:.75rem}.nav-link{border-radius:10px;color:#d7e1ed;font-weight:600;padding:.55rem .75rem;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#ffffff0d}.nav-link.active{background:#ffa54226;color:#ffb347}.topbar__right{align-items:center;display:flex;gap:.75rem}.auth-buttons{display:inline-flex;gap:.5rem}.ghost-btn,.solid-btn{background:#0000;border:1px solid #ffa54259;border-radius:10px;color:#f7fafc;cursor:pointer;font-weight:700;padding:.5rem .85rem;text-decoration:none;transition:transform .1s ease,box-shadow .15s ease,background .2s ease,color .2s ease}.solid-btn{background:linear-gradient(135deg,#ffb347,#f80);border-color:#0000;color:#0b111c}.ghost-btn:hover,.solid-btn:hover{transform:translateY(-1px)}.user-block{gap:.5rem}.user-actions,.user-block{align-items:center;display:inline-flex}.user-actions{gap:.35rem}.icon-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:transform .1s ease,box-shadow .15s ease,border-color .2s ease;width:36px}.icon-btn svg{fill:#f7fafc;height:18px;width:18px}.icon-btn:hover{border-color:#ffa54299;box-shadow:0 0 0 2px #ffa54226;transform:translateY(-1px)}.user-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;gap:.5rem;padding:.35rem .65rem}.user-avatar,.user-chip{align-items:center;display:inline-flex}.user-avatar{background:#ffa54240;border-radius:10px;color:#ffb347;font-weight:800;height:30px;justify-content:center;width:30px}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-name{color:#f7fafc;font-weight:700}.user-sub{color:#9db0c8;font-size:.75rem}@media (max-width:768px){.topbar__inner{align-items:stretch;flex-direction:column;gap:.65rem;padding:.65rem .85rem}.topbar__left{justify-content:space-between}.nav-links{flex-wrap:wrap}.topbar__right,.user-block{justify-content:flex-end;width:100%}}.live-badge{align-items:center;animation:pulse-live 2s infinite;background-color:#ff3b3b;border-radius:4px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:800;letter-spacing:.05em;line-height:1;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}@keyframes pulse-live{0%{box-shadow:0 0 0 0 #ff3b3bb3}70%{box-shadow:0 0 0 4px #ff3b3b00}to{box-shadow:0 0 0 0 #ff3b3b00}}.adblock-gate{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a12d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.adblock-card{background:#141c2af2;border:1px solid #ffa54259;border-radius:16px;box-shadow:0 20px 50px #0006;color:#f7fafc;max-width:480px;padding:2rem;text-align:center}.adblock-card h2{font-size:1.75rem;margin:0 0 .75rem}.adblock-card p{color:#cbd6e5;line-height:1.5;margin:0 0 1.5rem}.adblock-card button{background:linear-gradient(135deg,#ffb347,#f80);border:none;border-radius:10px;color:#0b111c;cursor:pointer;font-weight:700;padding:.6rem 1.2rem}.adblock-card button:disabled{cursor:default;opacity:.7}
/*# sourceMappingURL=main.3f8fa911.css.map*/