#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)}