#app{--bg:#111519;--panel:#1b2026;--line:#30363d;--text:#edf1f5;--muted:#9ca7b3;--gold:#e8be61;--green:#70d5a0;--red:#f18c95;--blue:#69bded;--orange:#f0a444;background:var(--bg);color:var(--text);font:14px Bahnschrift,Inter,Segoe UI,sans-serif;border-radius:14px;overflow:hidden;color-scheme:dark}#app *{box-sizing:border-box}#app button{font:inherit;cursor:pointer}#app header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}#app .brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700;letter-spacing:1px}#app .brand img{width:37px;height:37px;object-fit:contain}#app .sub{color:var(--muted);font-size:12px;letter-spacing:0;margin-top:4px;font-weight:400}#app .demo{color:var(--muted);font-size:12px}#app nav{display:flex;gap:25px;padding:0 28px;border-bottom:1px solid var(--line);flex-wrap:wrap}#app nav button{border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;padding:17px 0;display:flex;align-items:center;gap:7px}#app nav button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}#app main{padding:24px 28px 30px}#app [hidden]{display:none!important}#app h1{font-size:27px;margin:0 0 8px;letter-spacing:-.5px}#app h2{font-size:16px;margin:0;font-weight:600}#app p{margin:0;color:var(--muted)}#app .hero{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:22px}#app .welcome{padding:17px 0;display:flex;flex-direction:column;justify-content:center}#app .eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;margin-bottom:12px}#app .form{display:flex;gap:6px;margin-top:22px;align-items:center;flex-wrap:wrap}#app .form span{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;color:var(--green);background:#70d5a01c;font-weight:600}#app .form .loss{color:var(--red);background:#f18c951c}#app .form .draw{color:#c5cbd2;background:#c5cbd21c}#app .form small{color:var(--muted);margin-right:6px}#app .map-hero{min-height:190px;background:linear-gradient(90deg,#14191fe8,#14191f22),url('https://cdn.jsdelivr.net/gh/MurkyYT/cs2-map-icons@main/images/thumbs/de_mirage_1_png.png') center/cover;border-radius:10px;padding:20px;display:flex;align-items:flex-end;border:1px solid var(--line)}#app .map-hero strong{font-size:23px;display:block;margin:6px 0}#app .map-hero small{color:#e3e5e8}#app .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}#app .metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}#app .metric span{display:block;color:var(--muted);font-size:12px}#app .metric strong{display:block;font-size:29px;margin:8px 0 4px;font-variant-numeric:tabular-nums}#app .metric small{color:var(--muted);font-size:11px}#app .columns{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}#app .panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}#app .panel-head{padding:18px 18px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line)}#app .panel-head small{color:var(--muted);font-size:11px}#app .rank-row{display:grid;grid-template-columns:25px 1fr 80px;gap:9px;align-items:center;padding:13px 18px;border-bottom:1px solid #ffffff08;font-variant-numeric:tabular-nums}#app .rank-row:last-child{border:0}#app .rank-row em{color:var(--muted);font-style:normal}#app .rank-row strong{text-align:right}#app .playername{display:flex;gap:10px;align-items:center}#app .avatar{display:grid;place-items:center;width:29px;height:29px;background:#e8be611a;color:var(--gold);border-radius:7px;font-weight:600}#app .winner{color:var(--green)}#app .loser{color:var(--red)}#app .match{width:100%;text-align:left;background:none;color:var(--text);border:0;border-bottom:1px solid #ffffff08;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:15px 18px}#app .match:hover{background:#ffffff05}#app .match img{width:34px;height:34px;object-fit:contain}#app .match small{display:block;color:var(--muted);font-size:11px;margin-top:4px}#app .match .score{font-size:19px;font-weight:600;text-align:right}#app .bottom{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}#app .mini{padding:17px 18px}#app .mini h2{margin-bottom:10px}#app .weekly{display:flex;gap:14px;margin-top:14px;font-size:23px}#app .weekly span:nth-child(1){color:var(--green)}#app .weekly span:nth-child(2){color:var(--muted)}#app .weekly span:nth-child(3){color:var(--red)}#app .sides{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:13px}#app .ct{color:var(--blue)}#app .tt{color:var(--orange)}#app .label{color:var(--muted)}#app .heading{margin-bottom:22px}#app .profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#app .profile{padding:20px}#app .profile .avatar{width:48px;height:48px;font-size:20px;margin-bottom:16px}#app .profile h2{margin-bottom:6px}#app .profile-stats{display:flex;justify-content:space-between;margin-top:23px;border-top:1px solid var(--line);padding-top:17px}#app .profile-stats small{display:block;color:var(--muted);margin-bottom:7px;font-size:11px}#app .records{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}#app .record{padding:20px}#app .record h2{color:var(--muted);font-size:13px;font-weight:400}#app .record strong{font-size:32px;display:block;margin:14px 0;color:var(--gold)}#app .record p{color:var(--text);margin-bottom:6px}#app .record small{color:var(--muted)}#app .detail{margin-top:16px;padding:17px 18px;border-top:1px solid var(--line)}#app .detail table{width:100%;border-collapse:collapse;margin-top:12px}#app .detail td,#app .detail th{padding:10px 3px;text-align:right;font-size:12px;border-bottom:1px solid var(--line)}#app .detail th{color:var(--muted);font-weight:400}#app .detail td:first-child,#app .detail th:first-child{text-align:left}#app footer{padding:18px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}#app svg{width:16px;height:16px}@media(max-width:650px){#app header{padding:20px 16px;align-items:flex-start}#app header .demo{max-width:90px}#app .brand{font-size:15px}#app main{padding:18px 16px}#app nav{gap:18px;padding:0 16px}#app nav button{font-size:12px;padding:15px 0}#app .hero,#app .columns,#app .bottom{grid-template-columns:1fr}#app .hero{gap:10px}#app .metrics{grid-template-columns:1fr 1fr}#app .profiles{grid-template-columns:1fr}#app .records{grid-template-columns:1fr}#app h1{font-size:24px}#app .map-hero{min-height:145px}}

