.trophy-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.trophy-tile{background:#172321b0;border:2px solid transparent;cursor:pointer;min-height:92px;padding:2px;color:white}.trophy-tile:hover,.trophy-tile:focus-visible{border-color:#ddd}.trophy-tile.selected{border-color:#e4c85a}.web-flair{display:inline-block;width:88px;height:88px;background-image:url('/web/assets/flairs.png');background-size:1408px 880px;image-rendering:pixelated;vertical-align:middle}.trophy-tile.locked .web-flair{filter:grayscale(1);opacity:.3}.trophy-detail{text-align:center;position:sticky;top:20px;align-self:start}.trophy-detail .web-flair{transform:scale(1.6);margin:30px}.trophy-detail p{overflow-wrap:anywhere}.trophy-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.trophy-controls select{max-width:100%}.trophy-slots{display:flex;flex-wrap:wrap;gap:6px}.trophy-slot{width:76px;height:80px;padding:0}.trophy-slot .web-flair{transform:scale(.78);transform-origin:top left}.trophy-slot.active{outline:2px solid #e4c85a}.trophy-detail .button{width:100%;margin:8px 0}.trophy-toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trophy-toggle input{width:auto}.trophy-toggle .web-flair{transform:scale(.7);margin:-12px}.trophy-title{max-width:min(80vw,680px);display:block;margin:0 auto 22px}@media(max-width:700px){.trophy-layout{grid-template-columns:1fr}.trophy-detail{position:static}.trophy-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.trophy-tile{min-height:80px}.trophy-tile .web-flair{transform:scale(.82);margin:-6px}}
.sprite-0{background-position:0px 0px}
.sprite-1{background-position:-88px 0px}
.sprite-2{background-position:-176px 0px}
.sprite-3{background-position:-264px 0px}
.sprite-4{background-position:-352px 0px}
.sprite-5{background-position:-440px 0px}
.sprite-6{background-position:-528px 0px}
.sprite-7{background-position:-616px 0px}
.sprite-8{background-position:-704px 0px}
.sprite-9{background-position:-792px 0px}
.sprite-10{background-position:-880px 0px}
.sprite-11{background-position:-968px 0px}
.sprite-12{background-position:-1056px 0px}
.sprite-13{background-position:-1144px 0px}
.sprite-14{background-position:-1232px 0px}
.sprite-15{background-position:-1320px 0px}
.sprite-16{background-position:0px -88px}
.sprite-17{background-position:-88px -88px}
.sprite-18{background-position:-176px -88px}
.sprite-19{background-position:-264px -88px}
.sprite-20{background-position:-352px -88px}
.sprite-21{background-position:-440px -88px}
.sprite-22{background-position:-528px -88px}
.sprite-23{background-position:-616px -88px}
.sprite-24{background-position:-704px -88px}
.sprite-25{background-position:-792px -88px}
.sprite-26{background-position:-880px -88px}
.sprite-27{background-position:-968px -88px}
.sprite-28{background-position:-1056px -88px}
.sprite-29{background-position:-1144px -88px}
.sprite-30{background-position:-1232px -88px}
.sprite-31{background-position:-1320px -88px}
.sprite-32{background-position:0px -176px}
.sprite-33{background-position:-88px -176px}
.sprite-34{background-position:-176px -176px}
.sprite-35{background-position:-264px -176px}
.sprite-36{background-position:-352px -176px}
.sprite-37{background-position:-440px -176px}
.sprite-38{background-position:-528px -176px}
.sprite-39{background-position:-616px -176px}
.sprite-40{background-position:-704px -176px}
.sprite-41{background-position:-792px -176px}
.sprite-42{background-position:-880px -176px}
.sprite-43{background-position:-968px -176px}
.sprite-44{background-position:-1056px -176px}
.sprite-45{background-position:-1144px -176px}
.sprite-46{background-position:-1232px -176px}
.sprite-47{background-position:-1320px -176px}
.sprite-48{background-position:0px -264px}
.sprite-49{background-position:-88px -264px}
.sprite-50{background-position:-176px -264px}
.sprite-51{background-position:-264px -264px}
.sprite-52{background-position:-352px -264px}
.sprite-53{background-position:-440px -264px}
.sprite-54{background-position:-528px -264px}
.sprite-55{background-position:-616px -264px}
.sprite-56{background-position:-704px -264px}
.sprite-57{background-position:-792px -264px}
.sprite-58{background-position:-880px -264px}
.sprite-59{background-position:-968px -264px}
.sprite-60{background-position:-1056px -264px}
.sprite-61{background-position:-1144px -264px}
.sprite-62{background-position:-1232px -264px}
.sprite-63{background-position:-1320px -264px}
.sprite-64{background-position:0px -352px}
.sprite-65{background-position:-88px -352px}
.sprite-66{background-position:-176px -352px}
.sprite-67{background-position:-264px -352px}
.sprite-68{background-position:-352px -352px}
.sprite-69{background-position:-440px -352px}
.sprite-70{background-position:-528px -352px}
.sprite-71{background-position:-616px -352px}
.sprite-72{background-position:-704px -352px}
.sprite-73{background-position:-792px -352px}
.sprite-74{background-position:-880px -352px}
.sprite-75{background-position:-968px -352px}
.sprite-76{background-position:-1056px -352px}
.sprite-77{background-position:-1144px -352px}
.sprite-78{background-position:-1232px -352px}
.sprite-79{background-position:-1320px -352px}
.sprite-80{background-position:0px -440px}
.sprite-81{background-position:-88px -440px}
.sprite-82{background-position:-176px -440px}
.sprite-83{background-position:-264px -440px}
.sprite-84{background-position:-352px -440px}
.sprite-85{background-position:-440px -440px}
.sprite-86{background-position:-528px -440px}
.sprite-87{background-position:-616px -440px}
.sprite-88{background-position:-704px -440px}
.sprite-89{background-position:-792px -440px}
.sprite-90{background-position:-880px -440px}
.sprite-91{background-position:-968px -440px}
.sprite-92{background-position:-1056px -440px}
.sprite-93{background-position:-1144px -440px}
.sprite-94{background-position:-1232px -440px}
.sprite-95{background-position:-1320px -440px}
.sprite-96{background-position:0px -528px}
.sprite-97{background-position:-88px -528px}
.sprite-98{background-position:-176px -528px}
.sprite-99{background-position:-264px -528px}
.sprite-100{background-position:-352px -528px}
.sprite-101{background-position:-440px -528px}
.sprite-102{background-position:-528px -528px}
.sprite-103{background-position:-616px -528px}
.sprite-104{background-position:-704px -528px}
.sprite-105{background-position:-792px -528px}
.sprite-106{background-position:-880px -528px}
.sprite-107{background-position:-968px -528px}
.sprite-108{background-position:-1056px -528px}
.sprite-109{background-position:-1144px -528px}
.sprite-110{background-position:-1232px -528px}
.sprite-111{background-position:-1320px -528px}
.sprite-112{background-position:0px -616px}
.sprite-113{background-position:-88px -616px}
.sprite-114{background-position:-176px -616px}
.sprite-115{background-position:-264px -616px}
.sprite-116{background-position:-352px -616px}
.sprite-117{background-position:-440px -616px}
.sprite-118{background-position:-528px -616px}
.sprite-119{background-position:-616px -616px}
.sprite-120{background-position:-704px -616px}
.sprite-121{background-position:-792px -616px}
.sprite-122{background-position:-880px -616px}
.sprite-123{background-position:-968px -616px}
.sprite-124{background-position:-1056px -616px}
.sprite-125{background-position:-1144px -616px}
.sprite-126{background-position:-1232px -616px}
.sprite-127{background-position:-1320px -616px}
.sprite-128{background-position:0px -704px}
.sprite-129{background-position:-88px -704px}
.sprite-130{background-position:-176px -704px}
.sprite-131{background-position:-264px -704px}
.sprite-132{background-position:-352px -704px}
.sprite-133{background-position:-440px -704px}
.sprite-134{background-position:-528px -704px}
.sprite-135{background-position:-616px -704px}
.sprite-136{background-position:-704px -704px}
.sprite-137{background-position:-792px -704px}
.sprite-138{background-position:-880px -704px}
.sprite-139{background-position:-968px -704px}
.sprite-140{background-position:-1056px -704px}
.sprite-141{background-position:-1144px -704px}
.sprite-142{background-position:-1232px -704px}
.sprite-143{background-position:-1320px -704px}
.sprite-144{background-position:0px -792px}
.sprite-145{background-position:-88px -792px}

.web-flair{flex-shrink:0}.trophy-slot{position:relative;overflow:hidden}.trophy-slot .web-flair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.78);transform-origin:center}.trophy-toggle{border:0;padding:0;box-shadow:none}.trophy-controls select{flex:1;min-width:200px}

