.history-page{max-width:1380px;padding-top:45px}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.history-heading p{margin:0 0 8px;color:#ef3949;font:900 10px 'Barlow Condensed';letter-spacing:1.8px}.history-heading h1{margin:0;color:#fff;font:900 58px/.86 'Barlow Condensed';letter-spacing:.45px}.history-heading h1 span{color:#ef3949}.history-heading small{display:block;margin-top:12px;color:#a49da3;font:500 12px 'Inter',sans-serif}.history-live{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #ffffff1a;background:#0c0e13df;color:#a7a1a6;font:900 9px 'Barlow Condensed';letter-spacing:1.2px}.history-live i{width:7px;height:7px;border-radius:50%;background:#58df81;box-shadow:0 0 12px #58df81}.history-browser{display:grid;grid-template-columns:315px minmax(0,1fr);gap:13px;align-items:start}.match-list-panel,.match-detail{border:1px solid #ffffff1b;background:#0b0c11eb;box-shadow:0 24px 75px #0008}.match-list-panel>header{min-height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:2px solid #ef3949;background:linear-gradient(105deg,#281018f0,#0d0e13)}.match-list-panel>header p{margin:0 0 3px;color:#ef5968;font:900 9px 'Barlow Condensed';letter-spacing:1.2px}.match-list-panel>header b{color:#fff;font:800 13px 'Inter',sans-serif}.match-list-panel>header small{color:#706a70;font:800 8px 'Inter',sans-serif}.match-list{height:730px;overflow:auto;scrollbar-width:thin}.history-loading,.history-empty{min-height:440px;display:grid;place-content:center;justify-items:center;gap:12px;padding:30px;text-align:center;color:#7e777e;font:600 11px/1.6 'Inter',sans-serif}.history-loading i{width:28px;height:28px;border:2px solid #ffffff17;border-top-color:#ef3949;border-radius:50%;animation:history-spin .75s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.history-empty img{width:42px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #ef394955)}.history-empty strong{color:#fff;font:900 21px 'Barlow Condensed';letter-spacing:1px}.match-entry{width:100%;min-height:84px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border:0;border-bottom:1px solid #ffffff10;background:#0e0f14;color:#fff;text-align:left;cursor:pointer;transition:.16s}.match-entry:hover,.match-entry:focus-visible,.match-entry.is-active{outline:0;background:#271219;box-shadow:inset 3px 0 #ef3949}.match-entry-icon{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #000c)}.match-entry-main{min-width:0;display:flex;flex-direction:column;gap:4px}.match-entry-main b{color:#f4f1f3;font:900 13px 'Barlow Condensed';letter-spacing:.45px}.match-entry-main span{overflow:hidden;text-overflow:ellipsis;color:#8d868d;font:600 9px 'Inter',sans-serif;white-space:nowrap}.match-entry-result{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.match-entry-result b{color:#55dd7f;font:900 9px 'Barlow Condensed';letter-spacing:.7px}.match-entry-result small{color:#6f696f;font:700 8px 'Inter',sans-serif}.history-pagination{height:52px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;border-top:1px solid #ffffff18}.history-pagination button{height:100%;border:0;background:#ffffff04;color:#b8b2b7;cursor:pointer;font-size:22px}.history-pagination button:hover:not(:disabled){background:#ef39491c;color:#fff}.history-pagination button:disabled{opacity:.25;cursor:not-allowed}.history-pagination span{text-align:center;color:#888188;font:800 9px 'Inter',sans-serif}.match-detail{min-height:852px;overflow:hidden}.match-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 20px;border-bottom:1px solid #ffffff18;background:linear-gradient(115deg,#1f1017f2,#0c0d12 56%)}.match-title{display:flex;align-items:center;gap:13px}.match-title>img{width:43px;height:43px;object-fit:contain;image-rendering:pixelated}.match-title p{margin:0 0 4px;color:#ef5968;font:900 9px 'Barlow Condensed';letter-spacing:1.1px}.match-title h2{margin:0;color:#fff;font:700 32px/1 'Minecraft',monospace}.match-title small{display:block;margin-top:7px;color:#898288;font:600 9px 'Inter',sans-serif}.match-id{color:#5f5a60;font:700 8px 'Inter',sans-serif}.match-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 25px;border-bottom:1px solid #ffffff16;background:#101116}.versus-player{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.versus-player:last-child{flex-direction:row-reverse;text-align:right}.versus-player img{width:42px;height:42px;image-rendering:pixelated;border:1px solid #ffffff1e;background:#08090c}.versus-player b{display:block;color:var(--rank-color,#fff);font:700 16px 'Minecraft',monospace;text-shadow:0 0 8px color-mix(in srgb,var(--rank-color,#fff) 35%,transparent)}.versus-player small{display:block;margin-top:3px;color:#ef5968;font:900 8px 'Barlow Condensed';letter-spacing:.8px}.versus-player.is-winner small{color:#57df81}.versus-score{text-align:center}.versus-score b{display:block;color:#ef5968;font:700 25px 'Minecraft',monospace}.versus-score span{display:block;margin-top:3px;color:#69636a;font:800 8px 'Inter',sans-serif}.match-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px}.match-player-card{border:1px solid #ffffff18;background:#111217;overflow:hidden}.match-player-card.is-winner{border-top:2px solid #50db79}.match-player-card.is-loser{border-top:2px solid #ef4254}.loadout-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ffffff15}.loadout-head b{color:#fff;font:900 12px 'Barlow Condensed';letter-spacing:.7px}.loadout-head span{color:#58df81;font:900 9px 'Barlow Condensed';letter-spacing:.8px}.is-loser .loadout-head span{color:#ef5968}.loadout-stage{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:14px}.loadout-avatar{display:flex;flex-direction:column;align-items:center;gap:8px}.loadout-avatar>img{width:77px;height:128px;object-fit:contain;filter:drop-shadow(0 10px 7px #000c)}.loadout-vitals{width:100%}.loadout-vitals b{display:block;color:#ece8eb;text-align:center;font:900 9px 'Inter',sans-serif}.hearts{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:6px 0}.heart{color:#2d292d;font-size:12px;text-shadow:0 1px #000}.heart.is-full{color:#ec3548}.heart.is-half{color:#ed7a84}.ping{display:block;color:#8b858b;text-align:center;font:700 8px 'Inter',sans-serif}.ping i{color:#58df81;font-style:normal}.armor-grid{display:grid;grid-template-columns:repeat(4,39px);gap:4px;margin-bottom:8px}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(30px,1fr));gap:2px;padding:0 14px 14px}.mc-slot{aspect-ratio:1;min-width:0;position:relative;display:grid;place-items:center;border:2px solid;border-color:#dadada #555 #555 #dadada;background:#8b8b8b;box-shadow:inset 0 0 0 1px #373737}.mc-slot img{width:78%;height:78%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px 1px #0007)}.mc-slot .item-amount{position:absolute;right:2px;bottom:0;color:#fff;font:700 11px 'Minecraft',monospace;text-shadow:2px 2px #222}.mc-slot.is-empty{opacity:.6}.item-tooltip{width:max-content;max-width:250px;display:none;position:absolute;z-index:50;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:8px 10px;border:2px solid #2a0b45;background:#100011f5;color:#fff;text-align:left;pointer-events:none;box-shadow:inset 0 0 0 1px #5d1b89,0 8px 22px #000d;font:700 10px/1.45 'Minecraft',monospace;white-space:normal}.mc-slot:hover .item-tooltip,.mc-slot:focus-visible .item-tooltip{display:block}.item-tooltip strong{display:block;color:#fff;font:inherit}.item-tooltip em{display:block;color:#a972e6;font:inherit;font-style:normal}.item-tooltip small{display:block;color:#a7a7a7;font:inherit}.item-tooltip .durability{color:#dfdfdf}.combat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff16}.combat-stat{min-height:70px;padding:13px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.combat-stat:nth-child(3n){border-right:0}.combat-stat b{display:block;color:#fff;font:700 18px 'Minecraft',monospace}.combat-stat span{display:block;margin-top:4px;color:#817a81;font:800 8px/1.25 'Inter',sans-serif;text-transform:uppercase}.history-updated{margin:13px 0 0;color:#777178;font:500 10px 'Inter',sans-serif}
@media(max-width:1150px){.history-browser{grid-template-columns:275px minmax(0,1fr)}.loadout-stage{grid-template-columns:70px 1fr}.loadout-avatar>img{width:65px}.inventory-grid{padding-inline:9px}.match-players{gap:8px;padding:9px}}
@media(max-width:850px){.history-page{padding-inline:16px}.history-heading{align-items:flex-start;flex-direction:column}.history-heading h1{font-size:46px}.history-browser{grid-template-columns:1fr}.match-list{height:390px}.match-detail{min-height:0}.match-players{grid-template-columns:1fr}.match-detail-head{padding:20px}.match-versus{padding-inline:15px;gap:9px}.history-live{display:none}}
@media(max-width:520px){.match-title h2{font-size:24px}.match-id{display:none}.versus-player b{font-size:12px}.versus-player img{width:34px;height:34px}.match-versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.inventory-grid{grid-template-columns:repeat(9,1fr);gap:1px;padding-inline:5px}.mc-slot{border-width:1px}.combat-grid{grid-template-columns:repeat(2,1fr)}.combat-stat:nth-child(3n){border-right:1px solid #ffffff12}.combat-stat:nth-child(2n){border-right:0}.loadout-stage{grid-template-columns:62px 1fr;padding:10px 7px;gap:7px}.armor-grid{grid-template-columns:repeat(4,32px)}}

/* v36: season/player filtering, readable numbers and accurate ranked presentation */
.history-search{
  display:grid;
  gap:7px;
  padding:14px 15px 13px;
  border-bottom:1px solid #ffffff17;
  background:linear-gradient(115deg,#11131a,#0b0c11);
}
.history-search label{
  color:#ef5968;
  font:900 10px 'Barlow Condensed',sans-serif;
  letter-spacing:1.2px;
}
.history-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}
.history-search input{
  min-width:0;
  height:36px;
  padding:0 10px;
  border:1px solid #ffffff24;
  background:#07080c;
  color:#fff;
  outline:0;
  font:700 12px 'Barlow Condensed',sans-serif;
  letter-spacing:.4px;
}
.history-search input:focus{border-color:#ef3949;box-shadow:0 0 0 2px #ef394922}
.history-search button{
  min-width:63px;
  height:36px;
  padding:0 9px;
  border:1px solid #ef394966;
  background:#38131b;
  color:#fff;
  cursor:pointer;
  font:900 9px 'Barlow Condensed',sans-serif;
  letter-spacing:.8px;
}
.history-search button:hover,.history-search button:focus-visible{border-color:#ef3949;background:#681d2a;outline:0}
.history-search .history-search-clear{min-width:36px;font-size:18px;color:#aaa4aa;background:#16171d;border-color:#ffffff22}
.history-search .history-search-clear[hidden]{display:none}
.history-search>small{color:#706b70;font:800 8px 'Barlow Condensed',sans-serif;letter-spacing:.8px}
.match-list{height:630px}
.match-entry{min-height:102px;grid-template-rows:auto auto}
.match-entry-icon{grid-row:1/3}
.match-entry-main{grid-column:2;grid-row:1}
.match-entry-result{grid-column:3;grid-row:1}
.match-entry-meta{
  grid-column:2/4;
  grid-row:2;
  overflow:hidden;
  color:#756f75;
  font:700 8px 'Barlow Condensed',sans-serif;
  letter-spacing:.2px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.match-entry-players{display:block!important;color:#777178!important;font:700 9px 'Barlow Condensed',sans-serif!important}
.match-entry-player-name,.loadout-player-name{
  color:var(--username-color,#fff)!important;
  text-decoration:none;
  text-shadow:0 0 7px color-mix(in srgb,var(--username-color,#fff) 32%,transparent);
  transition:filter .16s,text-shadow .16s,color .16s;
}
.loadout-player-name:hover,.loadout-player-name:focus-visible{
  filter:brightness(1.28);
  outline:0;
  text-shadow:0 0 12px color-mix(in srgb,var(--username-color,#fff) 62%,transparent);
}
.match-entry-result>strong{color:#55dd7f;font:900 8px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-shadow:0 0 8px #55dd7f55}
.match-entry-result .match-entry-player-name{font:900 10px 'Barlow Condensed',sans-serif;letter-spacing:.5px}
.loadout-player-name{font:900 12px 'Barlow Condensed',sans-serif;letter-spacing:.7px}
.versus-player:hover,.versus-player:focus-visible{outline:0;filter:brightness(1.16)}
.versus-score b{display:flex;align-items:center;justify-content:center;gap:7px;font:900 25px 'Barlow Condensed',sans-serif}
.versus-score .elo-old{color:#ef5968}
.versus-score b i{color:#777178;font:800 20px 'Barlow Condensed',sans-serif;font-style:normal}
.versus-score .elo-new{color:#58df81;text-shadow:0 0 10px #58df8135}
.mc-slot img.is-healing-potion{
  filter:drop-shadow(1px 2px 1px #0007);
}
.history-page .match-list-panel>header b,
.history-page .match-list-panel>header small,
.history-page .match-entry-result small,
.history-page .history-pagination span,
.history-page .match-id,
.history-page .match-title small,
.history-page .versus-score span,
.history-page .loadout-vitals b,
.history-page .ping,
.history-page .item-amount,
.history-page .combat-stat b{
  font-family:'Barlow Condensed',sans-serif!important;
}
.history-page .combat-stat b{font-weight:900;letter-spacing:.25px}
.history-page .item-amount{font-weight:900}

@media(max-width:850px){
  .match-list{height:390px}
  .history-search{padding-inline:12px}
}
@media(max-width:520px){
  .history-search>div{grid-template-columns:minmax(0,1fr) 58px 34px}
  .history-search button{min-width:0;padding-inline:5px}
  .match-entry{min-height:106px}
  .match-entry-meta{font-size:7px}
}

/* v37: Minecraft-like equipped loadout, durability and connection meter. */
.loadout-stage{grid-template-columns:108px minmax(0,1fr);align-items:center;gap:8px;min-height:176px}
.loadout-avatar{align-self:stretch;justify-content:center}
.equipped-player{width:104px;height:150px;position:relative;display:grid;place-items:center}
.equipped-profile-link{width:76px;height:146px;display:grid;place-items:center;position:absolute;right:-2px;top:2px;color:#fff;text-decoration:none;z-index:1}
.equipped-profile-link>img{width:76px;height:140px;object-fit:contain;filter:drop-shadow(0 10px 7px #000c);transition:filter .18s,transform .18s}
.equipped-profile-link>span{position:absolute;right:0;bottom:3px;left:0;padding:4px 2px;background:#090a0de6;color:var(--rank-color);font:900 7px 'Barlow Condensed',sans-serif;letter-spacing:.7px;text-align:center;opacity:0;transform:translateY(4px);transition:.18s}
.equipped-profile-link:hover,.equipped-profile-link:focus-visible{outline:0}
.equipped-profile-link:hover>img,.equipped-profile-link:focus-visible>img{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 10px 7px #000c) drop-shadow(0 0 9px var(--rank-color))}
.equipped-profile-link:hover>span,.equipped-profile-link:focus-visible>span{opacity:1;transform:none}
.equipped-armor{position:absolute!important;left:-3px!important;width:30px!important;height:30px!important;z-index:2;transform:none;box-shadow:0 3px 9px #000b,inset 0 0 0 1px #373737}
.equipped-armor.is-empty{opacity:1;background:linear-gradient(135deg,#929292,#707070);box-shadow:inset 0 0 0 1px #373737,0 3px 9px #000b}
.equipped-helmet{top:4px}.equipped-chestplate{top:41px}.equipped-leggings{top:78px}.equipped-boots{top:115px}
.loadout-vitals{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid #ffffff14;background:linear-gradient(135deg,#18191f,#0d0e13)}
.loadout-vitals b{margin-top:9px;color:#fff!important;font-size:18px!important;letter-spacing:.4px}
.hearts{display:grid;grid-template-columns:repeat(5,20px);justify-content:center;gap:5px 3px;margin:0}
.heart{font-size:20px;line-height:1;color:#29252a;text-shadow:0 2px 0 #000,0 0 5px #000}
.heart.is-full{color:#ed3048;text-shadow:0 2px #750916,0 0 7px #ed304855}.heart.is-half{color:#ed7a84}
.ping{display:flex;align-items:flex-end;justify-content:center;gap:5px;font-size:10px!important}
.ping-bars{height:14px;display:flex;align-items:flex-end;gap:1px;font-style:normal}
.ping-bars b{width:3px!important;margin:0!important;background:#34373b!important;border-radius:1px 1px 0 0}
.ping-bars b:nth-child(1){height:3px}.ping-bars b:nth-child(2){height:5px}.ping-bars b:nth-child(3){height:8px}.ping-bars b:nth-child(4){height:11px}.ping-bars b:nth-child(5){height:14px}
.ping-bars b.is-active{background:#55df7e!important;box-shadow:0 0 3px #55df7e66}
.minecraft-durability{position:absolute;z-index:3;right:3px;bottom:2px;left:3px;height:4px;padding:1px;background:#151515;box-shadow:0 0 0 1px #000}
.minecraft-durability i{display:block;height:2px}
.mc-slot img.is-block-item{width:67%;height:67%;transform:perspective(60px) rotateX(12deg) rotateY(-18deg) rotateZ(2deg);filter:drop-shadow(4px 5px 1px #222b) drop-shadow(-2px -1px 0 #ffffff1c)}
.mc-slot img.is-leaves{filter:sepia(.9) saturate(4.8) hue-rotate(54deg) brightness(.86) contrast(1.05) drop-shadow(4px 5px 1px #182218cc)!important}
.versus-score>span{color:#817b82!important}.versus-score .elo-gain{color:#58df81;font:900 10px 'Barlow Condensed',sans-serif;text-shadow:0 0 8px #58df8145}
.history-page .match-title h2,.history-page .versus-player b,.history-page .versus-score b,
.history-page .item-tooltip,.history-page .combat-stat b,.history-page .mc-slot .item-amount{font-family:'Barlow Condensed',sans-serif!important}

@media(max-width:1150px){.loadout-stage{grid-template-columns:100px minmax(0,1fr)}.equipped-player{transform:scale(.88)}.hearts{grid-template-columns:repeat(5,17px)}.heart{font-size:17px}}
@media(max-width:520px){.loadout-stage{grid-template-columns:90px minmax(0,1fr)}.equipped-player{transform:scale(.76)}.hearts{grid-template-columns:repeat(5,15px);gap:3px 1px}.heart{font-size:15px}.loadout-vitals{padding:7px}.equipped-armor{display:none}}

/* v39: clearer match outcome and larger ELO comparison. */
.match-versus{padding:22px 27px;gap:24px}
.versus-player img{width:54px;height:54px}
.versus-player b{font-family:'Minecraft',monospace!important;font-size:21px;line-height:1.05}
.versus-player small{margin-top:6px;font-size:9px;letter-spacing:1px}
.versus-score b{font-size:35px;gap:10px;line-height:1}
.versus-score b i{font-size:27px}
.versus-score>span{margin-top:8px!important;font-size:11px!important;letter-spacing:.55px}
.versus-score .elo-gain{font-size:15px;text-shadow:0 0 11px #58df8170}
@media(max-width:520px){.match-versus{padding:15px 9px;gap:8px}.versus-player img{width:39px;height:39px}.versus-player b{font-size:13px}.versus-score b{font-size:22px;gap:4px}.versus-score b i{font-size:17px}.versus-score .elo-gain{font-size:11px}}

/* v42: isometric Minecraft blocks and ping beside each inventory name. */
.loadout-player-identity{min-width:0;display:flex;align-items:center;gap:9px}
.loadout-player-identity .ping{flex:none;margin:0;color:#89848a!important;font-size:8px!important;white-space:nowrap}
.loadout-player-identity .ping-bars{height:12px}
.loadout-player-identity .ping-bars b:nth-child(1){height:2px}.loadout-player-identity .ping-bars b:nth-child(2){height:4px}.loadout-player-identity .ping-bars b:nth-child(3){height:6px}.loadout-player-identity .ping-bars b:nth-child(4){height:9px}.loadout-player-identity .ping-bars b:nth-child(5){height:12px}
.mc-block-cube{width:32px;height:33px;display:block;position:relative;transform:translateY(-1px);filter:drop-shadow(2px 3px 0 #222b)}
.mc-block-face{display:block;position:absolute;background-image:var(--block-texture);background-position:center;background-size:cover;image-rendering:pixelated}
.mc-block-top{left:3px;top:0;width:26px;height:14px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:brightness(1.16)}
.mc-block-left{left:3px;top:7px;width:13px;height:24px;clip-path:polygon(0 0,100% 25%,100% 100%,0 75%);filter:brightness(.7)}
.mc-block-right{left:16px;top:7px;width:13px;height:24px;clip-path:polygon(0 25%,100% 0,100% 75%,0 100%);filter:brightness(.92)}
.mc-block-cube.is-leaves{filter:sepia(.85) saturate(4.8) hue-rotate(54deg) brightness(.88) contrast(1.06) drop-shadow(2px 4px 1px #172117cc)}
@media(max-width:1150px){.mc-block-cube{transform:translateY(-1px)}.loadout-player-identity{gap:5px}.loadout-player-identity .ping{font-size:7px!important}}
@media(max-width:520px){.mc-block-cube{transform:translateY(-1px) scale(.82)}.loadout-player-identity .ping{display:none}}