html,body{margin:0;background:#111519;color:#edf1f5;font-family:Bahnschrift,Segoe UI,sans-serif}body{min-width:320px}#app{max-width:1280px;margin:auto;border-radius:0;min-height:100vh}#app header{padding-top:28px;padding-bottom:28px}#app .hero{grid-template-columns:1.3fr 1fr}#app .map-hero{position:relative;isolation:isolate;min-height:205px;background:#232a31}#app .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.5}#app .map-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14191fed,#14191f30);z-index:-1}#app .grid-rank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}#app .rank-small{display:flex;justify-content:space-between;gap:15px;padding:12px 18px}#app .rank-small .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .rank-small strong{flex-shrink:0}#app .rank-small em{font-style:normal;color:var(--muted);margin-right:10px}#app .section-title{margin:30px 0 15px;font-size:18px}#app .map-row{display:grid;grid-template-columns:minmax(110px,1fr) 50px 100px 75px;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}#app .map-row img{width:28px;height:28px;object-fit:contain}#app .map-row .map-name{display:flex;align-items:center;gap:10px}#app .map-row .form{margin:0;justify-content:flex-end}#app .map-row .form span{width:15px;height:22px;font-size:11px}#app .map-row .rate{text-align:right}#app .map-row .wdl{font-size:12px;color:var(--muted);text-align:right}#app .profile{width:100%;text-align:left;color:var(--text);cursor:pointer}#app .profile:hover,#app .record-link:hover{border-color:#6a5e44}#app .portrait{width:48px;height:48px;border-radius:9px;object-fit:cover;margin-bottom:16px}#app .profile-hero{display:flex;gap:20px;align-items:center;margin-bottom:24px}#app .profile-hero .portrait{width:88px;height:88px;margin:0}#app .hero-initial{width:88px;height:88px;display:grid;place-items:center;background:#e8be611a;color:var(--gold);font-size:36px;border-radius:12px}#app .action{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:7px;padding:10px 15px}#app .action:disabled{opacity:.45;cursor:default}#app .pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}#app .table-scroll{overflow-x:auto}#app table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}#app td,#app th{padding:13px 16px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}#app th{font-size:12px;font-weight:400;color:var(--muted)}#app td:first-child,#app th:first-child{text-align:left;white-space:normal;min-width:100px}#app .crew-name{color:var(--gold)}#app .team-head{padding:18px;font-size:16px;display:flex;justify-content:space-between;gap:10px}#app .records .record{display:flex;flex-direction:column}#app .record-link{width:100%;text-align:left;color:var(--text);cursor:pointer}#app .record-footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}#app .record-footer img{width:24px;height:24px;object-fit:contain}#app .status-bar{font-size:12px;color:var(--muted);margin:0 0 18px}#app .status-bar.error{color:var(--red)}#app .empty{padding:24px 18px;color:var(--muted)}#app .overview .columns{grid-template-columns:1fr 1fr}#app .playername{min-width:0}#app .playername span{overflow-wrap:anywhere}#app .rank-row .avatar{margin:0;flex-shrink:0}#app .rank-row img.avatar{object-fit:cover;display:block}#app .stat-label{color:var(--muted);font-size:12px}#app .extras{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}#app .extras strong{display:block;font-size:21px;margin-top:5px}#app button:focus-visible,#app a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app .muted{color:var(--muted)}#app .text-right{text-align:right}#app .mini .sides{align-items:center}#app .detail-metrics{margin:20px 0}#app .loading{padding:55px 0;text-align:center;color:var(--muted)}#app .back{margin-bottom:20px}#app .profile-form{margin-bottom:20px}#app .records{grid-template-columns:repeat(3,minmax(0,1fr))}#app .metric strong{overflow-wrap:anywhere}#app footer a{color:var(--gold);text-decoration:none}#app .footer-left{display:flex;gap:12px;align-items:center}#app .mini-map{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:7px}#app .compact-value{font-variant-numeric:tabular-nums}#app .match .score small{font-size:11px}#app .team-title{display:flex;gap:12px;align-items:center}#app .page-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}#app .page-title-row h1{margin-bottom:5px}#app .note{font-size:12px;color:var(--muted);margin-top:12px}#app .row-button{background:transparent;border:0;color:inherit;text-align:left;padding:0}#app .row-button:hover{text-decoration:underline}#app .header-state{max-width:260px;text-align:right;color:var(--muted);font-size:12px}#app .header-state .dot{color:var(--green);margin-right:6px}#app .panel-head{min-height:52px}#app .rank-small span{min-width:0}#app .record .holder{display:flex;align-items:center;gap:12px;margin:10px 0}#app .record .holder .portrait{width:30px;height:30px;margin:0}#app .record .holder .avatar{width:30px;height:30px;margin:0}#app .record .holder p{margin:0}#app .scope{margin-top:10px;font-size:12px;color:var(--muted)}
@media(max-width:850px){#app .grid-rank,#app .records{grid-template-columns:repeat(2,minmax(0,1fr))}#app .profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#app .hero,#app .overview .columns{grid-template-columns:1fr}#app .header-state{max-width:120px;font-size:11px}#app .metrics{gap:10px}#app .metric{padding:15px}#app .metric strong{font-size:26px}#app .grid-rank,#app .records,#app .profiles{grid-template-columns:1fr}#app nav{gap:18px}#app .map-row{grid-template-columns:minmax(85px,1fr) 35px 85px 60px;gap:5px;padding:12px}#app .map-row .form{display:none}#app .map-row .rate{font-size:13px}#app .team-head{font-size:14px}#app td,#app th{padding:11px 10px;font-size:13px}#app .hero-initial{width:65px;height:65px}#app .profile-hero .portrait{width:65px;height:65px}#app .brand{letter-spacing:.3px}#app .brand img{width:31px;height:31px}#app .brand .sub{font-size:11px}#app .record strong{font-size:30px}#app .page-title-row{align-items:flex-start}}

#app .columns{align-items:start}#app .portrait.initial{display:grid;place-items:center;background:#e8be611a;color:var(--gold);font-weight:600}#app .record .holder .portrait.initial{font-size:14px}#app .match>span:first-of-type{min-width:0}

#app .header-tools{display:flex;align-items:center;gap:24px;min-width:0}#app .tibia-boosted{display:flex;gap:20px;align-items:center;min-width:0}#app .boosted-entry{display:grid;grid-template-columns:48px minmax(0,145px);align-items:center;gap:9px;text-decoration:none;color:var(--text);min-width:0}#app .boosted-entry img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}#app .boosted-entry small{display:block;color:var(--muted);font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}#app .boosted-entry strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}#app .boosted-entry em{display:block;font-size:10px;font-style:normal;color:var(--muted);margin-top:4px}#app .boosted-entry:hover strong{color:var(--gold)}#app .boosted-placeholder{display:grid;place-items:center;width:48px;height:48px;color:var(--muted)}#app .header-state{flex-shrink:0}#app header .brand{flex-shrink:0}@media(max-width:1040px){#app .header-tools{gap:14px}#app .tibia-boosted{gap:10px}#app .boosted-entry{grid-template-columns:38px minmax(0,120px);gap:5px}#app .boosted-entry img,#app .boosted-placeholder{width:38px;height:38px}#app .header-state{max-width:130px}}@media(max-width:850px){#app header{flex-wrap:wrap;gap:18px}#app .header-tools{width:100%;justify-content:space-between}#app .tibia-boosted{gap:24px}#app .boosted-entry{grid-template-columns:44px minmax(0,160px)}#app .boosted-entry img,#app .boosted-placeholder{width:44px;height:44px}}@media(max-width:500px){#app .header-tools{flex-wrap:wrap;gap:12px}#app .tibia-boosted{width:100%;justify-content:space-between;gap:10px}#app .boosted-entry{grid-template-columns:40px minmax(0,1fr);flex:1}#app .boosted-entry img,#app .boosted-placeholder{width:40px;height:40px}#app .boosted-entry small{font-size:10px}#app .boosted-entry strong{font-size:12px}#app .header-state{max-width:none;text-align:left;font-size:11px}}

#app .portal-back{color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap}#app .portal-back:hover{color:var(--gold)}
/* CS2_VISUAL_POLISH_V1 */
#app{--panel:#191f26;--line:#303740;--gold:#efc77d}#app header{background:linear-gradient(110deg,#e8be6108,transparent 60%)}#app main{padding-top:30px}#app .welcome h1{max-width:470px;font-size:clamp(29px,3.2vw,43px);line-height:1.12;letter-spacing:-1.2px}#app .welcome>p:not(.scope){line-height:1.7}#app .hero{gap:36px;margin-bottom:26px}#app .map-hero{border-radius:12px;min-height:230px}#app .hero-photo{opacity:.65}#app .map-hero strong{display:flex;align-items:center;gap:4px}#app .metric{position:relative;overflow:hidden;padding:20px 21px;border-radius:11px;background:linear-gradient(125deg,#252b32,#191f26 75%)}#app .metric:before{content:'';position:absolute;top:0;left:20px;width:32px;height:2px;background:var(--gold);opacity:.65}#app .metric-label{display:flex;align-items:center;gap:9px}#app .metric strong{font-size:32px;letter-spacing:-.6px;margin:17px 0 7px}#app .metric .stat-icon{width:22px;height:22px;color:var(--gold)}#app .stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;color:#ddbf83;vertical-align:middle}#app .stat-icon svg{width:21px;height:21px}#app .stat-icon img{max-width:100%;max-height:100%;object-fit:contain}#app .icon-heading{display:flex;align-items:center;gap:10px;line-height:1.35}#app .panel{border-radius:11px}#app .panel-head{padding:18px 20px;background:linear-gradient(90deg,#ffffff03,transparent)}#app .rank-row{grid-template-columns:28px minmax(0,1fr) minmax(85px,auto);padding:13px 20px}#app .rank-row:first-of-type{background:#efc77d05}#app .rank-row em{font-size:11px;letter-spacing:1px}#app .rank-row .avatar{width:32px;height:32px;border-radius:8px}#app .rank-row strong{font-size:14px}#app .match{padding:16px 20px;transition:background .15s}#app .match:hover{background:#efc77d08}#app .match small{line-height:1.5}#app .match .score{font-variant-numeric:tabular-nums;font-size:22px}#app .ranking-section{margin-top:38px}#app .section-heading{display:flex;align-items:center;gap:14px;margin-bottom:17px}#app .section-heading h2{font-size:20px;letter-spacing:-.3px;margin-bottom:5px}#app .section-heading p{font-size:12px;line-height:1.5}#app .section-index{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #e8be6133;border-radius:9px;font-size:12px;color:var(--gold);background:#e8be6106;font-variant-numeric:tabular-nums}#app .section-caption{margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1.3px}#app .grid-rank{gap:14px;margin-top:0}#app .rank-card .panel-head h2{font-size:13px}#app .rank-card .panel-head small{font-size:9px;white-space:nowrap}#app .rank-small{padding:14px 20px;border-top:1px solid #ffffff05;align-items:center;font-variant-numeric:tabular-nums}#app .rank-small .name{display:flex;align-items:center;gap:10px}#app .rank-small em{font-size:10px;letter-spacing:.5px;margin:0}#app .rank-small .row-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .rank-leader{background:linear-gradient(90deg,#efc77d0a,transparent)}#app .rank-leader em,#app .rank-leader strong{color:var(--gold)}#app .rank-small strong{font-size:14px}#app .rank-card .empty{font-size:12px;line-height:1.6;padding:22px 20px}#app .profiles{gap:18px}#app .profile{background:radial-gradient(ellipse at top right,#efc77d0a,transparent 65%),var(--panel);padding:24px;transition:transform .15s,border-color .15s}#app .profile:hover{transform:translateY(-3px)}#app .profile .portrait{width:58px;height:58px;border:1px solid #ffffff16}#app .profile h2{font-size:20px;overflow-wrap:anywhere}#app .profile-stats strong{font-size:18px}#app .record{position:relative;padding:22px;background:linear-gradient(140deg,#252b32,var(--panel) 65%)}#app .record h2{color:#bdc5ce}#app .record>strong{font-size:37px;letter-spacing:-1px;margin:22px 0 15px;font-variant-numeric:tabular-nums}#app .record .holder{padding-top:15px;border-top:1px solid #ffffff0b}#app .record .holder p{font-size:14px}#app .record-footer{font-size:10px;line-height:1.6}#app .record-link{transition:border-color .15s,transform .15s}#app .record-link:hover{transform:translateY(-2px)}#app th .stat-icon{width:15px;height:15px;margin-right:4px}#app th .stat-icon svg{width:14px;height:14px}#app tr:has(.crew-name){background:#efc77d05}#app .team-head{padding:20px}#app td,#app th{padding:14px 14px}#app .status-bar:empty{display:none}#app .weekly{gap:20px}#app .weekly span{font-variant-numeric:tabular-nums}#app .bottom{gap:18px}#app .mini{padding:21px}#app .note{line-height:1.7}@media(prefers-reduced-motion:reduce){#app *{transition:none!important}}@media(max-width:850px){#app .section-caption{display:none}#app .welcome h1{font-size:34px}#app .rank-card .panel-head{padding:15px}#app .rank-small{padding:13px 15px}}@media(max-width:650px){#app main{padding:22px 16px}#app .hero{gap:18px}#app .welcome{padding-top:4px}#app .welcome h1{font-size:31px}#app .map-hero{min-height:160px}#app .metrics{gap:10px}#app .metric{padding:16px 13px}#app .metric-label{gap:7px;font-size:11px}#app .metric strong{font-size:26px;margin-top:13px}#app .metric small{font-size:10px;line-height:1.6;display:block}#app .metric .stat-icon{width:18px;height:18px}#app .section-heading h2{font-size:18px}#app .section-heading p{font-size:11px}#app .section-heading{gap:11px}#app .section-index{width:31px;height:31px}#app .ranking-section{margin-top:29px}#app .rank-card .panel-head{padding:17px}#app .rank-small{padding:14px 17px}#app .record>strong{font-size:32px}#app .profile{padding:20px}#app .match{padding:15px}#app .rank-row{padding:13px 15px;grid-template-columns:23px minmax(0,1fr) auto}#app .rank-row .playername{gap:8px}#app .rank-row strong{font-size:13px}#app .rank-row .avatar{width:28px;height:28px}#app .profile-hero h1{overflow-wrap:anywhere}#app .grid-rank{gap:12px}}

#app .metric .metric-label{display:flex;align-items:center;gap:9px}#app .metric .metric-label>span:last-child{display:inline;color:var(--muted);font-size:12px}

/* CREW_RECORD_MAP_V1 */
#app .crew-records{display:flex;flex-direction:column}#app .record-map-photo{position:relative;isolation:isolate;overflow:hidden;width:180px;height:95px;align-self:flex-end;margin:20px 0 0;border:1px solid #ffffff18;border-radius:8px;background:#232a31}#app .record-map-photo img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}#app .record-map-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#101418e8);pointer-events:none}#app .record-map-photo figcaption{position:absolute;z-index:1;left:11px;bottom:9px}#app .record-map-photo small{display:block;color:#d7bc86;font-size:7px;letter-spacing:1px;margin-bottom:4px}#app .record-map-photo strong{font-size:12px;font-weight:600;color:#edf1f5}@media(max-width:650px){#app .record-map-photo{width:155px;height:85px}}

/* RECENT_FORM_EIGHT_V1 */
@media(max-width:650px){#app .welcome .form{gap:5px}#app .welcome .form small{flex-basis:100%;margin-bottom:5px}#app .welcome .form>span{width:26px;height:26px;flex:0 0 26px}}

/* GAME_SWITCHER_V1 */
#app .game-switcher,.tibia-page .game-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #343e45;background:#11171c;border-radius:10px;flex-shrink:0}#app .game-choice,.tibia-page .game-choice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;min-width:86px;padding:6px 13px;border:1px solid transparent;border-radius:7px;text-decoration:none;color:#a5b0bb;font-size:12px;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s}#app .game-choice img,.tibia-page .game-choice img{width:24px;height:24px;object-fit:contain;flex-shrink:0;image-rendering:auto}#app .game-choice-tibia img,.tibia-page .game-choice-tibia img{image-rendering:pixelated}#app .game-choice:hover,.tibia-page .game-choice:hover{color:#eff4f7;background:#ffffff08}#app .game-choice-cs2[aria-current="page"],.tibia-page .game-choice-cs2[aria-current="page"]{color:#efc77d;background:#efc77d13;border-color:#efc77d38}#app .game-choice-tibia[aria-current="page"],.tibia-page .game-choice-tibia[aria-current="page"]{color:#9ad8b8;background:#80cbaa13;border-color:#80cbaa38}#app .game-choice:focus-visible,.tibia-page .game-choice:focus-visible{outline:2px solid #efc77d;outline-offset:3px}#app header a.brand{text-decoration:none;color:var(--text)}@media(max-width:650px){#app .game-choice,.tibia-page .game-choice{min-width:76px;padding:6px 10px;font-size:12px;gap:7px}#app .game-switcher,.tibia-page .game-switcher{padding:3px}#app .header-tools{gap:12px;align-items:center}#app .header-tools .header-state{width:100%;order:3;text-align:left}.tibia-page .site-links{display:flex;align-items:center;gap:10px}}@media(prefers-reduced-motion:reduce){#app .game-choice,.tibia-page .game-choice{transition:none}}

/* GAME_HEADER_ALIGNMENT_V1 */
#app .header-tools .header-state,.tibia-page .header-tools .header-state{width:124px;max-width:124px;font-variant-numeric:tabular-nums}.tibia-page .tibia-header{display:block;min-height:0;padding-top:0!important}.tibia-page .game-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px;padding:28px 0;margin:0 -8px}.tibia-page .game-topbar .portal-brand{flex-shrink:0}.tibia-page .header-tools{display:flex;align-items:center;gap:24px;min-width:0}.tibia-page .header-tools .portal-back{color:#9ca7b3;font-size:12px;text-decoration:none;white-space:nowrap;line-height:normal}.tibia-page .header-tools .portal-back:hover{color:#e8be61}.tibia-page .header-tools .header-state{flex-shrink:0;text-align:right;color:#9ca7b3;font-size:12px;line-height:normal}.tibia-page .header-tools .game-switcher{font-family:Bahnschrift,Inter,"Segoe UI",sans-serif}.tibia-page .header-game-info{margin-top:0}.tibia-page .header-tools .game-choice{font-size:12px}@media(max-width:850px){.tibia-page .game-topbar{flex-wrap:wrap;gap:18px}.tibia-page .header-tools{width:100%;justify-content:space-between;gap:14px}.tibia-page .header-tools .header-state{max-width:130px}}@media(max-width:650px){.tibia-page .game-topbar{margin:0 -2px}.tibia-page .game-topbar .portal-brand{height:35px;font-size:15px;letter-spacing:.3px}.tibia-page .game-topbar .brand-mark{width:31px;height:31px;flex-shrink:0;font-size:22px}.tibia-page .game-topbar .brand-caption{font-size:9px;letter-spacing:1.65px}.tibia-page .header-tools{gap:12px;flex-wrap:wrap}.tibia-page .header-tools .header-state,#app .header-tools .header-state{width:100%;max-width:none;order:3;text-align:left;font-size:11px}.tibia-page .header-tools .game-choice{min-width:76px;padding:6px 10px;font-size:12px}.tibia-page .header-tools .portal-back{font-size:12px}}

/* HEADER_DATE_SINGLE_LINE_V1 */
#app .header-tools .header-state,.tibia-page .header-tools .header-state{width:148px;max-width:148px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}@media(max-width:650px){#app .header-tools .header-state,.tibia-page .header-tools .header-state{width:100%;max-width:none;white-space:nowrap}}

/* HOME_CHARACTER_BRAND_V1 */
.portal-header .home-brand,.tibia-header .home-brand,#app header .home-brand{gap:12px;letter-spacing:0;text-decoration:none}.home-brand .brand-copy{display:block;min-width:0}.home-brand .brand-copy>strong{display:block;font-size:15px;line-height:1.2;font-weight:650;letter-spacing:0;white-space:nowrap}.portal-header .home-brand .brand-mark,.tibia-header .home-brand .brand-mark,#app header .home-brand .brand-mark{width:41px;height:41px;display:grid;place-items:center;flex-shrink:0;padding:1px;overflow:hidden;border:1px solid #7e9b8140;border-radius:10px;background:#8baa7908;letter-spacing:0}.home-brand .brand-mark>img,#app header .home-brand .brand-mark>img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;image-rendering:pixelated}.portal-header .home-brand .brand-caption,.tibia-header .home-brand .brand-caption{font-size:8px;font-weight:400;letter-spacing:1.1px;margin-top:5px}.tibia-header .home-brand .brand-copy>strong{color:#edf1f5}#app header .home-brand .sub{font-size:11px;margin-top:4px;letter-spacing:0;font-weight:400}@media(max-width:650px){.portal-header .home-brand,.tibia-header .home-brand,#app header .home-brand{gap:9px}.home-brand .brand-copy>strong{font-size:14px}.portal-header .home-brand .brand-mark{width:36px;height:36px}.tibia-header .home-brand .brand-mark,#app header .home-brand .brand-mark{width:31px;height:31px;border-radius:8px}.portal-header .home-brand .brand-caption,.tibia-header .home-brand .brand-caption{font-size:8px;letter-spacing:.8px}.portal-header{column-gap:12px}}

@media(max-width:650px){.tibia-header .home-brand,#app header .home-brand{min-height:35px}}

/* CS2 panel layout */
.cs2-competition-heading{padding:24px 0 12px;border-bottom:1px solid var(--line)}
.cs2-competition-heading h1{margin:6px 0}
.cs2-competition-heading p{color:var(--muted)}
.cs2-records-page{max-width:860px;margin-inline:auto}
.cs2-match-section>h2{font-size:16px;margin:0 0 12px}
.cs2-record-owner{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:26px;overflow-wrap:anywhere;font-size:12px}
#app .cs2-record-owner .portrait{width:26px;height:26px;margin:0;border-radius:5px;flex:none}
.cs2-record-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;margin-top:14px}
.cs2-record-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(36px,1fr) auto;align-items:center;gap:6px 8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:#ffffff04;color:var(--text);text-align:left;font:inherit}
button.cs2-record-tile{cursor:pointer}
button.cs2-record-tile:hover{background:#e8be610c}
button.cs2-record-tile:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.cs2-record-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#dbe1e8;overflow-wrap:anywhere}
.cs2-record-label .stat-icon{width:16px;height:16px;flex:none;color:var(--gold)}
.cs2-record-context{grid-column:1/-1;display:flex;align-items:center;gap:4px;min-width:0;color:var(--muted);font-size:10px}
.cs2-record-context .mini-map{width:14px;height:14px;margin:0;flex:none}
.cs2-record-result{display:grid;grid-template-columns:auto 10px;align-items:center;gap:4px;white-space:nowrap}
.cs2-record-value{font-size:16px;line-height:1.1;color:#f3d294;font-variant-numeric:tabular-nums}
.cs2-record-arrow{color:var(--gold);font-size:11px}
.cs2-scoreboard{position:relative;isolation:isolate;background:#202730;margin-bottom:20px}
.cs2-match-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cs2-scoreboard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#13181ff0,#13181fae,#13181fdb);z-index:-1}
.cs2-scoreboard-content{display:grid;justify-items:center;padding:clamp(16px,4vw,32px);text-align:center}
.cs2-scoreboard h1{margin:6px 0 8px;font-size:clamp(20px,4vw,31px)}
.cs2-scoreline{display:flex;align-items:end;gap:clamp(14px,3vw,32px);font-variant-numeric:tabular-nums}
.cs2-scoreline>div{display:grid;gap:3px;min-width:50px}
.cs2-scoreline small{color:#e4e9ee;font-size:11px}
.cs2-scoreline strong,.cs2-scoreline>span{font-size:clamp(34px,7vw,63px);line-height:1}
.cs2-score-outcome{margin-top:8px;font-size:13px}
.cs2-score-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin-top:14px;color:#d1dae3;font-size:11px}
.cs2-match-section{margin-bottom:20px}
.cs2-match-honors{margin:20px 0;border-top:2px solid #d6b678}
.cs2-honors-heading{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#e8be6109}
.cs2-honors-emblem{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:7px;background:#e8be6118;color:var(--gold)}
.cs2-honors-emblem .stat-icon{width:21px;height:21px}
.cs2-honors-heading h2{margin:0;font-size:17px}
.cs2-honors-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.cs2-match-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}
.cs2-honor-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(32px,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff04}
.cs2-honor-card h3{margin:0;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.cs2-honor-card h3 .stat-icon{width:17px;height:17px;flex:none}
.cs2-honor-value{padding:3px 7px;border:1px solid #e8be6130;border-radius:5px;background:#e8be6110;color:#f3d294;font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}
.cs2-honor-player{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-height:30px;padding-top:6px;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
#app .cs2-honor-player .portrait{width:23px;height:23px;margin:0;border-radius:5px;flex:none}
@media(max-width:850px){.cs2-match-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.cs2-match-highlights{grid-template-columns:1fr}}
.columns.cs2-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.cs2-team-grid>section{min-width:0}
.cs2-team-grid table{width:100%;min-width:260px;table-layout:fixed;border-collapse:collapse}
#app .cs2-team-grid table :is(th,td){box-sizing:border-box;height:44px;padding:0 5px;vertical-align:middle;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
#app .cs2-team-grid table :is(th,td):first-child{min-width:0;padding-inline-start:10px;text-align:left;overflow:hidden;text-overflow:ellipsis}
#app .cs2-team-grid table :is(th,td):nth-child(n+2):nth-child(-n+4){width:2.5rem;text-align:center}
#app .cs2-team-grid table :is(th,td):last-child{width:4.5rem;padding-inline-end:10px}
.cs2-team-grid .row-button{max-width:calc(100% - 18px);vertical-align:middle;line-height:inherit}
@media(max-width:750px){.columns.cs2-team-grid{grid-template-columns:minmax(0,1fr)}}
.cs2-panel-body{padding:14px 20px 20px}
.cs2-panel-body>.note:first-child{margin-top:0}
.cs2-maps-panel{margin-top:18px}
.cs2-maps-panel .map-row{grid-template-columns:minmax(0,1fr) max-content max-content max-content;padding-block:7px}
.cs2-maps-panel .panel-head+.map-row{border-top:0}
.cs2-maps-panel .map-row>span:not(.map-name),.cs2-maps-panel .map-row>.rate{text-align:right}
.cs2-maps-panel .map-row small{display:block;color:var(--muted);font-size:10px;font-weight:400}
.cs2-maps-panel .map-row>span.wdl{display:grid;justify-items:center;justify-self:center;width:max-content;padding:2px 6px;line-height:1.1;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:6px;background:#ffffff05}
.cs2-profile-metric{--metric-accent:#d6b678;display:grid;grid-template-rows:minmax(22px,auto) auto 1fr;gap:6px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-top:2px solid var(--metric-accent);border-radius:8px;background:var(--panel)}
.cs2-profile-metric.win-rate{--metric-accent:#76d8ad}
.cs2-profile-metric.kd{--metric-accent:#f2c471}
.cs2-profile-metric .icon-heading{gap:7px;color:var(--muted);font-size:12px;line-height:1.2}
.cs2-profile-metric .stat-icon{flex:none;width:16px;height:16px;color:var(--metric-accent)}
.cs2-profile-metric>strong{font-size:clamp(19px,3vw,29px);line-height:1.15;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cs2-profile-metric:is(.win-rate,.kd)>strong{color:var(--metric-accent)}
.cs2-profile-metric>small{color:var(--muted);font-size:10px;line-height:1.4}
.cs2-result-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs2-result-tile{padding:12px 5px;text-align:center;background:#202831;border:1px solid var(--line);border-top:2px solid currentColor;border-radius:8px}
.cs2-result-tile.winner{color:#6dd9a0}
.cs2-result-tile.draw{color:#e8be61}
.cs2-result-tile.loser{color:#ff8a96}
.cs2-result-tile strong{font-size:clamp(19px,3vw,26px);font-variant-numeric:tabular-nums;line-height:1.1}
.cs2-result-tile strong span{margin-inline-start:3px;font-size:.58em}
.cs2-result-tile small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.cs2-overview-columns .match{padding-block:13px}
.cs2-week-details{display:grid;gap:8px;margin-top:12px}
.cs2-week-row,.cs2-side-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#ffffff04;border:1px solid var(--line);border-radius:8px}
.cs2-week-row>strong,.cs2-side-card>strong{text-align:right;overflow-wrap:anywhere;min-width:0}
.cs2-week-row>span,.cs2-side-best>span{color:var(--muted)}
.cs2-side-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cs2-side-card{flex-wrap:wrap}
.cs2-side-card:not(.cs2-side-best)>strong{width:100%;text-align:left}
.cs2-side-best{grid-column:1/-1}
.cs2-side-best .cs2-side-badge{padding:4px 10px;border:1px solid currentColor;border-radius:6px;background:#ffffff0a}
.cs2-side-best .cs2-side-badge.ct{color:#8dcfff;background:#21415b}
.cs2-side-best .cs2-side-badge.tt{color:#ff9da7;background:#512832}
.cs2-duet-row,.crew-records .cs2-panel-body>.sides{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#ffffff04}
.cs2-duet-row+.cs2-duet-row,.crew-records .cs2-panel-body>.sides+.sides{margin-top:7px}
.cs2-duet-row>div,.crew-records .cs2-panel-body>.sides>strong{min-width:0;overflow-wrap:anywhere}
.cs2-duet-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.crew-records .cs2-panel-body>.sides>strong{text-align:right}
.cs2-duet-star{color:var(--gold);margin-inline-end:4px}
.crew-records .label .stat-icon{width:16px;height:16px;color:var(--gold);flex:none}
.crew-records .cs2-panel-body>.sides>strong{font-variant-numeric:tabular-nums}
.cs2-match-detail .cs2-match-hero{margin-bottom:16px;gap:12px}
.cs2-match-hero .map-hero{min-height:160px}
.cs2-match-hero .hero-photo{object-fit:cover}
.cs2-match-result{display:inline-grid;gap:4px;margin-top:8px;padding:8px 16px;background:#ffffff08;border:1px solid currentColor;border-radius:8px}
.cs2-match-result>strong{font-size:clamp(26px,4vw,38px);line-height:1;font-variant-numeric:tabular-nums}
.cs2-match-result>small{font-weight:700}
.cs2-match-detail .team-head{border-bottom:1px solid var(--line)}
.cs2-match-detail .team-head.ct{background:#21415b;color:#a5d9ff}
.cs2-match-detail .team-head.tt{background:#512832;color:#ffb1ba}
.cs2-match-detail tbody tr:nth-child(odd){background:#ffffff04}
.cs2-match-detail .cs2-match-note{margin-block:10px 16px}
.cs2-match-awards>.panel{border-top:2px solid var(--gold)}
.cs2-player-page{min-width:0}
.cs2-player-page .back{margin-bottom:14px}
.cs2-player-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:14px;background:linear-gradient(115deg,#e8be6114,transparent 58%),var(--panel)}
.cs2-player-identity{display:flex;align-items:center;gap:16px;min-width:0}
.cs2-player-identity .portrait{flex:none;width:72px;height:72px;margin:0}
.cs2-player-identity h1{margin:4px 0 0;font-size:clamp(24px,5vw,38px);line-height:1.1;overflow-wrap:anywhere}
.cs2-player-map{flex:none;padding:10px 13px;background:#ffffff06;border:1px solid var(--line);border-radius:8px}
.cs2-player-map small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
.cs2-player-page .metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.cs2-player-page .metric{min-width:0;overflow-wrap:anywhere}
.cs2-player-page .metric small:empty{display:none}
.cs2-player-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.cs2-player-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.cs2-player-stat{display:grid;grid-template-rows:minmax(2.25em,auto) auto;align-content:start;gap:5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff03;min-width:0}
.cs2-player-stat .icon-heading{min-width:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.cs2-player-stat .stat-icon{flex:none}
.cs2-player-stat strong{font-size:19px;font-variant-numeric:tabular-nums}
.cs2-profile-matches{display:grid;gap:8px;padding:12px}
.cs2-profile-match{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 12px;background:#ffffff04;border:1px solid var(--line);border-inline-start:3px solid currentColor;border-radius:8px;font:inherit;text-align:left;cursor:pointer}
.cs2-profile-match:hover{background:#ffffff09}
.cs2-profile-match-map{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text)}
.cs2-profile-match-map .mini-map{flex:none;margin:0;width:28px;height:28px}
.cs2-profile-match-map>span{min-width:0;overflow-wrap:anywhere}
.cs2-profile-match small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}
.cs2-profile-match-result{text-align:right}
.cs2-profile-match-result>strong{font-size:18px;font-variant-numeric:tabular-nums}
@media(max-width:800px){
 .cs2-player-columns{grid-template-columns:1fr}
 .cs2-player-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 .cs2-panel-body,.cs2-player-banner{padding:12px}
 .cs2-player-banner{flex-wrap:wrap;gap:12px}
 .cs2-player-identity .portrait{width:54px;height:54px}
 .cs2-player-map{padding:6px 8px}
 .cs2-player-stat{padding:7px}
}

/* CS2 match MVP */
.cs2-match-honors .cs2-match-highlights{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:14px;padding:12px}
.cs2-honor-list,.cs2-match-mvp{border:1px solid var(--line);border-radius:10px}
.cs2-honor-list{display:grid;grid-template-rows:repeat(3,1fr);padding:0 14px;background:#1b2229}
.cs2-honor-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0}
.cs2-honor-row+.cs2-honor-row{border-top:1px solid var(--line)}
.cs2-honor-row h3{margin:0 0 3px;font-size:14px;overflow-wrap:anywhere}
.cs2-honor-row div span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.cs2-honor-avatar,.cs2-mvp-avatar{display:grid;place-items:center;border-radius:8px;background:#e8be6118;color:#f5c976}
.cs2-honor-avatar{width:38px;height:38px}
.cs2-honor-row .cs2-honor-value{border:0;background:none;padding:0;color:#f5c976;font-size:23px}
.cs2-match-mvp{display:grid;justify-items:center;align-content:center;gap:12px;text-align:center;padding:16px;border-color:#896b39;background:#26221b}
.cs2-match-mvp h3{margin:0;color:#f5c976;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.cs2-mvp-avatar{width:54px;height:54px;border:1px solid #72552e}

.cs2-mvp-player{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;font-size:22px;overflow-wrap:anywhere}
#app .cs2-honor-avatar .portrait,#app .cs2-mvp-avatar .portrait{width:100%;height:100%;object-fit:cover;margin:0;border-radius:inherit}
.cs2-match-mvp small{color:#cbbda6}
@media(max-width:600px){.cs2-match-honors .cs2-match-highlights{grid-template-columns:minmax(0,1fr)}.cs2-match-mvp{grid-row:1}}

.cs2-opening-star{color:var(--gold)}


.cs2-team-position{display:inline-block;min-width:2ch;margin-inline-end:.4em;color:var(--muted);font-variant-numeric:tabular-nums}

.wdl .wdl-win{color:#6dd9a0}.wdl .wdl-draw{color:var(--gold)}.wdl .wdl-loss{color:#ff8a96}

.metric .wdl-win{color:#6dd9a0}
.metric .wdl-draw{color:#e8be61}
.metric .wdl-loss{color:#ff8a96}

/* Bilans CS2 w jednej linii */
.metric small .wdl,
.metric small .wdl > span{display:inline;font-size:inherit}
.metric small .wdl{white-space:nowrap}
.metric small .wdl > .wdl-win{color:#6dd9a0}
.metric small .wdl > .wdl-draw{color:#e8be61}
.metric small .wdl > .wdl-loss{color:#ff8a96}

.metric .metric-balance{display:inline;white-space:nowrap;font-weight:500}
.metric .metric-balance>i{display:inline;font-style:normal}
.metric .metric-balance>i:nth-child(1){color:#6dd9a0}
.metric .metric-balance>i:nth-child(2){color:#e8be61}
.metric .metric-balance>i:nth-child(3){color:#ff8a96}


/* CS2_KOLOROWE_RAMKI_V1 */

/* Kolorowe ramki w stylu Tibii */
#app .metric,
#app .rank-card,
#app .cs2-maps-panel,
#app .bottom>.panel,
#app .profile,
#app .record,
#app .crew-records {
  --cs2-accent:#e8c77e;
  --cs2-rgb:232,199,126;
  border:1px solid rgba(var(--cs2-rgb),.38);
  border-top:2px solid var(--cs2-accent);
  background:
    radial-gradient(
      ellipse at top left,
      rgba(var(--cs2-rgb),.15),
      transparent 70%
    ),
    #192228;
  box-shadow:0 0 18px rgba(var(--cs2-rgb),.08);
}

/* Cztery glowne statystyki */
#app .metrics>.metric:nth-child(4n+1) {
  --cs2-accent:#78bef3;
  --cs2-rgb:120,190,243;
}
#app .metrics>.metric:nth-child(4n+2) {
  --cs2-accent:#72d6a4;
  --cs2-rgb:114,214,164;
}
#app .metrics>.metric:nth-child(4n+3) {
  --cs2-accent:#efa078;
  --cs2-rgb:239,160,120;
}
#app .metrics>.metric:nth-child(4n+4) {
  --cs2-accent:#78aaa5;
  --cs2-rgb:120,170,165;
}

/* Kolorowe liczby i ikonki */
#app .metric>.metric-label .stat-icon {
  color:var(--cs2-accent);
}
#app .metric>strong:not(.winner):not(.loser) {
  color:var(--cs2-accent);
}

/* Rankingi */
#app .rank-card:nth-child(3n+1) {
  --cs2-accent:#e8c77e;
  --cs2-rgb:232,199,126;
}
#app .rank-card:nth-child(3n+2) {
  --cs2-accent:#78bef3;
  --cs2-rgb:120,190,243;
}
#app .rank-card:nth-child(3n+3) {
  --cs2-accent:#78aaa5;
  --cs2-rgb:120,170,165;
}

/* Mapy ekipy */
/* CS2_MAPS_STEEL_BLUE_V1 */
#app .cs2-maps-panel {
  --cs2-accent:#7c9fbe;
  --cs2-rgb:124,159,190;
}

/* Dolne panele */
#app .bottom>.panel:nth-child(odd) {
  --cs2-accent:#6fd7d0;
  --cs2-rgb:111,215,208;
}
#app .bottom>.panel:nth-child(even) {
  --cs2-accent:#e8c77e;
  --cs2-rgb:232,199,126;
}

/* Pozostale panele w zestawieniach */
#app .overview .columns>.panel:nth-child(odd) {
  border-top:2px solid #78bef3;
}
#app .overview .columns>.panel:nth-child(even) {
  border-top:2px solid #78aaa5;
}

/* Profile graczy */
#app .profiles>.profile:nth-child(4n+1) {
  --cs2-accent:#78bef3;
  --cs2-rgb:120,190,243;
}
#app .profiles>.profile:nth-child(4n+2) {
  --cs2-accent:#c3a2f2;
  --cs2-rgb:195,162,242;
}
#app .profiles>.profile:nth-child(4n+3) {
  --cs2-accent:#72d6a4;
  --cs2-rgb:114,214,164;
}
#app .profiles>.profile:nth-child(4n+4) {
  --cs2-accent:#efa078;
  --cs2-rgb:239,160,120;
}

/* Rekordy */
#app .records>.record:nth-child(4n+1) {
  --cs2-accent:#e8c77e;
  --cs2-rgb:232,199,126;
}
#app .records>.record:nth-child(4n+2) {
  --cs2-accent:#78bef3;
  --cs2-rgb:120,190,243;
}
#app .records>.record:nth-child(4n+3) {
  --cs2-accent:#72d6a4;
  --cs2-rgb:114,214,164;
}
#app .records>.record:nth-child(4n+4) {
  --cs2-accent:#c3a2f2;
  --cs2-rgb:195,162,242;
}

/* Naglowki i akcenty */
#app .rank-card .panel-head,
#app .cs2-maps-panel .panel-head,
#app .bottom>.panel .panel-head {
  background:linear-gradient(
    90deg,
    rgba(var(--cs2-rgb),.10),
    transparent 80%
  );
}

#app .rank-card .panel-head .stat-icon,
#app .cs2-maps-panel .panel-head .stat-icon,
#app .bottom>.panel .panel-head .stat-icon {
  color:var(--cs2-accent);
}

/* Podswietlenie po najechaniu */
@media (hover:hover) {
  #app .profiles>.profile:hover,
  #app .records>.record-link:hover {
    border-color:var(--cs2-accent);
    box-shadow:0 0 22px rgba(var(--cs2-rgb),.19);
  }
}

/* Zachowaj odpowiedni wyglad na telefonach */
@media(max-width:650px) {
  #app .metric,
  #app .rank-card,
  #app .cs2-maps-panel,
  #app .bottom>.panel,
  #app .profile,
  #app .record {
    box-shadow:0 0 10px rgba(var(--cs2-rgb),.06);
  }
}


/* CS2_TOP_DAMAGE_RECENT_COLORS_V1 */

#app .cs2-overview-columns > .cs2-top-damage-panel {
  --cs2-accent:#efa078;
  --cs2-rgb:239,160,120;
}

#app .cs2-overview-columns > .cs2-recent-matches-panel {
  --cs2-accent:#a0aab5;
  --cs2-rgb:160,170,181;
}

#app .cs2-overview-columns > .cs2-top-damage-panel,
#app .cs2-overview-columns > .cs2-recent-matches-panel {
  border:1px solid rgba(var(--cs2-rgb),.40);
  border-top:2px solid var(--cs2-accent);
  background:
    radial-gradient(
      ellipse at top left,
      rgba(var(--cs2-rgb),.15),
      transparent 70%
    ),
    #192228;
  box-shadow:0 0 18px rgba(var(--cs2-rgb),.09);
}

#app .cs2-overview-columns > .panel > .panel-head {
  background:linear-gradient(
    90deg,rgba(var(--cs2-rgb),.12),transparent 85%
  );
}

#app .cs2-overview-columns > .panel > .panel-head h2 {
  color:var(--cs2-accent);
}

#app .cs2-overview-columns .cs2-recent-heading {
  display:flex;
  align-items:center;
  gap:9px;
}

#app .cs2-overview-columns .cs2-recent-heading img {
  display:block;
  width:25px;
  height:25px;
  object-fit:contain;
  flex-shrink:0;
}

#app .cs2-top-damage-panel .panel-head .stat-icon {
  color:#efa078;
}

@media(max-width:650px) {
  #app .cs2-overview-columns .cs2-recent-heading img {
    width:21px;
    height:21px;
  }
}


/* CS2_TOP_DAMAGE_ORANGE_FIX_V1 */
#app .cs2-overview-columns > .cs2-top-damage-panel {
  --cs2-accent:#efa078;
  --cs2-rgb:239,160,120;
  border:1px solid rgba(239,160,120,.45) !important;
  border-top:2px solid #efa078 !important;
  background:
    radial-gradient(ellipse at top left,
      rgba(239,160,120,.17),transparent 70%),
    #192228 !important;
  box-shadow:0 0 18px rgba(239,160,120,.13) !important;
}
#app .cs2-top-damage-panel > .panel-head {
  background:linear-gradient(
    90deg,rgba(239,160,120,.13),transparent 85%
  ) !important;
}
#app .cs2-top-damage-panel > .panel-head h2 {
  color:#efa078 !important;
}


/* CS2_REKORDY_EKIPY_V2 */

#app .crew-records .cs2-achievement {
  padding:15px 17px;
  border:1px solid #ffffff25;
  border-radius:11px;
  margin-top:13px;
  overflow:hidden;
}

#app .crew-records .cs2-achievement-win {
  border-color:#d9b76f75;
  background:
    radial-gradient(ellipse at top left,#d9b76f20,transparent 75%),
    #242820;
  box-shadow:0 0 14px #d9b76f12;
}

#app .crew-records .cs2-achievement-comeback {
  border-color:#73c7dc75;
  background:
    radial-gradient(ellipse at top left,#73c7dc20,transparent 75%),
    #1b2a30;
  box-shadow:0 0 14px #73c7dc12;
}

#app .crew-records .cs2-achievement-title {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  margin-bottom:13px;
  color:#e9c979;
}

#app .crew-records .cs2-achievement-comeback
.cs2-achievement-title {
  color:#84d5e7;
}

#app .crew-records .cs2-achievement-title .stat-icon {
  color:inherit;
}

#app .crew-records .cs2-achievement-map {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  font-size:17px;
  font-weight:700;
  color:#eef3f7;
  margin-bottom:11px;
}

#app .crew-records .cs2-achievement-map img {
  width:42px;
  height:42px;
  object-fit:contain;
  flex-shrink:0;
  filter:drop-shadow(0 2px 6px #0006);
}

#app .crew-records .cs2-achievement-score {
  font-size:29px;
  font-weight:800;
  color:#85dfab;
  font-variant-numeric:tabular-nums;
  letter-spacing:.5px;
}

#app .crew-records .cs2-achievement-change {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:11px;
  font-size:24px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

#app .crew-records .cs2-score-before {
  color:#f3a3a4;
}

#app .crew-records .cs2-score-arrow {
  color:#84d5e7;
  font-size:22px;
}

#app .crew-records .cs2-score-after {
  color:#85dfab;
}