/* Keep the native checkbox independent of global text-input styles. */
.trophy-toggle{gap:10px;flex-wrap:nowrap;position:relative;max-width:100%}.trophy-toggle label{margin:0;font-size:17px;line-height:1.4;cursor:pointer}.trophy-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block;flex:0 0 22px;width:22px;height:22px;min-height:0;margin:0;padding:0;border:2px solid #111;background:#b9b9b9;box-shadow:inset 2px 2px #fff,inset -2px -2px #555;cursor:pointer}.trophy-toggle input:checked{background:#589c36;box-shadow:inset 0 0 0 4px #b9b9b9}.trophy-info-wrap{position:relative;display:inline-flex;flex:none}.trophy-info{font:inherit;font-size:20px;line-height:1;min-width:28px;min-height:28px;padding:1px 6px;color:#fff;background:#202a28;border:2px solid #a9b1a9;box-shadow:inset 2px 2px #465048;text-shadow:2px 2px #111}.trophy-info-popup{display:none;position:absolute;z-index:20;top:calc(100% + 10px);right:-45px;width:min(300px,75vw);background:#151c1c;border:2px solid #a9b1a9;padding:12px;box-shadow:4px 4px #000a;font-size:16px;line-height:1.5;text-align:left;white-space:normal}.trophy-info-wrap:hover .trophy-info-popup,.trophy-info:focus-visible+.trophy-info-popup,.trophy-info[aria-expanded=true]+.trophy-info-popup{display:block}.trophy-controls{align-items:center}.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.account-actions>.button{margin:0;min-height:58px;white-space:nowrap;padding:10px 8px;font-size:19px}
.web-flair-cell{display:inline-flex;position:relative;width:60px;height:68px;flex:0 0 60px;align-items:center;justify-content:center;overflow:visible}.web-flair-cell>.web-flair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);margin:0;transform-origin:center}.web-equipment{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0}.web-player-identity{display:flex;align-items:center;gap:8px;min-width:0}.web-player-identity>.web-equipment{width:240px;flex:0 0 240px}.web-name-group{display:flex;align-items:center;gap:0;min-width:0}.web-name-group .player-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;min-width:0}.web-player-cell{min-width:480px}.has-web-flairs .web-player-heading{padding-left:268px}.profile-name .web-player-identity{justify-content:center}.profile-name .web-player-identity>.web-equipment{width:auto;flex:0 1 auto}.web-account-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:4px;min-height:90px;margin-bottom:16px}.web-account-identity>.web-equipment{justify-content:flex-start;flex-wrap:nowrap}.web-account-identity h2{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px}.web-account-streak{justify-self:end}.account-card{container-type:inline-size}.web-account-identity .web-flair-cell{width:min(60px,calc(29cqw / var(--equipment-count,4)));flex-basis:min(60px,calc(29cqw / var(--equipment-count,4)));height:70px}.web-account-identity .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.68)}
@media(max-width:700px){.trophy-controls{gap:16px}.trophy-toggle label{font-size:15px}.trophy-toggle .web-flair{transform:scale(.6);margin:-18px}.web-account-identity h2{font-size:19px}.web-account-identity .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.48)}.profile-name .web-player-identity{flex-wrap:wrap}.profile-name .web-player-identity>.web-equipment{justify-content:center}.account-actions>.button{font-size:17px}}