#app .crew-records .cs2-achievement-note {
  margin-top:8px;
  font-size:11px;
  color:#b4c2cb;
}

#app .crew-records .cs2-achievement-empty {
  color:var(--muted);
  padding:8px 0;
}

@media(max-width:650px) {
  #app .crew-records .cs2-achievement {
    padding:13px;
  }
  #app .crew-records .cs2-achievement-change {
    font-size:21px;
    gap:8px;
  }
}


/* CS2_COMEBACK_KARTY_V3 */

#app .crew-records .cs2-comeback-scores {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

#app .crew-records .cs2-comeback-before,
#app .crew-records .cs2-comeback-after {
  min-width:0;
  border-radius:10px;
  padding:13px 9px;
  text-align:center;
}

#app .crew-records .cs2-comeback-before {
  background:rgba(241,140,149,.11);
  border:1px solid rgba(241,140,149,.24);
}

#app .crew-records .cs2-comeback-after {
  background:rgba(112,213,160,.11);
  border:1px solid rgba(112,213,160,.26);
}

#app .crew-records .cs2-comeback-scores small {
  display:block;
  color:#b5c2ca;
  font-size:11px;
  margin-bottom:6px;
}

#app .crew-records .cs2-comeback-scores strong {
  display:block;
  font-size:clamp(20px,2.2vw,29px);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

#app .crew-records .cs2-comeback-before strong {
  color:#f3a3a4;
}

#app .crew-records .cs2-comeback-after strong {
  color:#85dfab;
}

#app .crew-records .cs2-comeback-gain {
  margin-top:12px;
  padding:8px 10px;
  text-align:center;
  font-size:13px;
  font-weight:700;
  color:#84d5e7;
  border-radius:8px;
  background:rgba(115,199,220,.10);
}

@media(max-width:650px) {
  #app .crew-records .cs2-comeback-scores {
    gap:7px;
  }
  #app .crew-records .cs2-comeback-before,
  #app .crew-records .cs2-comeback-after {
    padding:10px 6px;
  }
}


/* CS2_DUETY_NUMERACJA_V1 */
#app .cs2-duet-row {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

#app .cs2-duet-number {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:8px;
  border:1px solid rgba(111,215,208,.3);
  background:rgba(111,215,208,.09);
  color:#75dbd6;
  font-size:13px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

@media(max-width:650px) {
  #app .cs2-duet-row {
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:7px;
  }
  #app .cs2-duet-number {
    width:27px;
    height:27px;
    font-size:11px;
  }
}


/* CS2_FRIENDLY_FIRE_V2 */

#app .cs2-friendly-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

#app .cs2-friendly-card {
  --ff:#78aaa5;
  --ff-rgb:120,170,165;
  border:1px solid rgba(var(--ff-rgb),.45);
  border-top:2px solid var(--ff);
  background:
    radial-gradient(ellipse at top left,
      rgba(var(--ff-rgb),.16),transparent 72%),
    #192228;
  box-shadow:0 0 18px rgba(var(--ff-rgb),.11);
}

#app .cs2-friendly-card:nth-child(2) {
  --ff:#77c5ed;
  --ff-rgb:119,197,237;
}

#app .cs2-friendly-card:nth-child(3) {
  --ff:#efa078;
  --ff-rgb:239,160,120;
}

#app .cs2-friendly-card .panel-head {
  background:linear-gradient(
    90deg,rgba(var(--ff-rgb),.12),transparent 85%
  );
}

#app .cs2-friendly-card .panel-head h2,
#app .cs2-friendly-card .rank-leader strong,
#app .cs2-friendly-card .rank-leader em {
  color:var(--ff);
}

#app .cs2-friendly-card .panel-head h2 {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}

#app .cs2-friendly-caption {
  padding:11px 18px;
  border-top:1px solid #ffffff12;
  color:var(--muted);
  font-size:11px;
}

@media(max-width:850px) {
  #app .cs2-friendly-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px) {
  #app .cs2-friendly-grid {
    grid-template-columns:1fr;
  }
}

/* CS2_MAP_PHOTOS_V6 */
#app .cs2-achievement-win,
#app .cs2-achievement-comeback {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  min-height: 170px;
  padding-right: 43% !important;
}
#app .cs2-record-photo {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
#app .cs2-record-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  opacity: .9;
  -webkit-mask-image: none;
  mask-image: none;
}
#app .cs2-achievement-win > :not(.cs2-record-photo),
#app .cs2-achievement-comeback > :not(.cs2-record-photo) {
  position: relative;
  z-index: 1;
}
@media(max-width:650px) {
  #app .cs2-achievement-win,
  #app .cs2-achievement-comeback {
    padding-right: 37% !important;
  }
  #app .cs2-record-photo { width: 35%; }
}


/* CS2_RECENT_CLEAN_GOLD_V3 */

#app .cs2-overview-columns > .cs2-recent-matches-panel {
  --cs2-accent:#a0aab5;
  --cs2-rgb:160,170,181;
  border:1px solid rgba(160,170,181,.48) !important;
  border-top:2px solid #a0aab5 !important;
  background:
    radial-gradient(
      ellipse at top left,
      rgba(160,170,181,.12),
      transparent 72%
    ),
    #192228 !important;
  box-shadow:0 0 16px rgba(160,170,181,.10) !important;
}

#app .cs2-recent-matches-panel > .panel-head {
  background:linear-gradient(
    90deg,
    rgba(231,187,112,.13),
    transparent 85%
  ) !important;
  border-bottom-color:rgba(231,187,112,.23) !important;
}

#app .cs2-recent-matches-panel > .panel-head h2,
#app .cs2-recent-matches-panel > .panel-head small {
  color:#edc783 !important;
}

#app .cs2-recent-matches-panel .match {
  border-radius:9px;
  margin:5px 0;
  border:1px solid transparent;
  border-left-width:3px;
  transition:background .2s ease;
}

/* Wygrana: subtelna zielen */
#app .cs2-recent-matches-panel .match.cs2-result-W {
  background:rgba(70,165,106,.11);
  border-color:rgba(112,191,141,.18);
  border-left-color:#75b991;
}
#app .cs2-recent-matches-panel
.match.cs2-result-W .score,
#app .cs2-recent-matches-panel
.match.cs2-result-W .score small {
  color:#a6dabb;
}

/* Przegrana: subtelna czerwien */
#app .cs2-recent-matches-panel .match.cs2-result-P {
  background:rgba(184,86,93,.11);
  border-color:rgba(210,121,128,.18);
  border-left-color:#cd828b;
}
#app .cs2-recent-matches-panel
.match.cs2-result-P .score,
#app .cs2-recent-matches-panel
.match.cs2-result-P .score small {
  color:#e7adb4;
}

/* Remis: neutralny siwy */
#app .cs2-recent-matches-panel .match.cs2-result-R {
  background:rgba(155,164,170,.105);
  border-color:rgba(166,174,180,.18);
  border-left-color:#a1a9ae;
}
#app .cs2-recent-matches-panel
.match.cs2-result-R .score,
#app .cs2-recent-matches-panel
.match.cs2-result-R .score small {
  color:#cbd0d3;
}


/* CS2_RECORD_PHOTOS_SMALLER_V1 */

#app .cs2-record-photo {
  width: 30% !important;
}

#app .cs2-achievement-win {
  padding-right: 31% !important;
}

#app .cs2-achievement-comeback .cs2-record-photo {
  width: 28% !important;
  height: 82px !important;
  top: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  border-radius: 10px !important;
}

#app .cs2-achievement-win .cs2-record-photo img,
#app .cs2-achievement-comeback .cs2-record-photo img {
  object-fit: cover !important;
}

@media (max-width: 650px) {
  #app .cs2-record-photo {
    width: 26% !important;
  }

  #app .cs2-achievement-win {
    padding-right: 27% !important;
  }

  #app .cs2-achievement-comeback .cs2-record-photo {
    width: 24% !important;
    height: 70px !important;
  }
}


/* CS2_DUST2_MINIATURA_V1 */

/* Dust2 - mala miniatura zamiast duzego tla */
#app .crew-records .cs2-achievement-win {
  padding-right: 17px !important;
  min-height: 155px;
}

#app .crew-records .cs2-achievement-win .cs2-record-photo {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  width: 115px !important;
  height: 68px !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

#app .crew-records .cs2-achievement-win .cs2-record-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .85 !important;
  border-radius: 9px;
}

#app .crew-records .cs2-achievement-win .cs2-achievement-title {
  padding-right: 125px;
}

@media (max-width: 650px) {
  #app .crew-records .cs2-achievement-win .cs2-record-photo {
    width: 90px !important;
    height: 55px !important;
  }

  #app .crew-records .cs2-achievement-win .cs2-achievement-title {
    padding-right: 100px;
  }
}


/* CS2_RECORD_PHOTOS_EQUAL_V1 */

/* Obie miniaturki identyczne */
#app .crew-records .cs2-achievement-win .cs2-record-photo,
#app .crew-records .cs2-achievement-comeback .cs2-record-photo {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: 115px !important;
  height: 68px !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

#app .crew-records .cs2-achievement-win .cs2-record-photo img,
#app .crew-records .cs2-achievement-comeback .cs2-record-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 9px !important;
}

/* Na telefonie rowniez ten sam rozmiar */
@media (max-width: 650px) {
  #app .crew-records .cs2-achievement-win .cs2-record-photo,
  #app .crew-records .cs2-achievement-comeback .cs2-record-photo {
    width: 90px !important;
    height: 55px !important;
  }
}

/* CS2_WEAPON_RANKINGS_V1 */

#app .cs2-weapon-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

#app .cs2-weapon-card {
  --cs2-accent:#d7b477;
  --cs2-rgb:215,180,119;
  border:1px solid rgba(215,180,119,.36);
  border-top:2px solid #d7b477;
  background:
    radial-gradient(ellipse at top left,
      rgba(215,180,119,.10),transparent 72%),
    #192228;
}

#app .cs2-weapon-card .panel-head {
  background:rgba(215,180,119,.07);
}

#app .cs2-weapon-card .panel-head h2,
#app .cs2-weapon-card .rank-leader em,
#app .cs2-weapon-card .rank-leader strong {
  color:#e7c58a;
}

#app .cs2-weapon-note {
  margin:0 0 14px;
  font-size:12px;
  color:var(--muted);
}

@media(max-width:850px) {
  #app .cs2-weapon-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px) {
  #app .cs2-weapon-grid {
    grid-template-columns:1fr;
  }
}

/* CS2_PLAYER_MAP_STATS_V3 */
.mapstat-panel {margin-top:16px}
.mapstat-note {padding:0 18px;color:#aab7be;font-size:12px}
.mapstat-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;padding:16px
}
.mapstat-card {
  min-width:0;padding:16px;border-radius:12px;
  border:1px solid rgba(226,185,112,.3);
  background:rgba(226,185,112,.055)
}
.mapstat-head {
  display:flex;justify-content:space-between;
  align-items:center;gap:10px;flex-wrap:wrap
}
.mapstat-head strong {color:#e9c58e}
.mapstat-head b {color:#89d5aa}
.mapstat-track {
  height:7px;border-radius:10px;overflow:hidden;
  margin:14px 0;background:#344047
}
.mapstat-track span {
  display:block;height:100%;border-radius:10px;
  background:#80cda5
}
.mapstat-numbers {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px
}
.mapstat-numbers div {display:flex;flex-direction:column;gap:5px}
.mapstat-numbers small {font-size:10px;color:#acbac1}
.mapstat-numbers b {
  font-size:13px;color:#edf1f2;overflow-wrap:anywhere
}
@media(max-width:950px) {
  .mapstat-list {grid-template-columns:1fr}
}
@media(max-width:480px) {
  .mapstat-numbers {grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* CS2_MAP_WDL_V6 */

.mapstat-card.mapstat-balance-win {
  border-color:rgba(112,211,151,.72);
  background:linear-gradient(135deg,rgba(80,170,110,.13),rgba(255,255,255,.015));
}
.mapstat-card.mapstat-balance-loss {
  border-color:rgba(229,111,123,.72);
  background:linear-gradient(135deg,rgba(192,75,87,.13),rgba(255,255,255,.015));
}
.mapstat-card.mapstat-balance-draw {
  border-color:rgba(232,189,110,.72);
  background:linear-gradient(135deg,rgba(218,175,95,.12),rgba(255,255,255,.015));
}

.mapstat-track.mapstat-wdl {
  display:flex;
  align-items:stretch;
  padding:0;
  gap:0;
  background:#344047;
  overflow:hidden;
  border-radius:999px;
}
.mapstat-track.mapstat-wdl span {
  display:block;
  height:100%;
  min-width:0;
  flex:0 0 auto;
  border-radius:0;
}
.mapstat-track.mapstat-wdl .wdl-win {background:#79cf9d}
.mapstat-track.mapstat-wdl .wdl-draw {background:#e5bd6d}
.mapstat-track.mapstat-wdl .wdl-loss {background:#e2828e}

.mapstat-balance-win .mapstat-head b {color:#8fe2ae}
.mapstat-balance-draw .mapstat-head b {color:#f0ce86}
.mapstat-balance-loss .mapstat-head b {color:#f1a0a9}



/* CS2_MAP_DIRECT_V10 */
.mapstat-card.mapstat-split-card {
  border-radius:12px;
}

.mapstat-balance-bar {
  display:block;
  box-sizing:border-box;
  width:100%;
  height:9px;
  margin:14px 0;
  border-radius:999px;
  overflow:hidden;
}


/* CS2_MAP_CSP_V11 */
.mapstat-card.mapstat-split-card {
  border:1px solid rgba(174,188,201,.28) !important;
  overflow:hidden;
}
.mapstat-card .mapstat-balance-bar {
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:10px !important;
  min-height:10px !important;
  margin:14px 0 !important;
  border-radius:999px;
  overflow:hidden;
}


/* CS2_MATCH_SHADING_V1 */
/* Delikatne tlo: wygrana zielona, remis szary, porazka czerwona */

/* HISTORIA MECZOW + OSTATNIE MECZE NA STATYSTYKACH */
#app button.match.cs2-result-W,
#app button.match.cs2-result-win {
  background:linear-gradient(90deg,
    rgba(83,181,113,.19),
    rgba(83,181,113,.045));
}

#app button.match.cs2-result-R,
#app button.match.cs2-result-draw {
  background:linear-gradient(90deg,
    rgba(159,169,183,.17),
    rgba(159,169,183,.035));
}

#app button.match.cs2-result-P,
#app button.match.cs2-result-loss {
  background:linear-gradient(90deg,
    rgba(214,91,104,.19),
    rgba(214,91,104,.045));
}

/* MECZE W PROFILACH GRACZY */
#app button.cs2-profile-match.winner,
#app button.cs2-profile-match.win {
  background:linear-gradient(90deg,
    rgba(83,181,113,.19),
    rgba(83,181,113,.045));
  border-color:rgba(83,181,113,.23);
}

#app button.cs2-profile-match.draw,
#app button.cs2-profile-match.muted {
  background:linear-gradient(90deg,
    rgba(159,169,183,.17),
    rgba(159,169,183,.035));
  border-color:rgba(159,169,183,.23);
}

#app button.cs2-profile-match.loser,
#app button.cs2-profile-match.loss {
  background:linear-gradient(90deg,
    rgba(214,91,104,.19),
    rgba(214,91,104,.045));
  border-color:rgba(214,91,104,.23);
}

/* Delikatnie mocniejszy kolor po najechaniu */
#app button.match.cs2-result-W:hover,
#app button.match.cs2-result-win:hover,
#app button.cs2-profile-match.winner:hover,
#app button.cs2-profile-match.win:hover {
  background:rgba(83,181,113,.25);
}

#app button.match.cs2-result-R:hover,
#app button.match.cs2-result-draw:hover,
#app button.cs2-profile-match.draw:hover,
#app button.cs2-profile-match.muted:hover {
  background:rgba(159,169,183,.22);
}

#app button.match.cs2-result-P:hover,
#app button.match.cs2-result-loss:hover,
#app button.cs2-profile-match.loser:hover,
#app button.cs2-profile-match.loss:hover {
  background:rgba(214,91,104,.25);
}


/* CS2_MAP_DRAW_GREY_V1 */

/* Remis w paskach W/R/P */
#app .mapstat-card .wdl-draw,
#app .mapstat-card .mapstat-wdl-draw {
  background:#a5afb9 !important;
}

/* Neutralny kolor procentu przy rownym bilansie */
#app .mapstat-card.mapstat-balance-draw .mapstat-head b {
  color:#b5bec7 !important;
}


/* CS2_SIDE_NUMBERS_COLORS_V1 */

/* CT - lodowy blekit */
#app .cs2-side-cards > .cs2-side-card:nth-child(1) strong {
  color:#83caff !important;
  text-shadow:0 0 12px rgba(95,183,255,.19);
}

/* CT - jasniejszy procent */
#app .cs2-side-cards > .cs2-side-card:nth-child(1)
.cs2-side-percent {
  color:#b0e1ff !important;
  text-shadow:0 0 11px rgba(110,199,255,.30);
}

/* T - cieply pomarancz */
#app .cs2-side-cards > .cs2-side-card:nth-child(2) strong {
  color:#ffbd79 !important;
  text-shadow:0 0 12px rgba(255,170,83,.19);
}

/* T - jasniejszy procent */
#app .cs2-side-cards > .cs2-side-card:nth-child(2)
.cs2-side-percent {
  color:#ffdbad !important;
  text-shadow:0 0 11px rgba(255,182,104,.30);
}


/* CS2_MATCH_ALTERNATING_GLOW_V1 */

/* Mecz 1, 3, 5... - ciemniejszy niebieski */
#app button.match:nth-of-type(odd) {
  border:1px solid rgba(91,166,225,.68) !important;
  background:
    linear-gradient(110deg,
      rgba(44,105,163,.20),
      rgba(32,54,76,.13) 80%) !important;
  box-shadow:
    inset 3px 0 0 rgba(110,189,245,.75),
    0 0 13px rgba(64,148,220,.15) !important;
}

/* Mecz 2, 4, 6... - jasniejszy czerwony */
#app button.match:nth-of-type(even) {
  border:1px solid rgba(236,128,143,.75) !important;
  background:
    linear-gradient(110deg,
      rgba(170,60,81,.23),
      rgba(74,37,49,.12) 80%) !important;
  box-shadow:
    inset 3px 0 0 rgba(245,147,157,.83),
    0 0 15px rgba(234,95,113,.18) !important;
}

/* Mocniejsza poswiata po najechaniu */
#app button.match:nth-of-type(odd):hover {
  border-color:#88caff !important;
  box-shadow:
    inset 3px 0 0 #a2d9ff,
    0 0 20px rgba(76,163,239,.28) !important;
}

#app button.match:nth-of-type(even):hover {
  border-color:#ffadb8 !important;
  box-shadow:
    inset 3px 0 0 #ffc0c7,
    0 0 20px rgba(239,106,128,.28) !important;
}


/* CS2_SCORELINE_TEAM_COLORS_V1 */

/* Wygrana ekipy */
#app .cs2-scoreline.winner > div:first-child strong,
#app .cs2-scoreline.win > div:first-child strong {
  color:#86e2aa !important;
  text-shadow:0 0 15px rgba(91,210,139,.30);
}

/* Przegrana rywali */
#app .cs2-scoreline.winner > div:last-child strong,
#app .cs2-scoreline.win > div:last-child strong {
  color:#f18e9b !important;
  text-shadow:0 0 12px rgba(231,90,112,.23);
}

/* Przegrana ekipy */
#app .cs2-scoreline.loser > div:first-child strong,
#app .cs2-scoreline.loss > div:first-child strong {
  color:#f18e9b !important;
  text-shadow:0 0 12px rgba(231,90,112,.23);
}

/* Wygrana rywali */
#app .cs2-scoreline.loser > div:last-child strong,
#app .cs2-scoreline.loss > div:last-child strong {
  color:#86e2aa !important;
  text-shadow:0 0 15px rgba(91,210,139,.30);
}

/* Remis - obie liczby szare */
#app .cs2-scoreline.draw > div strong,
#app .cs2-scoreline.muted > div strong {
  color:#b6bec8 !important;
  text-shadow:none !important;
}


/* CS2_MATCH_FRAMES_GLOW_V2 */

/* SZCZEGOLY MECZU: NIEBIESKA RAMKA CT */
#app .cs2-team-grid > :nth-child(odd) {
  border:1px solid #548ebc !important;
  border-radius:11px !important;
  background:
    linear-gradient(135deg,
      rgba(50,108,160,.20),
      rgba(25,41,60,.10) 75%),
    #1b222b !important;
  box-shadow:
    inset 3px 0 0 rgba(115,190,244,.68),
    0 0 18px rgba(70,150,220,.19) !important;
}

/* SZCZEGOLY MECZU: CZERWONA RAMKA T */
#app .cs2-team-grid > :nth-child(even) {
  border:1px solid #df8794 !important;
  border-radius:11px !important;
  background:
    linear-gradient(135deg,
      rgba(173,68,87,.24),
      rgba(65,30,43,.11) 75%),
    #241d25 !important;
  box-shadow:
    inset 3px 0 0 rgba(255,153,167,.80),
    0 0 19px rgba(230,93,115,.22) !important;
}

/* LISTA MECZOW: KOLEJNE NIEBIESKIE */
#app button.match:nth-of-type(odd) {
  border:1px solid #548ebc !important;
  background:
    linear-gradient(100deg,
      rgba(51,107,160,.20),
      rgba(32,52,73,.10)) !important;
  box-shadow:
    inset 3px 0 0 #65acdf,
    0 0 14px rgba(69,147,218,.20) !important;
}

/* LISTA MECZOW: KOLEJNE CZERWONE */
#app button.match:nth-of-type(even) {
  border:1px solid #df8794 !important;
  background:
    linear-gradient(100deg,
      rgba(171,65,83,.23),
      rgba(66,33,45,.10)) !important;
  box-shadow:
    inset 3px 0 0 #f19ba6,
    0 0 16px rgba(231,97,119,.23) !important;
}

/* EFEKT PO NAJECHANIU */
#app .cs2-team-grid > :nth-child(odd):hover,
#app button.match:nth-of-type(odd):hover {
  border-color:#9bd6ff !important;
  box-shadow:
    inset 3px 0 0 #9bd6ff,
    0 0 23px rgba(90,172,240,.34) !important;
}

#app .cs2-team-grid > :nth-child(even):hover,
#app button.match:nth-of-type(even):hover {
  border-color:#ffb1bf !important;
  box-shadow:
    inset 3px 0 0 #ffb1bf,
    0 0 23px rgba(245,115,136,.34) !important;
}


/* CS2_MATCH_START_END_STACK_V1 */

/* Daty jedna pod druga */
#app .cs2-score-meta {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:9px !important;
}

/* Start meczu - niebieski */
#app .cs2-score-meta > span:first-child {
  display:block !important;
  color:#83caff !important;
  font-weight:650;
  text-shadow:0 0 10px rgba(97,180,255,.22);
}

/* Koniec meczu - pomaranczowy */
#app .cs2-score-meta > span:nth-child(2) {
  display:block !important;
  color:#ffbd79 !important;
  font-weight:650;
  text-shadow:0 0 10px rgba(255,174,91,.22);
}


/* CS2_MATCH_DATES_ALIGNED_V2 */

#app .cs2-score-meta.cs2-dates-aligned {
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:start !important;
  align-items:start !important;
  gap:7px !important;
  width:max-content !important;
  max-width:100% !important;
}

#app .cs2-dates-aligned > span {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.6 !important;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

#app .cs2-dates-aligned > span:first-child {
  color:#83caff !important;
}

#app .cs2-dates-aligned > span:nth-child(2) {
  color:#ffbd79 !important;
}


/* CS2_MATCH_GOLD_DATE_BOX_V1 */

/* Zlota ramka z poswiata wokol dat meczu */
#app .cs2-score-meta {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:9px !important;

  width:fit-content !important;
  max-width:100% !important;
  padding:15px 20px !important;
  margin-top:15px !important;

  border:1px solid #b9944e !important;
  border-radius:11px !important;
  background:linear-gradient(
    135deg,
    rgba(165,121,48,.20),
    rgba(48,37,24,.55)
  ) !important;
  box-shadow:
    inset 3px 0 0 rgba(239,196,109,.8),
    0 0 18px rgba(225,174,74,.18) !important;
}

/* Rowne odstepy i zloty tekst */
#app .cs2-score-meta > span {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  color:#ffe0a1 !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.7 !important;
  font-variant-numeric:tabular-nums !important;
  text-shadow:0 0 9px rgba(255,203,103,.15);
}

/* Druga data lekko ciemniejsza */
#app .cs2-score-meta > span:nth-child(2) {
  color:#d9b56d !important;
}

/* Wyrownanie rowniez po poprzedniej poprawce */
#app .cs2-score-meta.cs2-dates-aligned {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  width:fit-content !important;
}

/* Telefon */
@media(max-width:600px) {
  #app .cs2-score-meta {
    padding:12px 14px !important;
  }
  #app .cs2-score-meta > span {
    font-size:11px !important;
    white-space:normal !important;
  }
}


/* CS2_MATCH_RESULT_COLORS_FIX_V1 */

/* WYGRANA - zielony wynik i napis */
button.match.cs2-result-W .score,
button.match.cs2-result-W .score small {
  color:#78e6a0 !important;
  -webkit-text-fill-color:#78e6a0 !important;
  text-shadow:0 0 12px rgba(70,220,125,.30) !important;
}

/* PORAZKA - czerwony wynik i napis */
button.match.cs2-result-P .score,
button.match.cs2-result-P .score small {
  color:#ff8595 !important;
  -webkit-text-fill-color:#ff8595 !important;
  text-shadow:0 0 10px rgba(235,80,105,.25) !important;
}

/* REMIS - szary wynik i napis */
button.match.cs2-result-R .score,
button.match.cs2-result-R .score small {
  color:#bdc5cf !important;
  -webkit-text-fill-color:#bdc5cf !important;
  text-shadow:none !important;
}


/* CS2_RESULT_COLORS_FINAL_V3 */

/* WYGRANA */
#app button.match.cs2-result-W .score,
#app button.match.cs2-result-W .score small {
  color:#75efa3 !important;
  -webkit-text-fill-color:#75efa3 !important;
  text-shadow:0 0 12px rgba(70,230,125,.35) !important;
}

/* PORAZKA */
#app button.match.cs2-result-P .score,
#app button.match.cs2-result-P .score small {
  color:#ff8595 !important;
  -webkit-text-fill-color:#ff8595 !important;
  text-shadow:0 0 10px rgba(235,80,105,.28) !important;
}

/* REMIS */
#app button.match.cs2-result-R .score,
#app button.match.cs2-result-R .score small {
  color:#bbc4cf !important;
  -webkit-text-fill-color:#bbc4cf !important;
  text-shadow:none !important;
}


/* CS2_MATCH_FRAMES_BY_RESULT_V1 */

/* WYGRANA - CALA RAMKA ZIELONA */
#app button.match.cs2-result-W,
#app button.match.cs2-result-W:hover {
  border:1px solid #40d18a !important;
  background:linear-gradient(110deg,
    rgba(35,123,77,.23),
    rgba(19,51,39,.17)) !important;
  box-shadow:
    inset 3px 0 0 #5bed9f,
    0 0 17px rgba(55,219,128,.24) !important;
}

/* PORAZKA - CALA RAMKA CZERWONA */
#app button.match.cs2-result-P,
#app button.match.cs2-result-P:hover {
  border:1px solid #e36b80 !important;
  background:linear-gradient(110deg,
    rgba(159,49,69,.24),
    rgba(69,29,42,.16)) !important;
  box-shadow:
    inset 3px 0 0 #ff8495,
    0 0 17px rgba(236,83,111,.23) !important;
}

/* REMIS - CALA RAMKA SZARA */
#app button.match.cs2-result-R,
#app button.match.cs2-result-R:hover {
  border:1px solid #8793a5 !important;
  background:linear-gradient(110deg,
    rgba(106,120,137,.17),
    rgba(38,47,59,.14)) !important;
  box-shadow:
    inset 3px 0 0 #a6b1bf,
    0 0 12px rgba(145,157,174,.13) !important;
}


/* CS2_TOP_DAMAGE_ALTERNATING_COPPER_V1 */

/* Wiersze nieparzyste - jasniejsza miedz */
#app .cs2-top-damage-panel .rank-row:nth-of-type(odd) {
  background:linear-gradient(90deg,
    rgba(184,112,70,.24),
    rgba(110,73,52,.11)) !important;
  border-left:3px solid rgba(244,163,109,.83) !important;
  box-shadow:inset 0 0 12px rgba(219,136,76,.08);
}

/* Wiersze parzyste - ciemniejsza miedz */
#app .cs2-top-damage-panel .rank-row:nth-of-type(even) {
  background:linear-gradient(90deg,
    rgba(115,75,54,.16),
    rgba(55,43,39,.09)) !important;
  border-left:3px solid rgba(162,106,74,.63) !important;
  box-shadow:inset 0 0 9px rgba(154,97,62,.04);
}

/* Delikatne podswietlenie po najechaniu */
#app .cs2-top-damage-panel .rank-row:hover {
  background:linear-gradient(90deg,
    rgba(215,139,80,.29),
    rgba(110,72,47,.15)) !important;
}


/* CS2_SCORE_TWO_BOXES_V1 */