.web-flair{background-size:1600% 1000%}
.sprite-0{background-position:0.0% 0.0%}
.sprite-1{background-position:6.666666666666667% 0.0%}
.sprite-2{background-position:13.333333333333334% 0.0%}
.sprite-3{background-position:20.0% 0.0%}
.sprite-4{background-position:26.666666666666668% 0.0%}
.sprite-5{background-position:33.33333333333333% 0.0%}
.sprite-6{background-position:40.0% 0.0%}
.sprite-7{background-position:46.666666666666664% 0.0%}
.sprite-8{background-position:53.333333333333336% 0.0%}
.sprite-9{background-position:60.0% 0.0%}
.sprite-10{background-position:66.66666666666666% 0.0%}
.sprite-11{background-position:73.33333333333333% 0.0%}
.sprite-12{background-position:80.0% 0.0%}
.sprite-13{background-position:86.66666666666667% 0.0%}
.sprite-14{background-position:93.33333333333333% 0.0%}
.sprite-15{background-position:100.0% 0.0%}
.sprite-16{background-position:0.0% 11.11111111111111%}
.sprite-17{background-position:6.666666666666667% 11.11111111111111%}
.sprite-18{background-position:13.333333333333334% 11.11111111111111%}
.sprite-19{background-position:20.0% 11.11111111111111%}
.sprite-20{background-position:26.666666666666668% 11.11111111111111%}
.sprite-21{background-position:33.33333333333333% 11.11111111111111%}
.sprite-22{background-position:40.0% 11.11111111111111%}
.sprite-23{background-position:46.666666666666664% 11.11111111111111%}
.sprite-24{background-position:53.333333333333336% 11.11111111111111%}
.sprite-25{background-position:60.0% 11.11111111111111%}
.sprite-26{background-position:66.66666666666666% 11.11111111111111%}
.sprite-27{background-position:73.33333333333333% 11.11111111111111%}
.sprite-28{background-position:80.0% 11.11111111111111%}
.sprite-29{background-position:86.66666666666667% 11.11111111111111%}
.sprite-30{background-position:93.33333333333333% 11.11111111111111%}
.sprite-31{background-position:100.0% 11.11111111111111%}
.sprite-32{background-position:0.0% 22.22222222222222%}
.sprite-33{background-position:6.666666666666667% 22.22222222222222%}
.sprite-34{background-position:13.333333333333334% 22.22222222222222%}
.sprite-35{background-position:20.0% 22.22222222222222%}
.sprite-36{background-position:26.666666666666668% 22.22222222222222%}
.sprite-37{background-position:33.33333333333333% 22.22222222222222%}
.sprite-38{background-position:40.0% 22.22222222222222%}
.sprite-39{background-position:46.666666666666664% 22.22222222222222%}
.sprite-40{background-position:53.333333333333336% 22.22222222222222%}
.sprite-41{background-position:60.0% 22.22222222222222%}
.sprite-42{background-position:66.66666666666666% 22.22222222222222%}
.sprite-43{background-position:73.33333333333333% 22.22222222222222%}
.sprite-44{background-position:80.0% 22.22222222222222%}
.sprite-45{background-position:86.66666666666667% 22.22222222222222%}
.sprite-46{background-position:93.33333333333333% 22.22222222222222%}
.sprite-47{background-position:100.0% 22.22222222222222%}
.sprite-48{background-position:0.0% 33.33333333333333%}
.sprite-49{background-position:6.666666666666667% 33.33333333333333%}
.sprite-50{background-position:13.333333333333334% 33.33333333333333%}
.sprite-51{background-position:20.0% 33.33333333333333%}
.sprite-52{background-position:26.666666666666668% 33.33333333333333%}
.sprite-53{background-position:33.33333333333333% 33.33333333333333%}
.sprite-54{background-position:40.0% 33.33333333333333%}
.sprite-55{background-position:46.666666666666664% 33.33333333333333%}
.sprite-56{background-position:53.333333333333336% 33.33333333333333%}
.sprite-57{background-position:60.0% 33.33333333333333%}
.sprite-58{background-position:66.66666666666666% 33.33333333333333%}
.sprite-59{background-position:73.33333333333333% 33.33333333333333%}
.sprite-60{background-position:80.0% 33.33333333333333%}
.sprite-61{background-position:86.66666666666667% 33.33333333333333%}
.sprite-62{background-position:93.33333333333333% 33.33333333333333%}
.sprite-63{background-position:100.0% 33.33333333333333%}
.sprite-64{background-position:0.0% 44.44444444444444%}
.sprite-65{background-position:6.666666666666667% 44.44444444444444%}
.sprite-66{background-position:13.333333333333334% 44.44444444444444%}
.sprite-67{background-position:20.0% 44.44444444444444%}
.sprite-68{background-position:26.666666666666668% 44.44444444444444%}
.sprite-69{background-position:33.33333333333333% 44.44444444444444%}
.sprite-70{background-position:40.0% 44.44444444444444%}
.sprite-71{background-position:46.666666666666664% 44.44444444444444%}
.sprite-72{background-position:53.333333333333336% 44.44444444444444%}
.sprite-73{background-position:60.0% 44.44444444444444%}
.sprite-74{background-position:66.66666666666666% 44.44444444444444%}
.sprite-75{background-position:73.33333333333333% 44.44444444444444%}
.sprite-76{background-position:80.0% 44.44444444444444%}
.sprite-77{background-position:86.66666666666667% 44.44444444444444%}
.sprite-78{background-position:93.33333333333333% 44.44444444444444%}
.sprite-79{background-position:100.0% 44.44444444444444%}
.sprite-80{background-position:0.0% 55.55555555555556%}
.sprite-81{background-position:6.666666666666667% 55.55555555555556%}
.sprite-82{background-position:13.333333333333334% 55.55555555555556%}
.sprite-83{background-position:20.0% 55.55555555555556%}
.sprite-84{background-position:26.666666666666668% 55.55555555555556%}
.sprite-85{background-position:33.33333333333333% 55.55555555555556%}
.sprite-86{background-position:40.0% 55.55555555555556%}
.sprite-87{background-position:46.666666666666664% 55.55555555555556%}
.sprite-88{background-position:53.333333333333336% 55.55555555555556%}
.sprite-89{background-position:60.0% 55.55555555555556%}
.sprite-90{background-position:66.66666666666666% 55.55555555555556%}
.sprite-91{background-position:73.33333333333333% 55.55555555555556%}
.sprite-92{background-position:80.0% 55.55555555555556%}
.sprite-93{background-position:86.66666666666667% 55.55555555555556%}
.sprite-94{background-position:93.33333333333333% 55.55555555555556%}
.sprite-95{background-position:100.0% 55.55555555555556%}
.sprite-96{background-position:0.0% 66.66666666666666%}
.sprite-97{background-position:6.666666666666667% 66.66666666666666%}
.sprite-98{background-position:13.333333333333334% 66.66666666666666%}
.sprite-99{background-position:20.0% 66.66666666666666%}
.sprite-100{background-position:26.666666666666668% 66.66666666666666%}
.sprite-101{background-position:33.33333333333333% 66.66666666666666%}
.sprite-102{background-position:40.0% 66.66666666666666%}
.sprite-103{background-position:46.666666666666664% 66.66666666666666%}
.sprite-104{background-position:53.333333333333336% 66.66666666666666%}
.sprite-105{background-position:60.0% 66.66666666666666%}
.sprite-106{background-position:66.66666666666666% 66.66666666666666%}
.sprite-107{background-position:73.33333333333333% 66.66666666666666%}
.sprite-108{background-position:80.0% 66.66666666666666%}
.sprite-109{background-position:86.66666666666667% 66.66666666666666%}
.sprite-110{background-position:93.33333333333333% 66.66666666666666%}
.sprite-111{background-position:100.0% 66.66666666666666%}
.sprite-112{background-position:0.0% 77.77777777777779%}
.sprite-113{background-position:6.666666666666667% 77.77777777777779%}
.sprite-114{background-position:13.333333333333334% 77.77777777777779%}
.sprite-115{background-position:20.0% 77.77777777777779%}
.sprite-116{background-position:26.666666666666668% 77.77777777777779%}
.sprite-117{background-position:33.33333333333333% 77.77777777777779%}
.sprite-118{background-position:40.0% 77.77777777777779%}
.sprite-119{background-position:46.666666666666664% 77.77777777777779%}
.sprite-120{background-position:53.333333333333336% 77.77777777777779%}
.sprite-121{background-position:60.0% 77.77777777777779%}
.sprite-122{background-position:66.66666666666666% 77.77777777777779%}
.sprite-123{background-position:73.33333333333333% 77.77777777777779%}
.sprite-124{background-position:80.0% 77.77777777777779%}
.sprite-125{background-position:86.66666666666667% 77.77777777777779%}
.sprite-126{background-position:93.33333333333333% 77.77777777777779%}
.sprite-127{background-position:100.0% 77.77777777777779%}
.sprite-128{background-position:0.0% 88.88888888888889%}
.sprite-129{background-position:6.666666666666667% 88.88888888888889%}
.sprite-130{background-position:13.333333333333334% 88.88888888888889%}
.sprite-131{background-position:20.0% 88.88888888888889%}
.sprite-132{background-position:26.666666666666668% 88.88888888888889%}
.sprite-133{background-position:33.33333333333333% 88.88888888888889%}
.sprite-134{background-position:40.0% 88.88888888888889%}
.sprite-135{background-position:46.666666666666664% 88.88888888888889%}
.sprite-136{background-position:53.333333333333336% 88.88888888888889%}
.sprite-137{background-position:60.0% 88.88888888888889%}
.sprite-138{background-position:66.66666666666666% 88.88888888888889%}
.sprite-139{background-position:73.33333333333333% 88.88888888888889%}
.sprite-140{background-position:80.0% 88.88888888888889%}
.sprite-141{background-position:86.66666666666667% 88.88888888888889%}
.sprite-142{background-position:93.33333333333333% 88.88888888888889%}
.sprite-143{background-position:100.0% 88.88888888888889%}
.sprite-144{background-position:0.0% 100.0%}
.sprite-145{background-position:6.666666666666667% 100.0%}
.sprite-146{background-position:13.333333333333334% 100.0%}
.sprite-147{background-position:20.0% 100.0%}
.sprite-148{background-position:26.666666666666668% 100.0%}
.sprite-149{background-position:33.33333333333333% 100.0%}
.sprite-150{background-position:40.0% 100.0%}
.sprite-151{background-position:46.666666666666664% 100.0%}
.sprite-152{background-position:53.333333333333336% 100.0%}
.sprite-153{background-position:60.0% 100.0%}
.sprite-154{background-position:66.66666666666666% 100.0%}
.sprite-155{background-position:73.33333333333333% 100.0%}
.sprite-156{background-position:80.0% 100.0%}
.sprite-157{background-position:86.66666666666667% 100.0%}
.sprite-158{background-position:93.33333333333333% 100.0%}
.sprite-159{background-position:100.0% 100.0%}
.web-account-identity .web-flair-cell>.web-flair{width:100%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}