/* Dwa osobne pola wyniku */
#app .cs2-scoreline > div {
  padding:12px 24px !important;
  border:1px solid rgba(150,160,170,.5) !important;
  border-radius:12px !important;
  background:rgba(35,42,50,.6) !important;
  min-width:110px !important;
  text-align:center !important;
}

/* Ekipa wygrywa */
#app .cs2-scoreline.winner > div:first-child,
#app .cs2-scoreline.win > div:first-child {
  border-color:#4fd58c !important;
  background:rgba(40,125,75,.16) !important;
  box-shadow:0 0 17px rgba(65,210,120,.22) !important;
}

/* Rywal przegrywa */
#app .cs2-scoreline.winner > div:last-child,
#app .cs2-scoreline.win > div:last-child {
  border-color:#e46e83 !important;
  background:rgba(150,49,67,.14) !important;
  box-shadow:0 0 15px rgba(230,90,115,.18) !important;
}

/* Ekipa przegrywa */
#app .cs2-scoreline.loser > div:first-child,
#app .cs2-scoreline.loss > div:first-child {
  border-color:#e46e83 !important;
  background:rgba(150,49,67,.14) !important;
  box-shadow:0 0 15px rgba(230,90,115,.18) !important;
}

/* Rywal wygrywa */
#app .cs2-scoreline.loser > div:last-child,
#app .cs2-scoreline.loss > div:last-child {
  border-color:#4fd58c !important;
  background:rgba(40,125,75,.16) !important;
  box-shadow:0 0 17px rgba(65,210,120,.22) !important;
}

/* Remis */
#app .cs2-scoreline.draw > div,
#app .cs2-scoreline.muted > div {
  border-color:#8793a5 !important;
  background:rgba(110,120,135,.14) !important;
  box-shadow:0 0 12px rgba(140,150,165,.12) !important;
}

@media(max-width:600px) {
  #app .cs2-scoreline > div {
    padding:10px 14px !important;
    min-width:85px !important;
  }
}


/* CS2_NEON_MATCH_TIME_V1 */
#app .cs2-score-meta.cs2-neon-time {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:11px !important;
  width:fit-content !important;
  min-width:265px !important;
  max-width:100% !important;
  padding:15px 18px !important;
  margin-top:15px !important;
  border:1px solid #8170db !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#222137,#162631) !important;
  box-shadow:0 0 20px rgba(125,103,220,.24) !important;
}
#app .cs2-neon-time-title {
  color:#c2a2ff !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(173,145,245,.24);
}
#app .cs2-neon-time-row {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
  text-align:left !important;
}
#app .cs2-neon-time-icon {
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  flex-shrink:0 !important;
  border-radius:8px !important;
  background:rgba(120,120,200,.13) !important;
}
#app .cs2-neon-time-row > span:last-child {
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
#app .cs2-neon-time-row small {
  font-size:10px !important;
  letter-spacing:.7px !important;
}
#app .cs2-neon-time-row strong,
#app .cs2-neon-end-value,
#app .cs2-neon-end-value > span {
  font-size:13px !important;
  font-weight:700 !important;
  font-variant-numeric:tabular-nums !important;
}
#app .cs2-neon-time-row.start,
#app .cs2-neon-time-row.start * {
  color:#9af1f5 !important;
}
#app .cs2-neon-time-row.end,
#app .cs2-neon-time-row.end * {
  color:#e0b8ff !important;
}

/* CS2_NEON_TIME_CLEAN_V2 */

/* Nowa paleta panelu czasu */
#app .cs2-score-meta.cs2-neon-time {
  border-color:#a78960 !important;
  background:linear-gradient(135deg,#25251f,#192c2b) !important;
  box-shadow:0 0 19px rgba(209,160,84,.17) !important;
}

#app .cs2-neon-time-title {
  color:#e6c18b !important;
}

#app .cs2-neon-time-row.start,
#app .cs2-neon-time-row.start * {
  color:#a5f6d0 !important;
}

#app .cs2-neon-time-row.end,
#app .cs2-neon-time-row.end * {
  color:#ffdbac !important;
}


/* CS2_ICE_VIOLET_TIME_V1 */

/* Panel - granatowo-fioletowy */
#app .cs2-score-meta.cs2-neon-time {
  border:1px solid #6866c9 !important;
  background:linear-gradient(135deg,#222342,#17283e) !important;
  box-shadow:
    inset 3px 0 0 rgba(166,159,255,.55),
    0 0 19px rgba(122,111,240,.22) !important;
}

/* Naglowek */
#app .cs2-neon-time-title {
  color:#c5c5ff !important;
  border-bottom-color:rgba(161,158,255,.25) !important;
}

/* Start - lodowy blekit */
#app .cs2-neon-time-row.start,
#app .cs2-neon-time-row.start * {
  color:#a9eaff !important;
  text-shadow:0 0 9px rgba(106,202,255,.20);
}

/* Koniec - pastelowy fiolet */
#app .cs2-neon-time-row.end,
#app .cs2-neon-time-row.end * {
  color:#dfc8ff !important;
  text-shadow:0 0 9px rgba(179,133,255,.20);
}

/* Ikony */
#app .cs2-neon-time-row.start .cs2-neon-time-icon {
  background:rgba(69,164,220,.15) !important;
  border:1px solid rgba(116,202,255,.30) !important;
}

#app .cs2-neon-time-row.end .cs2-neon-time-icon {
  background:rgba(155,105,220,.15) !important;
  border:1px solid rgba(190,151,255,.30) !important;
}


/* CS2_HONORS_EXTRA_AND_TEAM_ICONS_V1 */

/* Ikony CT / TT */
#app .cs2-team-grid .cs2-team-label {
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

#app .cs2-team-symbol {
  display:inline-grid;
  place-items:center;
  font-size:21px;
  line-height:1;
}

#app .team-head.ct .cs2-team-symbol {
  filter:drop-shadow(0 0 7px rgba(100,192,255,.55));
}

#app .team-head.tt .cs2-team-symbol {
  filter:drop-shadow(0 0 7px rgba(255,172,100,.48));
}

/* Trzy dodatkowe wyroznienia */
#app .cs2-extra-honor {
  background:linear-gradient(100deg,
    rgba(102,91,178,.14),
    rgba(45,57,83,.09)) !important;
  border-left:3px solid rgba(153,138,239,.65) !important;
}

#app .cs2-extra-honor:nth-child(even) {
  background:linear-gradient(100deg,
    rgba(55,126,180,.12),
    rgba(39,49,76,.08)) !important;
  border-left-color:rgba(111,184,245,.65) !important;
}

#app .cs2-extra-icon {
  display:inline-block;
  margin-right:5px;
  font-size:16px;
}

#app .cs2-extra-honor .cs2-honor-value {
  color:#c7b7ff !important;
  text-shadow:0 0 10px rgba(161,130,255,.20);
}


/* CS2_REAL_FACTION_ICONS_V1 */

#app .cs2-team-grid .cs2-team-label {
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

#app .cs2-team-grid img.cs2-team-symbol {
  display:inline-block !important;
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  flex-shrink:0 !important;
}

#app .team-head.ct img.cs2-team-symbol {
  filter:drop-shadow(0 0 7px rgba(99,191,255,.55));
}

#app .team-head.tt img.cs2-team-symbol {
  filter:drop-shadow(0 0 7px rgba(255,164,92,.50));
}

/* Wylacz stare emoji z pseudoelementow */
#app .cs2-team-grid .ct h3::before,
#app .cs2-team-grid .tt h3::before {
  content:none !important;
  display:none !important;
}

/* CS2_HONORS_SIX_COLORS_V1 */

#app .cs2-match-honors .cs2-honor-row:nth-child(1) {
  background:linear-gradient(100deg,
    rgba(255,173,131,.16),
    rgba(255,173,131,.035) 85%) !important;
  border-left:3px solid #ffad83 !important;
  box-shadow:inset 0 0 14px rgba(255,173,131,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(1) .cs2-honor-value {
  color:#ffad83 !important;
  -webkit-text-fill-color:#ffad83 !important;
  text-shadow:0 0 12px rgba(255,173,131,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row:nth-child(2) {
  background:linear-gradient(100deg,
    rgba(138,214,205,.16),
    rgba(138,214,205,.035) 85%) !important;
  border-left:3px solid #8ad6cd !important;
  box-shadow:inset 0 0 14px rgba(138,214,205,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(2) .cs2-honor-value {
  color:#8ad6cd !important;
  -webkit-text-fill-color:#8ad6cd !important;
  text-shadow:0 0 12px rgba(138,214,205,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row:nth-child(3) {
  background:linear-gradient(100deg,
    rgba(148,187,255,.16),
    rgba(148,187,255,.035) 85%) !important;
  border-left:3px solid #94bbff !important;
  box-shadow:inset 0 0 14px rgba(148,187,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(3) .cs2-honor-value {
  color:#94bbff !important;
  -webkit-text-fill-color:#94bbff !important;
  text-shadow:0 0 12px rgba(148,187,255,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row:nth-child(4) {
  background:linear-gradient(100deg,
    rgba(199,168,255,.16),
    rgba(199,168,255,.035) 85%) !important;
  border-left:3px solid #c7a8ff !important;
  box-shadow:inset 0 0 14px rgba(199,168,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(4) .cs2-honor-value {
  color:#c7a8ff !important;
  -webkit-text-fill-color:#c7a8ff !important;
  text-shadow:0 0 12px rgba(199,168,255,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row:nth-child(5) {
  background:linear-gradient(100deg,
    rgba(125,201,255,.16),
    rgba(125,201,255,.035) 85%) !important;
  border-left:3px solid #7dc9ff !important;
  box-shadow:inset 0 0 14px rgba(125,201,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(5) .cs2-honor-value {
  color:#7dc9ff !important;
  -webkit-text-fill-color:#7dc9ff !important;
  text-shadow:0 0 12px rgba(125,201,255,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row:nth-child(6) {
  background:linear-gradient(100deg,
    rgba(223,182,244,.16),
    rgba(223,182,244,.035) 85%) !important;
  border-left:3px solid #dfb6f4 !important;
  box-shadow:inset 0 0 14px rgba(223,182,244,.035) !important;
}
#app .cs2-match-honors .cs2-honor-row:nth-child(6) .cs2-honor-value {
  color:#dfb6f4 !important;
  -webkit-text-fill-color:#dfb6f4 !important;
  text-shadow:0 0 12px rgba(223,182,244,.25) !important;
}

#app .cs2-match-honors .cs2-honor-row {
  padding-left:12px !important;
  border-radius:7px !important;
  transition:filter .2s ease, box-shadow .2s ease;
}

#app .cs2-match-honors .cs2-honor-row:hover {
  filter:brightness(1.17);
}


/* CS2_HONOR_TACTICAL_SVG_V1 */
#app .cs2-extra-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  vertical-align:middle !important;
  margin-right:7px !important;
  color:#b9a6ff !important;
}

#app .cs2-extra-icon svg {
  display:block !important;
  width:21px !important;
  height:21px !important;
  filter:drop-shadow(0 0 5px rgba(155,140,255,.40));
}

#app .cs2-extra-honor:nth-child(even) .cs2-extra-icon {
  color:#83cfff !important;
}


/* CS2_HONORS_PREMIUM_V2 */

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row {
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:5px 0 !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  border-top:1px solid rgba(145,166,200,.13) !important;
  border-right:1px solid rgba(145,166,200,.13) !important;
  border-bottom:1px solid rgba(145,166,200,.13) !important;
  transition:filter .2s ease !important;
}

#app .cs2-match-honors .cs2-honor-row:hover {
  filter:brightness(1.13);
}

#app .cs2-match-honors .cs2-honor-row h3 {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

#app .cs2-match-honors .cs2-award-icon {
  display:inline-grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  flex-shrink:0 !important;
  margin:0 !important;
  border-radius:7px !important;
  background:rgba(115,144,205,.12) !important;
}

#app .cs2-match-honors .cs2-award-icon svg {
  display:block !important;
  width:19px !important;
  height:19px !important;
}

#app .cs2-match-honors .cs2-honor-row .cs2-honor-value {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:54px !important;
  min-height:43px !important;
  padding:7px 12px !important;
  margin-left:auto !important;
  border-radius:9px !important;
  border:1px solid rgba(150,170,220,.35) !important;
  background:rgba(17,24,38,.72) !important;
  font-size:20px !important;
  font-weight:800 !important;
  font-variant-numeric:tabular-nums !important;
  line-height:1.2 !important;
}

#app .cs2-match-honors .cs2-honor-row .cs2-honor-avatar {
  flex-shrink:0 !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(1) {
  background:linear-gradient(105deg,
    rgba(134,203,255,.16),
    rgba(134,203,255,.045) 90%) !important;
  border-left:3px solid #86cbff !important;
  box-shadow:inset 0 0 17px rgba(134,203,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(1) .cs2-award-icon {
  color:#86cbff !important;
  border:1px solid rgba(134,203,255,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(1) .cs2-honor-value {
  color:#86cbff !important;
  -webkit-text-fill-color:#86cbff !important;
  border-color:rgba(134,203,255,.55) !important;
  box-shadow:0 0 13px rgba(134,203,255,.14) !important;
  text-shadow:0 0 10px rgba(134,203,255,.24) !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(2) {
  background:linear-gradient(105deg,
    rgba(182,156,255,.16),
    rgba(182,156,255,.045) 90%) !important;
  border-left:3px solid #b69cff !important;
  box-shadow:inset 0 0 17px rgba(182,156,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(2) .cs2-award-icon {
  color:#b69cff !important;
  border:1px solid rgba(182,156,255,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(2) .cs2-honor-value {
  color:#b69cff !important;
  -webkit-text-fill-color:#b69cff !important;
  border-color:rgba(182,156,255,.55) !important;
  box-shadow:0 0 13px rgba(182,156,255,.14) !important;
  text-shadow:0 0 10px rgba(182,156,255,.24) !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(3) {
  background:linear-gradient(105deg,
    rgba(128,217,223,.16),
    rgba(128,217,223,.045) 90%) !important;
  border-left:3px solid #80d9df !important;
  box-shadow:inset 0 0 17px rgba(128,217,223,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(3) .cs2-award-icon {
  color:#80d9df !important;
  border:1px solid rgba(128,217,223,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(3) .cs2-honor-value {
  color:#80d9df !important;
  -webkit-text-fill-color:#80d9df !important;
  border-color:rgba(128,217,223,.55) !important;
  box-shadow:0 0 13px rgba(128,217,223,.14) !important;
  text-shadow:0 0 10px rgba(128,217,223,.24) !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(4) {
  background:linear-gradient(105deg,
    rgba(144,184,255,.16),
    rgba(144,184,255,.045) 90%) !important;
  border-left:3px solid #90b8ff !important;
  box-shadow:inset 0 0 17px rgba(144,184,255,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(4) .cs2-award-icon {
  color:#90b8ff !important;
  border:1px solid rgba(144,184,255,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(4) .cs2-honor-value {
  color:#90b8ff !important;
  -webkit-text-fill-color:#90b8ff !important;
  border-color:rgba(144,184,255,.55) !important;
  box-shadow:0 0 13px rgba(144,184,255,.14) !important;
  text-shadow:0 0 10px rgba(144,184,255,.24) !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(5) {
  background:linear-gradient(105deg,
    rgba(198,163,250,.16),
    rgba(198,163,250,.045) 90%) !important;
  border-left:3px solid #c6a3fa !important;
  box-shadow:inset 0 0 17px rgba(198,163,250,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(5) .cs2-award-icon {
  color:#c6a3fa !important;
  border:1px solid rgba(198,163,250,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(5) .cs2-honor-value {
  color:#c6a3fa !important;
  -webkit-text-fill-color:#c6a3fa !important;
  border-color:rgba(198,163,250,.55) !important;
  box-shadow:0 0 13px rgba(198,163,250,.14) !important;
  text-shadow:0 0 10px rgba(198,163,250,.24) !important;
}

#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(6) {
  background:linear-gradient(105deg,
    rgba(146,209,235,.16),
    rgba(146,209,235,.045) 90%) !important;
  border-left:3px solid #92d1eb !important;
  box-shadow:inset 0 0 17px rgba(146,209,235,.035) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(6) .cs2-award-icon {
  color:#92d1eb !important;
  border:1px solid rgba(146,209,235,.25) !important;
}
#app .cs2-match-honors .cs2-honor-list > .cs2-honor-row:nth-child(6) .cs2-honor-value {
  color:#92d1eb !important;
  -webkit-text-fill-color:#92d1eb !important;
  border-color:rgba(146,209,235,.55) !important;
  box-shadow:0 0 13px rgba(146,209,235,.14) !important;
  text-shadow:0 0 10px rgba(146,209,235,.24) !important;
}


/* CS2_MATCH_PREMIUM_DESIGN_V1 */

/* Glowny panel meczu */
#app .cs2-scoreboard {
  border:1px solid rgba(111,139,206,.42) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:
    0 15px 35px rgba(0,0,0,.17),
    0 0 24px rgba(91,120,211,.11) !important;
}

#app .cs2-scoreboard-content h1 {
  text-shadow:0 2px 18px rgba(125,175,250,.22);
}

/* Pola wyniku */
#app .cs2-scoreline > div {
  border-radius:14px !important;
  padding:14px 24px !important;
  backdrop-filter:blur(4px);
  transition:box-shadow .2s ease,transform .2s ease;
}

#app .cs2-scoreline > div:hover {
  transform:translateY(-2px);
}

#app .cs2-scoreline > div strong {
  font-variant-numeric:tabular-nums;
  letter-spacing:.5px;
}

/* Tabele druzyn */
#app .cs2-team-grid > .panel {
  overflow:hidden !important;
  border-radius:14px !important;
  transition:box-shadow .2s ease;
}

#app .cs2-team-grid .team-head {
  padding:15px 17px !important;
  letter-spacing:.15px;
}

#app .cs2-team-grid .team-head.ct {
  background:linear-gradient(100deg,
    rgba(41,103,164,.27),
    rgba(25,44,70,.10)) !important;
}

#app .cs2-team-grid .team-head.tt {
  background:linear-gradient(100deg,
    rgba(174,105,52,.24),
    rgba(66,48,32,.10)) !important;
}

#app .cs2-team-grid table {
  font-variant-numeric:tabular-nums;
}

#app .cs2-team-grid thead th {
  color:#aebed3 !important;
  font-size:11px !important;
  letter-spacing:.7px;
  text-transform:uppercase;
}

/* Delikatne naprzemienne tlo graczy */
#app .cs2-team-grid tbody tr:nth-child(odd) {
  background:rgba(111,144,193,.055) !important;
}

#app .cs2-team-grid tbody tr:nth-child(even) {
  background:rgba(14,23,36,.12) !important;
}

#app .cs2-team-grid tbody tr:hover {
  background:rgba(110,149,214,.16) !important;
}

/* Kolumny statystyk */
#app .cs2-team-grid tbody td:nth-child(2) {
  color:#92d6f5 !important;
  font-weight:700;
}

#app .cs2-team-grid tbody td:nth-child(3) {
  color:#b7a5ef !important;
}

#app .cs2-team-grid tbody td:nth-child(4) {
  color:#c6adca !important;
}

#app .cs2-team-grid tbody td:nth-child(5) strong {
  color:#ded0fb !important;
  text-shadow:0 0 9px rgba(174,147,242,.15);
}

/* Nicki swoich graczy */
#app .cs2-team-grid .crew-name .row-button {
  color:#dbccff !important;
  font-weight:750 !important;
  text-shadow:0 0 10px rgba(156,122,236,.22);
}

/* Panel wyroznien */
#app .cs2-match-honors {
  border:1px solid rgba(142,132,220,.35) !important;
  border-radius:16px !important;
  box-shadow:
    0 0 25px rgba(105,97,195,.10) !important;
}

#app .cs2-honors-heading {
  padding-bottom:12px !important;
}

#app .cs2-honor-list > .cs2-honor-row {
  transition:filter .2s ease,transform .2s ease;
}

#app .cs2-honor-list > .cs2-honor-row:hover {
  filter:brightness(1.13);
  transform:translateX(2px);
}

/* MVP - osobna elegancka oprawa */
#app .cs2-match-mvp {
  border:1px solid rgba(155,142,231,.45) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,
    rgba(75,62,129,.21),
    rgba(27,37,60,.38)) !important;
  box-shadow:
    inset 0 0 22px rgba(129,111,216,.07),
    0 0 20px rgba(120,96,203,.13) !important;
}

#app .cs2-match-mvp h3 {
  color:#d1c1ff !important;
  letter-spacing:.5px;
}

/* Telefony */
@media(max-width:600px) {
  #app .cs2-scoreline > div {
    padding:10px 14px !important;
  }
  #app .cs2-team-grid .team-head {
    padding:12px !important;
  }
  #app .cs2-honor-list > .cs2-honor-row:hover {
    transform:none;
  }
}


/* CS2_DETAIL_VISIBLE_UPGRADE_V2 */

/* Panele CT i T */
#app .cs2-team-grid > section.panel {
  border-radius:16px !important;
  overflow:hidden !important;
  background:#19212d !important;
}

/* CT - niebieski panel */
#app .cs2-team-grid > section.panel:nth-child(1) {
  border:2px solid #619ddd !important;
  box-shadow:
    0 0 25px rgba(66,143,225,.23),
    inset 0 0 20px rgba(52,113,181,.07) !important;
}

/* T - pomaranczowy panel */
#app .cs2-team-grid > section.panel:nth-child(2) {
  border:2px solid #db9865 !important;
  box-shadow:
    0 0 25px rgba(219,135,73,.20),
    inset 0 0 20px rgba(176,95,54,.06) !important;
}

/* Wyrazniejsze naglowki */
#app .cs2-team-grid .team-head {
  min-height:65px !important;
  display:flex !important;
  align-items:center !important;
  padding:15px 20px !important;
  font-size:17px !important;
  font-weight:800 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

#app .cs2-team-grid .team-head.ct {
  color:#b8e3ff !important;
  background:linear-gradient(
    90deg,#284f79,#1b324b
  ) !important;
}

#app .cs2-team-grid .team-head.tt {
  color:#ffdbb2 !important;
  background:linear-gradient(
    90deg,#70462e,#3b302c
  ) !important;
}

/* CT - wyrazniejsze naprzemienne wiersze */
#app .cs2-team-grid > section:nth-child(1)
tbody tr:nth-child(odd) {
  background:rgba(65,139,212,.15) !important;
}

#app .cs2-team-grid > section:nth-child(1)
tbody tr:nth-child(even) {
  background:rgba(50,103,160,.065) !important;
}

/* T - cieplejsze naprzemienne wiersze */
#app .cs2-team-grid > section:nth-child(2)
tbody tr:nth-child(odd) {
  background:rgba(185,115,67,.14) !important;
}

#app .cs2-team-grid > section:nth-child(2)
tbody tr:nth-child(even) {
  background:rgba(130,81,54,.06) !important;
}

/* Gracze ekipy - fioletowy wiersz */
#app .cs2-team-grid tbody tr:has(.crew-name) {
  background:linear-gradient(
    90deg,
    rgba(126,100,211,.30),
    rgba(77,65,145,.10)
  ) !important;
  box-shadow:
    inset 4px 0 0 #b7a0ff !important;
}

/* Podswietlenie po najechaniu */
#app .cs2-team-grid tbody tr:hover {
  filter:brightness(1.25) !important;
}

/* Nicki ekipy */
#app .cs2-team-grid .crew-name .row-button {
  color:#e0d3ff !important;
  font-weight:800 !important;
}

/* Zabojstwa - lodowy blekit */
#app .cs2-team-grid tbody td:nth-child(2) {
  color:#80d9ff !important;
  font-weight:800 !important;
}

/* Asysty - fiolet */
#app .cs2-team-grid tbody td:nth-child(3) {
  color:#c5aaff !important;
  font-weight:700 !important;
}

/* Zgony - roz */
#app .cs2-team-grid tbody td:nth-child(4) {
  color:#e6a0bd !important;
  font-weight:700 !important;
}

/* Obrazenia - jasny blekit */
#app .cs2-team-grid tbody td:nth-child(5) strong {
  color:#b4ecff !important;
  font-weight:850 !important;
  text-shadow:0 0 9px rgba(105,200,255,.25) !important;
}

/* Oddzielenie naglowkow kolumn */
#app .cs2-team-grid thead {
  background:rgba(7,13,22,.45) !important;
}

#app .cs2-team-grid thead th {
  color:#c1ccdc !important;
  font-weight:750 !important;
}

/* Delikatne linie miedzy graczami */
#app .cs2-team-grid tbody td {
  border-top:1px solid rgba(170,190,220,.10) !important;
}

@media(max-width:600px) {
  #app .cs2-team-grid .team-head {
    font-size:14px !important;
    padding:12px !important;
  }
}


/* CS2_MVP_GOLD_FINAL_V1 */

#app .cs2-match-honors .cs2-match-mvp {
  border:2px solid #dcb45f !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,
    #302718,#1e2026 75%) !important;
  box-shadow:
    inset 0 0 25px rgba(236,188,88,.09),
    0 0 25px rgba(232,178,69,.23) !important;
}

#app .cs2-match-honors .cs2-match-mvp h3 {
  color:#ffd77c !important;
  text-shadow:0 0 14px rgba(255,202,95,.35) !important;
}

#app .cs2-match-honors .cs2-mvp-player strong {
  color:#ffe0a0 !important;
  text-shadow:0 0 11px rgba(255,195,85,.24) !important;
}

#app .cs2-match-honors .cs2-match-mvp small {
  color:#d9bf8c !important;
}

#app .cs2-match-honors .cs2-mvp-avatar {
  border:2px solid rgba(244,192,91,.68) !important;
  box-shadow:0 0 20px rgba(235,181,70,.22) !important;
}


/* CS2_TIME_COSMIC_V2 */

/* Kosmiczna ramka */
#app .cs2-score-meta.cs2-neon-time {
  border:1.5px solid #8381f0 !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,
    #24254b 0%,
    #182c49 55%,
    #251c42 100%) !important;
  box-shadow:
    inset 3px 0 0 rgba(155,151,255,.65),
    0 0 24px rgba(112,105,244,.27),
    0 8px 20px rgba(0,0,0,.18) !important;
}

/* Tytul */
#app .cs2-neon-time-title {
  color:#d5caff !important;
  border-bottom-color:rgba(180,165,255,.28) !important;
  text-shadow:0 0 12px rgba(171,150,255,.24) !important;
}

/* START - blekit */
#app .cs2-neon-time-row.start,
#app .cs2-neon-time-row.start * {
  color:#bcecff !important;
  text-shadow:0 0 10px rgba(100,209,255,.22) !important;
}

/* KONIEC - fiolet */
#app .cs2-neon-time-row.end,
#app .cs2-neon-time-row.end * {
  color:#e5ccff !important;
  text-shadow:0 0 10px rgba(187,137,255,.24) !important;
}

/* Ikona startu */
#app .cs2-neon-time-row.start .cs2-neon-time-icon {
  background:#203d60 !important;
  border:1px solid #518db9 !important;
  border-radius:9px !important;
  box-shadow:0 0 12px rgba(90,185,255,.15) !important;
}

/* Ikona konca */
#app .cs2-neon-time-row.end .cs2-neon-time-icon {
  background:#392b59 !important;
  border:1px solid #8c70c7 !important;
  border-radius:9px !important;
  box-shadow:0 0 12px rgba(174,123,255,.17) !important;
}


/* CS2_CREW_NICKS_ICE_WHITE_V1 */

/* Nicki graczy ekipy - jasny lodowy kolor */
#app .cs2-team-grid tbody td.crew-name,
#app .cs2-team-grid tbody td.crew-name .row-button {
  color:#edfbff !important;
  -webkit-text-fill-color:#edfbff !important;
  font-weight:850 !important;
  text-shadow:
    0 0 8px rgba(110,215,255,.42),
    0 0 17px rgba(95,170,255,.20) !important;
}

/* Gwiazdka ekipy */
#app .cs2-team-grid tbody td.crew-name {
  letter-spacing:.15px;
}

/* Podswietlenie po najechaniu */
#app .cs2-team-grid tbody tr:hover td.crew-name .row-button {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 0 13px rgba(135,227,255,.65) !important;
}


/* CS2_FACTION_NICKS_GOLD_STARS_V1 */

/* CT - jasny niebieski, takze nasi */
#app .cs2-team-grid > section:nth-child(1)
tbody td:first-child,
#app .cs2-team-grid > section:nth-child(1)
tbody td:first-child .row-button {
  color:#a9ddff !important;
  -webkit-text-fill-color:#a9ddff !important;
  text-shadow:0 0 9px rgba(90,180,255,.25) !important;
}

/* TT - cieply pomarancz, takze nasi */
#app .cs2-team-grid > section:nth-child(2)
tbody td:first-child,
#app .cs2-team-grid > section:nth-child(2)
tbody td:first-child .row-button {
  color:#ffd0a0 !important;
  -webkit-text-fill-color:#ffd0a0 !important;
  text-shadow:0 0 9px rgba(255,165,87,.24) !important;
}

/* Nasi gracze sa pogrubieni */
#app .cs2-team-grid tbody td.crew-name .row-button {
  font-weight:850 !important;
}

/* Zlota gwiazdka kazdego gracza */
#app .cs2-team-grid tbody td:first-child
span.cs2-player-star {
  display:inline-block !important;
  margin-left:5px !important;
  color:#ffd36c !important;
  -webkit-text-fill-color:#ffd36c !important;
  font-size:15px !important;
  line-height:1 !important;
  text-shadow:
    0 0 7px rgba(255,199,80,.52),
    0 0 14px rgba(255,183,57,.20) !important;
}


/* CS2_CREW_ONLY_STARS_HEADER_COLORS_V2 */

/* Naglowki kolumn */
#app .cs2-team-grid thead th {
  background:#243044 !important;
  border-bottom:1px solid rgba(140,166,205,.36) !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.5px !important;
  text-shadow:0 0 8px rgba(145,165,230,.18);
}

#app .cs2-team-grid thead th:nth-child(1) {
  color:#e1e9f5 !important;
}
#app .cs2-team-grid thead th:nth-child(2) {
  color:#7ed8ff !important;
}
#app .cs2-team-grid thead th:nth-child(3) {
  color:#c1a5ff !important;
}
#app .cs2-team-grid thead th:nth-child(4) {
  color:#ef9dbb !important;
}
#app .cs2-team-grid thead th:nth-child(5) {
  color:#91e0e7 !important;
}

/* Zlota gwiazdka tylko przy naszych */
#app .cs2-team-grid td.crew-name .cs2-player-star {
  color:#ffd36c !important;
  -webkit-text-fill-color:#ffd36c !important;
  text-shadow:0 0 9px rgba(255,199,80,.55) !important;
}




/* CS2_KAD_DMG_WARM_PALETTE_V1 */

#app .cs2-team-grid table thead th:nth-child(2),
#app .cs2-team-grid table tbody td:nth-child(2),
#app .cs2-team-grid table tbody td:nth-child(2) strong {
  color:#76e5a0 !important;
  -webkit-text-fill-color:#76e5a0 !important;
  text-shadow:0 0 10px rgba(91,211,132,.22) !important;
}

#app .cs2-team-grid table thead th:nth-child(3),
#app .cs2-team-grid table tbody td:nth-child(3),
#app .cs2-team-grid table tbody td:nth-child(3) strong {
  color:#ffc47e !important;
  -webkit-text-fill-color:#ffc47e !important;
  text-shadow:0 0 10px rgba(245,172,85,.22) !important;
}

#app .cs2-team-grid table thead th:nth-child(4),
#app .cs2-team-grid table tbody td:nth-child(4),
#app .cs2-team-grid table tbody td:nth-child(4) strong {
  color:#ff8b93 !important;
  -webkit-text-fill-color:#ff8b93 !important;
  text-shadow:0 0 10px rgba(241,100,115,.22) !important;
}

#app .cs2-team-grid table thead th:nth-child(5),
#app .cs2-team-grid table tbody td:nth-child(5),
#app .cs2-team-grid table tbody td:nth-child(5) strong {
  color:#f3e5c8 !important;
  -webkit-text-fill-color:#f3e5c8 !important;
  text-shadow:0 0 10px rgba(232,211,169,.18) !important;
}


/* CS2_MVP_GLOW_V1 */

#app .cs2-match-mvp{
  position:relative;
  border:1px solid rgba(223,184,94,.42) !important;
  border-top-color:rgba(255,223,138,.72) !important;
  background:
    radial-gradient(circle at top center, rgba(255,222,133,.16), transparent 58%),
    linear-gradient(145deg, #2a2419, #1b2026 74%) !important;
  box-shadow:
    0 0 0 1px rgba(255,223,138,.08),
    0 0 24px rgba(233,191,88,.18),
    0 0 42px rgba(233,191,88,.10),
    inset 0 1px 0 rgba(255,236,179,.10) !important;
  overflow:hidden;
}

#app .cs2-match-mvp::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,235,179,.10), transparent 32%, transparent 68%, rgba(255,210,120,.08));
  opacity:.95;
}

#app .cs2-match-mvp h3{
  color:#f2d28a !important;
  text-shadow:0 0 14px rgba(242,210,138,.18);
}

#app .cs2-match-mvp .cs2-mvp-avatar,
#app .cs2-match-mvp [data-avatar],
#app .cs2-match-mvp img{
  box-shadow:
    0 0 0 3px rgba(255,219,120,.12),
    0 0 18px rgba(242,204,108,.22),
    0 0 34px rgba(242,204,108,.14) !important;
  border-radius:50%;
}

#app .cs2-match-mvp .cs2-mvp-player strong{
  color:#ffe2a0 !important;
  text-shadow:0 0 12px rgba(255,217,128,.16);
}

#app .cs2-match-mvp small{
  display:inline-block;
  margin-top:8px;
  padding:7px 10px;
  border-radius:10px;
  border:1px solid rgba(222,184,94,.24);
  background:rgba(255,223,138,.06);
  color:#d9c39a !important;
}


/* CS2_TT_ORANGE_HEADER_V1 */

/* Pomaranczowy naglowek tylko TT */
#app .cs2-team-grid .team-head.tt + .table-scroll thead th {
  background:linear-gradient(
    180deg,#493023,#342720
  ) !important;
  color:#ffc38f !important;
  -webkit-text-fill-color:#ffc38f !important;
  border-bottom:1px solid rgba(242,179,122,.4) !important;
  text-shadow:0 0 8px rgba(255,166,91,.18) !important;
}

#app .cs2-team-grid .team-head.tt + .table-scroll thead th:first-child {
  color:#ffe0bf !important;
  -webkit-text-fill-color:#ffe0bf !important;
}


/* CS2_TIME_MAP_COLORS_V1 */

/* Domyslny styl dla innych map */
#app .cs2-neon-time[data-cs2-map] {
  --map-accent:#a7bacd;
  --map-bg1:#344050;
  --map-bg2:#242c38;

  border:1.5px solid var(--map-accent) !important;
  border-radius:15px !important;
  background:linear-gradient(
    135deg,var(--map-bg1),var(--map-bg2)
  ) !important;
  box-shadow:
    inset 3px 0 0 var(--map-accent),
    0 0 22px color-mix(in srgb,
      var(--map-accent) 27%,transparent) !important;
}

#app .cs2-neon-time[data-cs2-map] .cs2-neon-time-title,
#app .cs2-neon-time[data-cs2-map] .cs2-neon-time-row,
#app .cs2-neon-time[data-cs2-map] .cs2-neon-time-row * {
  color:var(--map-accent) !important;
  text-shadow:none !important;
}

#app .cs2-neon-time[data-cs2-map] .cs2-neon-time-title {
  border-bottom-color:color-mix(in srgb,
    var(--map-accent) 35%,transparent) !important;
}

#app .cs2-neon-time[data-cs2-map] .cs2-neon-time-icon {
  color:var(--map-accent) !important;
  background:color-mix(in srgb,
    var(--map-accent) 12%,transparent) !important;
  border:1px solid color-mix(in srgb,
    var(--map-accent) 40%,transparent) !important;
  box-shadow:none !important;
}

#app .cs2-neon-time[data-cs2-map="de_mirage"] {
  --map-accent:#c5a17a;
  --map-bg1:#49392e;
  --map-bg2:#29251f;
}

#app .cs2-neon-time[data-cs2-map="de_dust2"] {
  --map-accent:#d2b78a;
  --map-bg1:#44392b;
  --map-bg2:#29261f;
}

#app .cs2-neon-time[data-cs2-map="de_inferno"] {
  --map-accent:#cd9974;
  --map-bg1:#4a3029;
  --map-bg2:#2b2423;
}

#app .cs2-neon-time[data-cs2-map="de_overpass"] {
  --map-accent:#7bb9a8;
  --map-bg1:#254340;
  --map-bg2:#1b2b30;
}

#app .cs2-neon-time[data-cs2-map="de_nuke"] {
  --map-accent:#93afc5;
  --map-bg1:#334557;
  --map-bg2:#202a38;
}

#app .cs2-neon-time[data-cs2-map="de_anubis"] {
  --map-accent:#80c4c5;
  --map-bg1:#2c4c51;
  --map-bg2:#26313a;
}

#app .cs2-neon-time[data-cs2-map="de_ancient"] {
  --map-accent:#a1b991;
  --map-bg1:#344536;
  --map-bg2:#252e28;
}

#app .cs2-neon-time[data-cs2-map="de_vertigo"] {
  --map-accent:#9eafc1;
  --map-bg1:#34404e;
  --map-bg2:#242b35;
}

#app .cs2-neon-time[data-cs2-map="de_train"] {
  --map-accent:#b6a5ad;
  --map-bg1:#423a43;
  --map-bg2:#282b33;
}

#app .cs2-neon-time[data-cs2-map="de_cache"] {
  --map-accent:#99bca7;
  --map-bg1:#34473e;
  --map-bg2:#26312f;
}

#app .cs2-neon-time[data-cs2-map="de_office"] {
  --map-accent:#a8b7c7;
  --map-bg1:#3a4554;
  --map-bg2:#252b35;
}


/* CS2_OVERPASS_STEEL_V2 */
#app .cs2-neon-time[data-cs2-map="de_overpass"] {
  --map-accent:#9eb6cf !important;
  --map-bg1:#354456 !important;
  --map-bg2:#1d2734 !important;
}


/* CS2_SIDES_PREMIUM_CARDS_V1 */

/* Uklad kart */
#app .cs2-side-cards {
  gap:12px !important;
}

/* Dwie glowne karty */
#app .cs2-side-cards > .cs2-side-card:nth-child(-n+2) {
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:12px !important;
  padding:18px !important;
  border-radius:14px !important;
  min-width:0 !important;
}

/* CT - stalowo srebrny */
#app .cs2-side-cards > .cs2-side-card:nth-child(1) {
  border:1px solid #8ca4b7 !important;
  background:linear-gradient(145deg,
    #303f4d,#1d2834) !important;
  box-shadow:0 0 19px rgba(155,177,197,.15) !important;
}

/* TT - miedziano pomaranczowy */
#app .cs2-side-cards > .cs2-side-card:nth-child(2) {
  border:1px solid #ca9469 !important;
  background:linear-gradient(145deg,
    #453126,#28221e) !important;
  box-shadow:0 0 19px rgba(226,147,85,.15) !important;
}

/* Nazwy stron */
#app .cs2-side-cards > .cs2-side-card:nth-child(1) .ct {
  color:#c6d7e2 !important;
  font-weight:800 !important;
}

#app .cs2-side-cards > .cs2-side-card:nth-child(2) .tt {
  color:#ffd0a6 !important;
  font-weight:800 !important;
}

/* Liczby rund */
#app .cs2-side-cards > .cs2-side-card:nth-child(1) > strong {
  color:#e0e9ef !important;
  font-size:20px !important;
  font-variant-numeric:tabular-nums;
}

#app .cs2-side-cards > .cs2-side-card:nth-child(2) > strong {
  color:#ffe2c7 !important;
  font-size:20px !important;
  font-variant-numeric:tabular-nums;
}

/* Procenty jako osobne male ramki */
#app .cs2-side-cards > .cs2-side-card:nth-child(-n+2)
.cs2-side-percent {
  display:inline-block !important;
  margin-left:5px !important;
  padding:5px 9px !important;
  border-radius:8px !important;
  font-size:20px !important;
  font-weight:850 !important;
  white-space:nowrap;
}