.web-profile-flairs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;min-height:68px}.web-profile-flairs:empty{min-height:0}

.has-web-flairs .web-player-identity{min-height:68px}

/* Smaller leaderboard badges; account identity remains independently sized. */
.has-web-flairs .web-player-identity{min-height:40px;gap:6px}.has-web-flairs .web-flair-cell{width:36px;height:40px;flex-basis:36px}.has-web-flairs .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.48)}.has-web-flairs .web-player-identity>.web-equipment{width:144px;flex-basis:144px}.has-web-flairs .web-player-heading{padding-left:170px}.has-web-flairs .web-player-cell{min-width:380px}
.account-card{padding-top:12px}.web-account-identity{grid-template-columns:35% 30% 35%;min-height:62px;margin-bottom:12px;gap:0}.web-account-identity h2{font-size:32px}.web-account-identity .web-flair-cell{width:min(64px,calc(35cqw / var(--equipment-count,4)));flex-basis:min(64px,calc(35cqw / var(--equipment-count,4)));height:62px}.web-account-streak .web-flair-cell{width:64px}.profile-elo-stat .web-profile-flairs{min-height:0;margin:-8px -12px 8px;flex-wrap:nowrap}.profile-elo-stat .web-flair-cell{width:48px;height:52px;flex:0 1 48px}.profile-elo-stat .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.63)}
@media(max-width:700px){.web-account-identity h2{font-size:26px}.account-card{padding-top:8px}.web-account-identity{min-height:58px;margin-bottom:8px}.profile-elo-stat .web-profile-flairs{flex-wrap:wrap;margin:-4px -4px 8px}.profile-elo-stat .web-flair-cell{width:30px;height:32px;flex-basis:30px}.profile-elo-stat .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.38)}}