/* CT procent */
#app .cs2-side-cards > .cs2-side-card:nth-child(1)
.cs2-side-percent {
  color:#e4eef5 !important;
  -webkit-text-fill-color:#e4eef5 !important;
  border:1px solid #8ca4b7 !important;
  background:rgba(152,179,201,.14) !important;
  box-shadow:0 0 13px rgba(160,185,207,.17) !important;
}

/* TT procent */
#app .cs2-side-cards > .cs2-side-card:nth-child(2)
.cs2-side-percent {
  color:#ffd5ad !important;
  -webkit-text-fill-color:#ffd5ad !important;
  border:1px solid #ca9469 !important;
  background:rgba(216,145,82,.14) !important;
  box-shadow:0 0 13px rgba(231,151,81,.18) !important;
}

@media(max-width:600px) {
  #app .cs2-side-cards > .cs2-side-card:nth-child(-n+2) {
    padding:12px !important;
  }
  #app .cs2-side-cards > .cs2-side-card:nth-child(-n+2) > strong,
  #app .cs2-side-cards .cs2-side-percent {
    font-size:15px !important;
  }
}

/* CS2_TT_REMOVE_PURPLE_STRIPE_V1 */
#app .cs2-team-grid .team-head.tt + .table-scroll {
  border-left-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#app .cs2-team-grid .team-head.tt + .table-scroll tbody,
#app .cs2-team-grid .team-head.tt + .table-scroll tbody tr,
#app .cs2-team-grid .team-head.tt + .table-scroll tbody td:first-child {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

#app .cs2-team-grid .team-head.tt + .table-scroll tbody tr::before,
#app .cs2-team-grid .team-head.tt + .table-scroll tbody td:first-child::before {
  display: none !important;
}


/* CS2_STATS_STEEL_TEAL_V2 */

/* Panele w sekcjach statystyk */
#app .cs2-stats .panel,
#app .stats-section .panel,
#app .cs2-stats-panel,
#app .cs2-stats-section .panel {
  border-color:#648b90 !important;
  box-shadow:
    0 0 18px rgba(72,148,151,.10),
    inset 0 1px 0 rgba(174,220,220,.06) !important;
}

/* Kafelki statystyk */
#app .cs2-stats .stat-card,
#app .cs2-stats .stat-tile,
#app .cs2-stats .cs2-stat-card,
#app .cs2-stats .rank-row,
#app .stats-section .stat-card,
#app .stats-section .rank-row {
  border-color:#738b9d !important;
}


/* CS2_STATS_FRAME_FIX_V3 */

/* Tylko zakladka #stats */
html.cs2-stats-frame-fix #app .panel,
html.cs2-stats-frame-fix #app .stat-card,
html.cs2-stats-frame-fix #app .stat-tile,
html.cs2-stats-frame-fix #app .stats-card,
html.cs2-stats-frame-fix #app .cs2-stat-card,
html.cs2-stats-frame-fix #app .cs2-stat-tile,
html.cs2-stats-frame-fix #app .rank-row {
  border-color: #729d9c !important;
  outline-color: #729d9c !important;
  box-shadow:
    0 0 16px rgba(83, 157, 153, .14),
    inset 0 1px 0 rgba(174, 218, 215, .07) !important;
}

/* Dekoracyjne krawedzie paneli */
html.cs2-stats-frame-fix #app .panel::before,
html.cs2-stats-frame-fix #app .panel::after {
  border-color: #729d9c !important;
}

/* CT i TT zachowuja wlasne kolory */
html.cs2-stats-frame-fix #app .cs2-side-card:nth-child(1) {
  border-color: #8ca4b7 !important;
}

html.cs2-stats-frame-fix #app .cs2-side-card:nth-child(2) {
  border-color: #ca9469 !important;
}


/* CS2_STATS_ALL_FRAMES_TEAL_V5 */

/* Wszystkie obramowania tylko na #stats */
html.cs2-stats-all-frames-teal #app *,
html.cs2-stats-all-frames-teal #app *::before,
html.cs2-stats-all-frames-teal #app *::after {
  border-color: #78aaa5 !important;
  outline-color: #78aaa5 !important;
}

/* Ramki duzych kart */
html.cs2-stats-all-frames-teal #app .panel,
html.cs2-stats-all-frames-teal #app [class*="card"],
html.cs2-stats-all-frames-teal #app [class*="tile"] {
  border-color: #78aaa5 !important;
}

/* Zachowujemy kolory CT i TT */
html.cs2-stats-all-frames-teal #app .cs2-side-card:nth-child(1) {
  border-color: #8ca4b7 !important;
}

html.cs2-stats-all-frames-teal #app .cs2-side-card:nth-child(2) {
  border-color: #ca9469 !important;
}


/* CS2_RECENT_GRAPHITE_SILVER_V1 */
#app .cs2-overview-columns > .cs2-recent-matches-panel {
  --cs2-accent:#a0aab5;
  --cs2-rgb:160,170,181;
  border:1px solid rgba(160,170,181,.48) !important;
  border-top:2px solid #b7c1cc !important;
  background:
    radial-gradient(
      ellipse at top left,
      rgba(160,170,181,.11),
      transparent 72%
    ),
    #1d252d !important;
  box-shadow:0 0 18px rgba(160,170,181,.11) !important;
}

#app .cs2-recent-matches-panel > .panel-head {
  background:linear-gradient(
    90deg,rgba(160,170,181,.14),transparent 85%
  ) !important;
  border-bottom-color:rgba(160,170,181,.26) !important;
}

#app .cs2-recent-matches-panel > .panel-head h2,
#app .cs2-recent-matches-panel > .panel-head .stat-icon {
  color:#cbd3dc !important;
}


/* CS2_PROFILE_HS_FORM_V3 */
#app .cs2-new-profile-insights {
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(0,2fr);
  gap:14px;
  width:100%;
  min-width:0;
  margin:16px 0;
}
#app .cs2-new-hs-card,
#app .cs2-new-form-card {
  min-width:0;
  padding:18px;
  border-radius:12px;
  background:linear-gradient(135deg,#27333b,#1c252d);
}
#app .cs2-new-hs-card {
  border:1px solid #78aaa5;
  border-top:2px solid #91d5c5;
}
#app .cs2-new-form-card {
  border:1px solid #859eb4;
  border-top:2px solid #a4c4da;
}
#app .cs2-new-profile-insights small {
  color:#aabcc9;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}
#app .cs2-new-profile-insights h3 {
  color:#e0ebf1;
  font-size:17px;
  margin:8px 0;
}
#app .cs2-new-hs-card>strong {
  display:block;
  color:#9de3cc;
  font-size:38px;
  font-weight:900;
  margin:12px 0;
}
#app .cs2-new-profile-insights p {
  color:#b0c0ca;
  font-size:12px;
  line-height:1.6;
  margin:8px 0 0;
}
#app .cs2-new-legend {
  display:flex;
  gap:18px;
  font-size:12px;
  font-weight:750;
  margin:10px 0;
}
#app .cs2-new-kills {color:#80ddb4;}
#app .cs2-new-deaths {color:#ef969b;}
#app .cs2-new-form-chart {
  display:block;
  width:100%;
  max-height:190px;
  overflow:visible;
}
@media(max-width:650px) {
  #app .cs2-new-profile-insights {
    grid-template-columns:minmax(0,1fr);
  }
}


/* CS2_PROFILE_HS_FORM_FIX_V4 */
#app .cs2-player-page > .cs2-new-profile-insights {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) !important;
  width:100% !important;
  max-width:none !important;
  gap:16px !important;
  margin:18px 0 !important;
  align-items:stretch !important;
}
#app .cs2-player-page > .cs2-new-profile-insights
> .cs2-new-hs-card,
#app .cs2-player-page > .cs2-new-profile-insights
> .cs2-new-form-card {
  width:100% !important;
  min-width:0 !important;
  padding:20px !important;
  overflow:hidden;
}
#app .cs2-new-profile-insights h3 {
  font-size:18px !important;
  line-height:1.35;
}
#app .cs2-new-profile-insights p {
  overflow-wrap:normal;
  word-break:normal;
}
#app .cs2-new-form-chart {
  width:100% !important;
  height:auto !important;
  max-height:230px !important;
}
@media(max-width:700px) {
  #app .cs2-player-page > .cs2-new-profile-insights {
    grid-template-columns:minmax(0,1fr) !important;
  }
}


/* CS2_REAL_PROFILE_INSIGHTS_V1 */
#app .cs2-player-page > .cs2-real-insights {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);
  gap:16px;
  width:100%;
  min-width:0;
  margin:18px 0;
}

#app .cs2-real-hs,
#app .cs2-real-form {
  min-width:0;
  padding:20px;
  border-radius:13px;
  background:linear-gradient(135deg,#27333b,#1c252d);
}

#app .cs2-real-hs {
  border:1px solid #78aaa5;
  border-top:2px solid #91d5c5;
}

#app .cs2-real-form {
  border:1px solid #859eb4;
  border-top:2px solid #a4c4da;
}

#app .cs2-real-insights small {
  color:#b2c5d1;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

#app .cs2-real-insights h3 {
  margin:8px 0 12px;
  font-size:18px;
  line-height:1.3;
  color:#e0ebf1;
}

#app .cs2-real-hs > strong {
  display:block;
  margin:12px 0;
  color:#9de3cc;
  font-size:40px;
  font-weight:900;
}

#app .cs2-real-insights p {
  margin:8px 0 0;
  color:#b0c0ca;
  font-size:12px;
  line-height:1.6;
}

#app .cs2-real-legend {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:10px 0;
  font-size:12px;
  font-weight:800;
}

#app .cs2-real-k {color:#80ddb4;}
#app .cs2-real-d {color:#ef969b;}

#app .cs2-real-chart {
  display:block;
  width:100%;
  height:auto;
  max-height:240px;
  overflow:visible;
}

@media(max-width:700px) {
  #app .cs2-player-page > .cs2-real-insights {
    grid-template-columns:minmax(0,1fr);
  }
  #app .cs2-real-hs,
  #app .cs2-real-form {
    padding:15px;
  }
}


/* CS2_HS_CARD_COMPACT_V1 */

/* kontener dwóch kart */
#app .cs2-profile-insights-row{
  align-items: start !important;
  grid-auto-rows: auto !important;
}

/* karta HS ma być kompaktowa, a nie rozciągnięta */
#app .cs2-hs-compact-card{
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-bottom: 18px !important;
}

/* ograniczamy pustą przestrzeń w środku */
#app .cs2-hs-compact-card p,
#app .cs2-hs-compact-card small,
#app .cs2-hs-compact-card .note{
  max-width: 36ch;
  margin-bottom: 0 !important;
}

/* wykres dalej może być większy */
#app .cs2-form-chart-card{
  min-height: 0 !important;
}


/* CS2_HS_COMPACT_FINAL_V3 */

/* Szeroki wykres i kompaktowy HS */
#app .cs2-player-page > .cs2-real-insights {
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  align-items:start !important;
  gap:16px !important;
}

/* HS dopasowuje wysokosc do tresci */
#app .cs2-player-page > .cs2-real-insights > .cs2-real-hs {
  align-self:start !important;
  height:max-content !important;
  min-height:0 !important;
  max-height:none !important;
  padding:18px !important;
}

/* Wykres pozostaje szeroki */
#app .cs2-player-page > .cs2-real-insights > .cs2-real-form {
  min-width:0 !important;
}

/* Telefon: karty jedna pod druga */
@media (max-width:700px) {
  #app .cs2-player-page > .cs2-real-insights {
    grid-template-columns:minmax(0,1fr) !important;
  }
}


/* CS2_PROFILE_KD_SECOND_CARD_V1 */

/* Dwa male kafelki po lewej stronie */
#app .cs2-real-insights > .cs2-real-left {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  min-width:0;
  align-self:start;
}

/* Zachowujemy kompaktowy rozmiar HS */
#app .cs2-real-left > .cs2-real-hs {
  width:100%;
  max-width:none;
  height:auto !important;
  min-height:0 !important;
  align-self:start;
  padding:18px;
}

/* Nowa karta K/D */
#app .cs2-real-left > .cs2-real-kd {
  width:100%;
  min-width:0;
  padding:18px;
  border:1px solid #859eb4;
  border-top:2px solid #a4c4da;
  border-radius:13px;
  background:linear-gradient(
    135deg,#27333b,#1c252d
  );
  box-shadow:0 0 15px rgba(135,164,190,.09);
}

#app .cs2-real-kd > strong {
  display:block;
  margin:10px 0;
  font-size:37px;
  font-weight:900;
  line-height:1.2;
  color:#b6d6ef;
  font-variant-numeric:tabular-nums;
}

#app .cs2-real-kd p {
  margin:5px 0 0;
}

/* Wykres obok, bez rozciagania kafelkow */
#app .cs2-player-page > .cs2-real-insights {
  align-items:start !important;
}

#app .cs2-real-insights > .cs2-real-form {
  min-width:0;
}


/* CS2_PROFILE_ADR_REPLACE_KD_V1 */
#app .cs2-real-kd {
  border-color:#85aabe !important;
  border-top-color:#a8d3e8 !important;
}
#app .cs2-real-kd > strong {
  color:#b7d9ec !important;
}


/* CS2_FAVORITE_MAP_TOP_RIGHT_GOLD_V1 */

#app .cs2-player-map {
  border:1px solid rgba(223,180,99,.78) !important;
  border-top:2px solid #ebc57a !important;
  border-radius:12px !important;
  padding:13px 18px !important;

  background:
    linear-gradient(
      135deg,
      rgba(128,92,35,.24),
      rgba(33,38,39,.96) 78%
    ) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,221,151,.05),
    0 0 17px rgba(224,178,91,.13) !important;
}

#app .cs2-player-map small {
  color:#dbbd87 !important;
  letter-spacing:.8px;
}

#app .cs2-player-map strong {
  color:#f6d69b !important;
  text-shadow:0 0 10px rgba(232,190,108,.15);
}



/* CS2_PROFILE_EQUAL_HEIGHT_FIX_V1 */

@media (min-width:701px) {
  #app .cs2-player-page > .cs2-real-insights {
    display:grid !important;
    grid-template-columns:300px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:16px !important;
    margin-bottom:14px !important;
  }

  #app .cs2-real-insights > .cs2-real-left {
    display:grid !important;
    grid-template-rows:1fr 1fr !important;
    align-self:stretch !important;
    height:100% !important;
    gap:14px !important;
  }

  #app .cs2-real-left > .cs2-real-hs,
  #app .cs2-real-left > .cs2-real-kd {
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    align-self:stretch !important;
  }

  #app .cs2-real-insights > .cs2-real-form {
    height:100% !important;
    align-self:stretch !important;
    min-width:0 !important;
  }
}

@media (max-width:700px) {
  #app .cs2-player-page > .cs2-real-insights {
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
  }

  #app .cs2-real-insights > .cs2-real-left {
    height:auto !important;
  }

  #app .cs2-real-left > .cs2-real-hs,
  #app .cs2-real-left > .cs2-real-kd {
    height:auto !important;
  }
}


/* CS2_PLAYER_LOWER_PANELS_ALIGN_V1 */

/* Dwie dolne sekcje profilu - identyczna wysokosc */
#app .cs2-player-page .cs2-player-columns {
  display:grid !important;
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

/* Statystyki gracza oraz Ostatnie mecze */
#app .cs2-player-page .cs2-player-columns > .panel {
  height:100% !important;
  min-height:0 !important;
  align-self:stretch !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Na telefonie naturalna wysokosc kazdego panelu */
@media(max-width:700px) {
  #app .cs2-player-page .cs2-player-columns {
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-rows:auto !important;
  }

  #app .cs2-player-page .cs2-player-columns > .panel {
    height:auto !important;
  }
}


/* CS2_GAMEICONS_HONORS_V1 */

/* Grafiki SVG wewnatrz wyroznien */
#app .cs2-match-honors .cs2-award-icon
.cs2-game-honor-svg {
  display:block !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  object-fit:contain !important;

  /* Bursztynowe ikony pasujace do CS2 */
  filter:
    brightness(0)
    saturate(100%)
    invert(79%)
    sepia(32%)
    saturate(780%)
    hue-rotate(346deg)
    brightness(98%) !important;
}

/* Delikatne tlo jak odznaka meczowa */
#app .cs2-match-honors .cs2-award-icon:has(
  .cs2-game-honor-svg
) {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}

/* Dyskretna informacja o autorach */
#app .cs2-honors-icon-credit {
  display:inline-block;
  margin-left:8px;
  color:#9aabae !important;
  font-size:10px;
  font-weight:500;
  text-decoration:none;
}

#app .cs2-honors-icon-credit:hover {
  color:#e6c282 !important;
  text-decoration:underline;
}


/* CS2_WDL_COMPACT_TILES_V1 */

/* Trzy kompaktowe pola w kafelku Wygrane */
#app .metric .cs2-wdl-mini {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:5px !important;

  width:100% !important;
  margin-top:5px !important;

  box-sizing:border-box !important;
}

/* Wspolny wyglad mini-kafelkow */
#app .metric .cs2-wdl-box {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;

  min-width:0 !important;
  padding:7px 2px !important;

  border:1px solid transparent !important;
  border-radius:7px !important;

  box-sizing:border-box !important;
  text-align:center !important;
}

/* Liczby */
#app .metric .cs2-wdl-box > b {
  display:block !important;
  font-size:17px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  font-style:normal !important;
}

/* Podpisy - bez W, R, P */
#app .metric .cs2-wdl-box > em {
  display:block !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-style:normal !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

/* WYGRANE - zielony */
#app .metric .cs2-wdl-win {
  background:rgba(40,105,75,.25) !important;
  border-color:rgba(120,205,157,.20) !important;
}

#app .metric .cs2-wdl-win > b {
  color:#9ce0bb !important;
}

#app .metric .cs2-wdl-win > em {
  color:#a9cbb8 !important;
}

/* REMISY - stalowy */
#app .metric .cs2-wdl-draw {
  background:rgba(95,115,131,.21) !important;
  border-color:rgba(159,179,192,.17) !important;
}

#app .metric .cs2-wdl-draw > b {
  color:#d3dce3 !important;
}

#app .metric .cs2-wdl-draw > em {
  color:#adbfc9 !important;
}

/* PORAZKI - czerwony */
#app .metric .cs2-wdl-loss {
  background:rgba(133,58,66,.23) !important;
  border-color:rgba(213,119,126,.18) !important;
}

#app .metric .cs2-wdl-loss > b {
  color:#f1a9ae !important;
}

#app .metric .cs2-wdl-loss > em {
  color:#d7adb0 !important;
}



/* CS2_OVERVIEW_FULL_GOLD_KEEP_WDL_V2 */

#app .overview > .metrics > .metric {
  border:1px solid #d2a75e !important;
  border-top:2px solid #efcb83 !important;
  border-radius:12px !important;

  background:linear-gradient(
    145deg,
    #70532e 0%,
    #564128 42%,
    #332c24 100%
  ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,231,178,.15),
    0 5px 18px rgba(0,0,0,.12),
    0 0 14px rgba(205,157,70,.10) !important;
}

#app .overview > .metrics > .metric:hover {
  border-color:#f1ce8b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,231,178,.2),
    0 0 20px rgba(205,157,70,.18) !important;
}

/* Naglowki czterech duzych kafelkow */
#app .overview > .metrics > .metric .metric-label,
#app .overview > .metrics > .metric .metric-label span {
  color:#f0d5a0 !important;
}

/* Glowne liczby */
#app .overview > .metrics > .metric > strong {
  color:#ffe0a0 !important;
  text-shadow:0 1px 10px rgba(255,195,89,.15);
}

/* Opisy pod liczbami */
#app .overview > .metrics > .metric > small {
  color:#d9be8e !important;
}

/* Bilans W/R/P zachowuje zielony, stalowy i czerwony */
#app .overview > .metrics > .metric .cs2-wdl-mini {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:5px !important;
}

#app .overview > .metrics > .metric .cs2-wdl-win {
  background:rgba(40,105,75,.32) !important;
  border-color:rgba(120,205,157,.30) !important;
}

#app .overview > .metrics > .metric .cs2-wdl-win > b {
  color:#9ce0bb !important;
}

#app .overview > .metrics > .metric .cs2-wdl-win > em {
  color:#a9cbb8 !important;
}