@media(max-width:700px){.web-account-identity{grid-template-columns:30% 40% 30%}.web-account-identity .web-equipment .web-flair-cell{width:min(64px,calc(30cqw / var(--equipment-count,4)));flex-basis:min(64px,calc(30cqw / var(--equipment-count,4)))}}

.web-equipment{gap:6px}.web-profile-flairs{gap:6px}.has-web-flairs .web-player-identity>.web-equipment{width:162px;flex-basis:162px}.has-web-flairs .web-player-heading{padding-left:188px}.has-web-flairs .web-player-cell{min-width:398px}.web-account-identity .web-equipment .web-flair-cell{width:min(64px,calc((35cqw - 6px * (var(--equipment-count,4) - 1)) / var(--equipment-count,4)));flex-basis:min(64px,calc((35cqw - 6px * (var(--equipment-count,4) - 1)) / var(--equipment-count,4)))}
.stats-profile-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;margin-bottom:18px;min-height:58px}.stats-profile-header .profile-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-profile-header .web-profile-flairs{justify-content:flex-start;flex-wrap:nowrap;min-height:0}.stats-profile-header .web-flair-cell{width:44px;height:52px;flex:0 1 44px}.stats-profile-header .web-flair-cell>.web-flair{width:100%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
@media(max-width:700px){.web-account-identity .web-equipment{gap:5px}.web-account-identity .web-equipment .web-flair-cell{width:min(64px,calc((30cqw - 5px * (var(--equipment-count,4) - 1)) / var(--equipment-count,4)));flex-basis:min(64px,calc((30cqw - 5px * (var(--equipment-count,4) - 1)) / var(--equipment-count,4)))}.stats-profile-header{gap:8px;margin-bottom:14px}.stats-profile-header .profile-name{font-size:23px}.stats-profile-header .web-profile-flairs{gap:4px}.stats-profile-header .web-flair-cell{width:25px;height:34px;flex-basis:25px}}

/* Owner identity preview follows the compact mobile client proportions. */
.profile-charts:has(.profile-detail-header){align-items:start}
.profile-charts .profile-detail-header{min-height:28px;align-items:center;gap:10px;margin:0 0 14px}
.profile-charts .profile-detail-header>.identity-pronouns{font-size:15px;transform:none}
.profile-charts .profile-detail-header>.identity-stats-name{font-size:22px}
.profile-charts .profile-flag{width:33px;height:22px}
.profile-actions>.button{display:flex;align-items:center;justify-content:center;line-height:1.1;text-align:center}
@media(max-width:720px){
 .web-account-identity.identity-preview-account .identity-account-flairs .web-flair-cell{flex-basis:32px;width:32px;height:36px}
 .web-account-identity.identity-preview-account .profile-flag{width:27px;height:18px}
 .web-account-identity.identity-preview-account .profile-flag-empty{width:25px;height:17px}
 .web-account-identity.identity-preview-account .profile-flags{gap:4px}
 .web-account-identity.identity-preview-account .identity-name-stack h2{font-size:22px}
 .profile-charts .profile-detail-header{min-height:24px;gap:6px;margin-bottom:8px}
 .profile-charts .profile-detail-header>.identity-pronouns{font-size:12px}
 .profile-charts .profile-detail-header>.identity-stats-name{font-size:17px}
 .profile-charts .profile-flag{width:27px;height:18px}
}
.web-match-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
.web-match-intro{position:fixed;top:6vh;left:50%;transform:translateX(-50%);width:min(1100px,94vw);display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:center;gap:10px;z-index:100;pointer-events:none;animation:identity-intro-fade 4.3s both}
.web-match-intro article{background:#10191af5;border:2px solid #849f9e;padding:14px;min-width:0;animation:identity-intro-left .7s both}
.web-match-intro article:last-child{animation-name:identity-intro-right}
.web-match-intro .intro-heading{display:flex;gap:8px;align-items:center;min-width:0}.web-match-intro .intro-name{font-size:24px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-match-intro .intro-flairs{display:flex;gap:4px}.web-match-intro .web-flair-cell{width:32px;height:36px;flex:0 0 32px}.web-match-intro .web-flair-cell>.web-flair{width:32px;height:32px;transform:translate(-50%,-50%)}
.web-match-intro .identity-pronouns{font-size:15px}.web-match-intro .intro-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.intro-rating{color:#ebd273}.web-match-intro .profile-flag{width:30px;height:20px}.intro-vs{text-align:center;font-size:24px}
@keyframes identity-intro-left{from{transform:translateX(-70vw)}to{transform:translateX(0)}}@keyframes identity-intro-right{from{transform:translateX(70vw)}to{transform:translateX(0)}}@keyframes identity-intro-fade{0%{opacity:0}16%,86%{opacity:1}100%{opacity:0}}
@media(max-width:720px){.web-match-intro{top:12px;grid-template-columns:minmax(0,1fr);gap:5px}.web-match-intro article{padding:10px}.intro-vs{font-size:16px}.web-match-intro .intro-name{font-size:20px}.web-match-intro .intro-bottom{margin-top:6px}.web-match-intro .identity-pronouns{font-size:13px}}
@media(prefers-reduced-motion:reduce){.web-match-intro article{animation:none}.web-match-intro{animation:identity-intro-fade 4.3s both}}

.web-account-identity.identity-preview-account .identity-account-flairs .web-flair-cell>.web-flair{width:88px;height:88px;aspect-ratio:auto;transform:translate(-50%,-50%) scale(.55)}
.stats-profile-header .web-flair-cell>.web-flair{width:88px;height:88px;aspect-ratio:auto;transform:translate(-50%,-50%) scale(.48)}
.web-match-intro .web-flair-cell>.web-flair{width:88px;height:88px;transform:translate(-50%,-50%) scale(.36)}
@media(max-width:720px){.web-account-identity.identity-preview-account .identity-account-flairs .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.34)}.stats-profile-header .web-flair-cell>.web-flair{transform:translate(-50%,-50%) scale(.28)}}

@media(max-width:720px){.stats-profile-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}}

/* Website profile identity belongs to the summary above the history graph. */
.stats-profile-header>.profile-name-stack{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.stats-profile-header .profile-name-stack>.profile-name{width:100%;font-size:26px}
.stats-profile-header .profile-name-stack>.identity-pronouns{font-size:15px;line-height:1.2}
.stats-profile-header>.profile-flags{justify-self:end;gap:6px}
.stats-profile-header>.profile-flags>.profile-flag{width:33px;height:22px}
@media(max-width:720px){.stats-profile-header .profile-name-stack>.profile-name{font-size:22px}.stats-profile-header .profile-name-stack>.identity-pronouns{font-size:12px}.stats-profile-header>.profile-flags{gap:4px}.stats-profile-header>.profile-flags>.profile-flag{width:27px;height:18px}}
@media(max-width:700px){.has-web-flairs .web-player-identity>.web-equipment:empty{display:none}.has-web-flairs .web-player-heading{padding-left:12px}.has-web-flairs .web-player-cell{min-width:0}}