#app .overview > .metrics > .metric .cs2-wdl-draw {
  background:rgba(75,96,115,.40) !important;
  border-color:rgba(159,179,192,.30) !important;
}

#app .overview > .metrics > .metric .cs2-wdl-draw > b {
  color:#d3dce3 !important;
}

#app .overview > .metrics > .metric .cs2-wdl-draw > em {
  color:#bdccd5 !important;
}

#app .overview > .metrics > .metric .cs2-wdl-loss {
  background:rgba(133,58,66,.36) !important;
  border-color:rgba(213,119,126,.30) !important;
}

#app .overview > .metrics > .metric .cs2-wdl-loss > b {
  color:#f1a9ae !important;
}

#app .overview > .metrics > .metric .cs2-wdl-loss > em {
  color:#e1b5b8 !important;
}


/* CS2_FAVORITE_MAP_GOLD_BORDER_V1 */

/* Tylko mapa w gornym banerze statystyk CS2 */
#app .overview .hero .map-hero {
  border:1px solid #d2a75e !important;
  border-top:2px solid #efcb83 !important;
  border-radius:12px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,231,178,.12),
    0 0 14px rgba(205,157,70,.10) !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;
}

#app .overview .hero .map-hero:hover {
  border-color:#f1ce8b !important;

  box-shadow:
    inset 0 1px 0 rgba(255,231,178,.18),
    0 0 19px rgba(205,157,70,.17) !important;
}

/* CS2_ALL_FOUR_WHITE_LABELS_V1 */

/* Wszystkie cztery naglowki glownych metryk */
#app .overview > .metrics > .metric .metric-label,
#app .overview > .metrics > .metric .metric-label span:not(.stat-icon) {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* CS2_OVERVIEW_WHITE_DESCRIPTIONS_V1 */

/* Biale opisy pod glownymi liczbami */
#app .overview > .metrics > .metric:nth-child(1) > small,
#app .overview > .metrics > .metric:nth-child(3) > small,
#app .overview > .metrics > .metric:nth-child(4) > small {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* CS2_TOP_DAMAGE_STEEL_BLUE_V1 */

/* Cala ramka TOP 15 obrazen */
#app .cs2-top-damage-panel {
  background:linear-gradient(
    145deg,
    #293f50 0%,
    #203342 42%,
    #172630 100%
  ) !important;

  border:1px solid #749bb2 !important;
  border-top:2px solid #a2c8db !important;
  border-radius:12px !important;

  box-shadow:
    inset 0 1px 0 rgba(201,235,255,.09),
    0 0 17px rgba(99,156,190,.11) !important;
}

/* Naglowek rankingu */
#app .cs2-top-damage-panel .panel-head h2,
#app .cs2-top-damage-panel .panel-head h2 span {
  color:#e4f2fb !important;
}

#app .cs2-top-damage-panel .panel-head > small {
  color:#a7c7db !important;
}

/* Ikona obrazen */
#app .cs2-top-damage-panel .stat-icon {
  color:#a2d6f1 !important;
}

/* Wiersze graczy */
#app .cs2-top-damage-panel .rank-row {
  border-color:rgba(159,194,212,.15) !important;
}

/* Podswietlenie wiersza */
#app .cs2-top-damage-panel .rank-row:hover {
  background:rgba(140,191,219,.10) !important;
}

/* Pozycje 01, 02, 03... */
#app .cs2-top-damage-panel .rank-row > em {
  color:#99c3d9 !important;
}

/* Nicki graczy */
#app .cs2-top-damage-panel .rank-row .row-button {
  color:#e2edf4 !important;
}

/* Liczby obrazen */
#app .cs2-top-damage-panel .rank-row > strong {
  color:#b9e0f5 !important;
}

/* Obrys avatara, jesli jest stosowany */
#app .cs2-top-damage-panel .rank-row img {
  border-color:rgba(157,202,229,.4) !important;
}


/* CZESTI_UNIFIED_GAME_HOVER_V1 */

/* Identyczna reakcja na najechanie na kazda gre. */
.game-switcher a,
.cz-lol-switcher-v7 a {
    box-sizing: border-box !important;
    border: 1px solid transparent;
    border-radius: 9px;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

.game-switcher a[href="/cs2"]:hover,
.game-switcher a[href="/cs2"]:focus-visible,
.cz-lol-switcher-v7 a[href="/cs2"]:hover,
.cz-lol-switcher-v7 a[href="/cs2"]:focus-visible {
    background: #2b2825 !important;
    border-color: #967747 !important;
    color: #f7d08c !important;
    text-decoration: none !important;
}

/* Podswietlenie aktualnie otwartej gry. */
.game-switcher a[href="/cs2"][aria-current="page"],
.cz-lol-switcher-v7 a[href="/cs2"][aria-current="page"] {
    background: #2b2825 !important;
    border-color: #967747 !important;
    color: #f7d08c !important;
}


/* CZESTI_CS2_HONOR_DESCRIPTIONS_V1 */

#app .cs2-honor-row .cs2-honor-description {
    display: block;
    margin: 5px 0 5px;
    color: #aab6c4;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}



/* CZESTI_CS2_HONOR_COLORS_START */

/* Wszystkie karty - pelne ciemne tlo */
html body #app .cs2-match-honors
.cs2-honor-list .cs2-honor-row {
    background: #202936 !important;
    background-image: none !important;
    background-color: #202936 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    isolation: isolate;
}

/* 1 i 4 - ZLOTO */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n+1) {
    background: linear-gradient(
        120deg, #574329 0%, #403124 55%, #2b2724 100%
    ) !important;
    background-image: linear-gradient(
        120deg, #574329 0%, #403124 55%, #2b2724 100%
    ) !important;
    border-color: #b99658 !important;
}

/* 2 i 5 - STALOWY BLEKIT */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n+2) {
    background: linear-gradient(
        120deg, #28516d 0%, #234157 55%, #202d3c 100%
    ) !important;
    background-image: linear-gradient(
        120deg, #28516d 0%, #234157 55%, #202d3c 100%
    ) !important;
    border-color: #6b9cc6 !important;
}

/* 3 i 6 - MIEDZ */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n) {
    background: linear-gradient(
        120deg, #623e30 0%, #4a332b 55%, #312927 100%
    ) !important;
    background-image: linear-gradient(
        120deg, #623e30 0%, #4a332b 55%, #312927 100%
    ) !important;
    border-color: #bb8568 !important;
}

/* Usuwamy ewentualne nakladki zakrywajace kolor */
html body #app .cs2-match-honors
.cs2-honor-list .cs2-honor-row::before,
html body #app .cs2-match-honors
.cs2-honor-list .cs2-honor-row::after {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* Elementy wewnetrzne nie zakrywaja tla */
html body #app .cs2-match-honors
.cs2-honor-list .cs2-honor-row > div {
    background: transparent !important;
    background-image: none !important;
}

/* Tytuly, opisy i nicki */
html body #app .cs2-match-honors
.cs2-honor-row h3 {
    color: #fff0db !important;
}

html body #app .cs2-match-honors
.cs2-honor-description {
    display: block !important;
    margin: 6px 0 !important;
    color: #d2dbe5 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

html body #app .cs2-match-honors
.cs2-honor-row > div > span {
    display: block !important;
    margin-top: 5px !important;
}

html body #app .cs2-match-honors
.cs2-honor-value {
    color: #ffe0a3 !important;
}


/* CZESTI_HONOR_ICON_MATCH_START */

/* Wszystkie ikony - wspolny wyglad */
#app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row .cs2-award-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 1px solid currentColor !important;
    border-radius: 9px !important;
    vertical-align: middle !important;
}

/* SVG dziedziczy kolor swojej karty */
#app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row
.cs2-award-icon svg {
    color: inherit !important;
}

/* KARTY 1 I 4 - ZLOTO */
#app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n+1)
.cs2-award-icon {
    color: #f3cf8b !important;
    background: #6a4f26 !important;
    border-color: #b99658 !important;
}

/* KARTY 2 I 5 - BLEKIT */
#app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n+2)
.cs2-award-icon {
    color: #9dcdf0 !important;
    background: #315a76 !important;
    border-color: #6b9cc6 !important;
}

/* KARTY 3 I 6 - MIEDZ */
#app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row:nth-child(3n)
.cs2-award-icon {
    color: #edb18e !important;
    background: #714332 !important;
    border-color: #bb8568 !important;
}

/* CZESTI_HONOR_ICON_MATCH_END */

/* CZESTI_CS2_HONOR_COLORS_END */


/* CZESTI_RED_BAIT_AWARD_V1 */

/* Przyneta ma zawsze czerwone kolory. */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row.cs2-honor-bait,
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row.cs2-honor-bait:nth-child(n) {
    background: linear-gradient(
        120deg,
        #58252b 0%,
        #3b2028 55%,
        #261c24 100%
    ) !important;
    border: 1px solid #e05260 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,130,140,.13),
        0 3px 14px rgba(0,0,0,.15) !important;
}

/* Czerwone tlo i obramowanie ikony. */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row.cs2-honor-bait
.cs2-award-icon {
    color: #ff8992 !important;
    background: #682833 !important;
    border-color: #e05260 !important;
}

/* Czerwona czaszka SVG. */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row.cs2-honor-bait
.cs2-award-icon svg {
    color: #ff8992 !important;
    fill: #ff8992 !important;
}

/* Czytelny wynik nagrody. */
html body #app .cs2-match-honors
.cs2-honor-list > .cs2-honor-row.cs2-honor-bait
.cs2-honor-value {
    color: #ff9ca4 !important;
}


/* CZESTI_CS2_HONOR_MOBILE_V1 */
/* Tylko telefony - rekordy CS2 */

@media screen and (max-width:650px) {

  #app .cs2-honor-row {
    box-sizing:border-box;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:10px !important;

    width:100%;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;

    margin-bottom:10px !important;
    padding:12px !important;
    border-radius:13px;
  }

  /* Nie pozwalamy, by elementy
     wypychaly karte na boki. */
  #app .cs2-honor-row > * {
    min-width:0;
    margin-top:0;
    margin-bottom:0;
  }

  /* Avatar lub grafika gracza */
  #app .cs2-honor-row > :first-child {
    flex:0 0 auto;
    max-width:48px;
  }

  #app .cs2-honor-row img {
    max-width:48px !important;
    max-height:48px !important;
    object-fit:contain;
  }

  /* Srodkowa czesc z nazwa i opisem */
  #app .cs2-honor-row > :nth-child(2):not(:last-child) {
    flex:1 1 auto;
    min-width:0;
  }

  /* Liczba rekordu po prawej */
  #app .cs2-honor-row > :last-child:not(:first-child) {
    flex:0 0 auto;
    margin-left:auto;
  }

  #app .cs2-honor-row h2,
  #app .cs2-honor-row h3,
  #app .cs2-honor-row h4 {
    font-size:16px !important;
    line-height:1.25 !important;
    margin:0 0 4px !important;
  }

  #app .cs2-honor-row p {
    font-size:12px !important;
    line-height:1.4 !important;
    margin:3px 0 !important;
  }

  #app .cs2-honor-row small {
    font-size:11px !important;
    line-height:1.35 !important;
  }

  #app .cs2-honor-row :is(
    .cs2-honor-value,
    .cs2-honor-score,
    .cs2-honor-number
  ) {
    font-size:22px !important;
    line-height:1.1 !important;
    padding:8px 10px !important;
    min-width:48px !important;
    text-align:center;
  }

  /* Mniejsze symbole osiagniec */
  #app .cs2-honor-row :is(
    .cs2-honor-icon,
    .cs2-honor-symbol,
    .cs2-honor-badge
  ) {
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:5px !important;
  }

}

@media screen and (max-width:380px) {

  #app .cs2-honor-row {
    gap:8px !important;
    padding:10px !important;
  }

  #app .cs2-honor-row > :first-child {
    max-width:40px;
  }

  #app .cs2-honor-row img {
    max-width:40px !important;
    max-height:40px !important;
  }

}


/* CZESTI_CS2_COMPACT_HONORS_MOBILE_V1 */

@media screen and (max-width:650px) {

  /* Kompaktowa karta: avatar / tresc / wynik */
  #app .cs2-honor-row {
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 54px !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:0 !important;

    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;

    padding:12px 10px !important;
    margin:0 !important;
  }

  /* Avatar zawsze po lewej */
  #app .cs2-honor-row > .cs2-honor-avatar {
    grid-column:1 !important;
    grid-row:1 !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    align-self:center !important;

    margin:0 !important;
  }

  #app .cs2-honor-avatar .portrait {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    margin:0 !important;
  }

  /* Srodkowa czesc */
  #app .cs2-honor-row > div {
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Ikona i nazwa w JEDNYM wierszu */
  #app .cs2-honor-row h3 {
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;

    margin:0 0 4px !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:750 !important;
  }

  #app .cs2-honor-row h3 .cs2-award-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 27px !important;

    width:27px !important;
    height:27px !important;
    min-width:27px !important;

    margin:0 !important;
    padding:4px !important;
    border-radius:7px !important;
  }

  #app .cs2-honor-row h3 .stat-icon,
  #app .cs2-honor-row h3 svg {
    width:18px !important;
    height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
  }

  /* Opis i nick bez wielkich odstepow */
  #app .cs2-honor-row > div > p {
    margin:2px 0 4px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  #app .cs2-honor-row > div > span {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }

  /* Wynik po prawej */
  #app .cs2-honor-row > .cs2-honor-value {
    grid-column:3 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;

    width:54px !important;
    min-width:54px !important;
    height:46px !important;

    margin:0 !important;
    padding:4px !important;

    border:1px solid rgba(158,185,208,.45) !important;
    border-radius:10px !important;
    background:rgba(10,18,29,.55) !important;

    font-size:21px !important;
    line-height:1 !important;
    font-variant-numeric:tabular-nums !important;
  }

  /* Mniej pustego miejsca miedzy rekordami */
  #app .cs2-match-honors .cs2-honor-list {
    display:grid !important;
    grid-template-rows:none !important;
    grid-auto-rows:auto !important;
    gap:8px !important;
    padding:8px !important;
  }

  #app .cs2-match-honors .cs2-honor-row {
    border-radius:12px !important;
  }
}

/* Bardzo waskie telefony */
@media screen and (max-width:380px) {
  #app .cs2-honor-row {
    grid-template-columns:38px minmax(0,1fr) 46px !important;
    column-gap:7px !important;
    padding:9px 7px !important;
  }

  #app .cs2-honor-row > .cs2-honor-avatar {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  #app .cs2-honor-row > .cs2-honor-value {
    width:46px !important;
    min-width:46px !important;
    height:43px !important;
    font-size:19px !important;
  }

  #app .cs2-honor-row h3 {
    font-size:12px !important;
  }
}



/* CZESTI_CS2_RECORD_TILES_MOBILE_V2 */
/* TYLKO: Rekordy ekipy na telefonie */

@media screen and (max-width:650px) {

  /* Jedna karta w kazdym wierszu */
  html body #app .cs2-records-page .cs2-record-list {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:9px !important;
    margin-top:12px !important;
  }

  /* Kompaktowy kafelek */
  html body #app .cs2-records-page
  .cs2-record-list > .cs2-record-tile {
    box-sizing:border-box !important;
    display:grid !important;

    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto auto !important;

    align-items:center !important;
    align-content:center !important;
    justify-content:stretch !important;

    gap:5px 10px !important;

    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;

    padding:12px 13px !important;
    margin:0 !important;

    text-align:left !important;
    border-radius:12px !important;
  }

  /* Nazwa rekordu i ikonka */
  html body #app .cs2-records-page
  .cs2-record-tile > .cs2-record-label {
    grid-column:1 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;

    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:750 !important;
    text-align:left !important;
  }

  html body #app .cs2-records-page
  .cs2-record-label > :first-child {
    flex:0 0 auto !important;
  }

  html body #app .cs2-records-page
  .cs2-record-label :is(svg,.stat-icon) {
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  html body #app .cs2-records-page
  .cs2-record-label > span:last-child {
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  /* Wynik po prawej, obok nazwy i gracza */
  html body #app .cs2-records-page
  .cs2-record-tile > .cs2-record-result {
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    justify-self:end !important;

    gap:5px !important;
    min-width:45px !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
  }

  html body #app .cs2-records-page
  .cs2-record-result .cs2-record-value {
    font-size:23px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums !important;
  }

  /* Avatar i nick pod nazwa rekordu */
  html body #app .cs2-records-page
  .cs2-record-tile > .cs2-record-owner {
    grid-column:1 !important;
    grid-row:2 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:8px !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
  }

  html body #app .cs2-records-page
  .cs2-record-owner .portrait {
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    min-height:29px !important;
    max-width:29px !important;
    max-height:29px !important;

    flex:0 0 29px !important;
    margin:0 !important;
    object-fit:cover !important;
    border-radius:7px !important;
  }

  html body #app .cs2-records-page
  .cs2-record-owner strong {
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.3 !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
  }

  /* Mapa i data na dole */
  html body #app .cs2-records-page
  .cs2-record-tile > .cs2-record-context {
    grid-column:1 / -1 !important;
    grid-row:3 !important;

    display:block !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:3px 0 0 !important;

    font-size:11px !important;
    line-height:1.3 !important;
    text-align:left !important;

    overflow-wrap:anywhere !important;
  }
}

@media screen and (max-width:380px) {

  html body #app .cs2-records-page
  .cs2-record-list > .cs2-record-tile {
    padding:10px !important;
    gap:4px 7px !important;
  }

  html body #app .cs2-records-page
  .cs2-record-label {
    font-size:12px !important;
  }

  html body #app .cs2-records-page
  .cs2-record-result .cs2-record-value {
    font-size:20px !important;
  }
}


/* CZESTI_CS2_HONORS_MOBILE_V4 */
/* Tylko telefony - rekordy w szczegolach meczu */

@media screen and (max-width:650px) {

  /* Koniec rozciagania kart na wysokosc */
  #app .cs2-match-highlights .cs2-honor-list {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:none !important;
    grid-auto-rows:auto !important;
    align-content:start !important;
    gap:10px !important;
    padding:10px !important;
    min-width:0 !important;
  }

  /* Avatar | tresc | wynik */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row {
    display:grid !important;
    grid-template-columns:
      46px minmax(0,1fr) 65px !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:0 !important;

    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:11px 10px !important;

    box-sizing:border-box !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list
  .cs2-honor-row + .cs2-honor-row {
    margin-top:0 !important;
  }

  /* Avatar po lewej */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-avatar {
    grid-column:1 !important;
    grid-row:1 !important;
    width:46px !important;
    height:46px !important;
    min-width:0 !important;
    margin:0 !important;
    align-self:center !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-avatar .portrait {
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
  }

  /* Tekst w srodkowej kolumnie */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row > div {
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Ikona i tytul w jednym wierszu */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row h3 {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:7px !important;

    min-width:0 !important;
    margin:0 0 4px !important;
    padding:0 !important;

    font-size:14px !important;
    line-height:1.3 !important;
    text-align:left !important;
  }

  /* Mala ikonka osiagniecia */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-award-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 28px !important;

    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    margin:0 !important;
    padding:4px !important;
    border-radius:7px !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-award-icon svg,
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-award-icon img {
    width:19px !important;
    height:19px !important;
    max-width:19px !important;
    max-height:19px !important;
    flex-shrink:0 !important;
  }

  /* Opis i nick blisko tytulu */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row > div p {
    margin:3px 0 4px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row > div > span {
    display:block !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.3 !important;
  }

  /* Wynik po prawej */
  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row
  > .cs2-honor-value {
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:65px !important;
    min-width:0 !important;
    min-height:49px !important;
    height:auto !important;

    margin:0 !important;
    padding:7px 5px !important;
    font-size:23px !important;
    line-height:1.1 !important;
    border-radius:10px !important;
    font-variant-numeric:tabular-nums !important;
  }

}

/* Bardzo waskie telefony */
@media screen and (max-width:380px) {

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row {
    grid-template-columns:
      39px minmax(0,1fr) 52px !important;
    gap:7px !important;
    padding:9px 7px !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-avatar {
    width:39px !important;
    height:39px !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row h3 {
    font-size:13px !important;
  }

  #app .cs2-match-highlights
  .cs2-honor-list .cs2-honor-row
  > .cs2-honor-value {
    width:52px !important;
    min-height:44px !important;
    font-size:20px !important;
  }

}