.player-head-shell{z-index:1;width:var(--player-head-width);height:var(--player-head-height);perspective:560px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.player-head-shell--match{--player-skin-size:36px;--player-head-width:52px;--player-head-height:44px}.player-head-shell--profile{--player-skin-size:40px;--player-head-width:52px;--player-head-height:44px}@media (width>=640px){.player-head-shell--match{--player-skin-size:42px;--player-head-width:60px;--player-head-height:52px}.player-head-shell--profile{--player-skin-size:44px;--player-head-width:56px;--player-head-height:48px}}@media (width>=1024px){.player-head-shell--profile{--player-skin-size:3.375rem;--player-head-width:3.375rem;--player-head-height:3.375rem}}.player-head-shell .player-skin-stage{--player-skin-depth:calc(var(--player-skin-size) / 2 - .367px);width:var(--player-head-width);perspective:520px;flex:none;justify-content:center;align-items:center;display:flex;overflow:visible}.player-skin-button{width:var(--player-skin-size);height:var(--player-skin-size);color:inherit;cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.player-skin-button:disabled{cursor:default}.player-skin-button:focus-visible{outline-offset:12px;outline:2px solid #22d3ee8c}.player-skin-cube-shell{width:var(--player-skin-size);height:var(--player-skin-size);transform-style:preserve-3d;display:block;position:relative}.player-skin-cube{width:100%;height:100%;transform:rotateX(var(--head-rotate-x)) rotateY(var(--head-rotate-y));transform-style:preserve-3d;transition:transform .14s ease-out;display:block;position:relative}.player-skin-stage.is-hurt .player-skin-cube-shell{animation:.36s cubic-bezier(.2,1.4,.28,1) player-skin-hurt-pop}.player-skin-stage.is-dying .player-skin-cube-shell{animation:.9s linear both player-skin-death-respawn}.player-skin-stage.is-celebrating .player-skin-cube-shell{animation:.76s cubic-bezier(.16,1.2,.28,1) player-skin-celebration-bounce}.player-skin-face{background-image:var(--skin-url);background-position:var(--skin-face-position);backface-visibility:hidden;image-rendering:pixelated;background-size:800% 800%;display:block;position:absolute;inset:0}.player-skin-face:after{content:"";-webkit-mask-image:var(--skin-url);mask-image:var(--skin-url);-webkit-mask-position:var(--skin-face-position);mask-position:var(--skin-face-position);opacity:0;pointer-events:none;-webkit-mask-size:800% 800%;mask-size:800% 800%;-webkit-mask-image:var(--skin-url);-webkit-mask-position:var(--skin-face-position);background:#ff2424;display:block;position:absolute;inset:0;-webkit-mask-size:800% 800%}.player-skin-stage.is-hurt .player-skin-face:after{animation:.36s linear player-skin-hurt-flash}.player-skin-overlay-face{backface-visibility:visible;pointer-events:none;scale:1.125 1.125 1.125}.player-skin-face-front{--skin-face-position:-100% -100%;transform:translateZ(var(--player-skin-depth))}.player-skin-face-back{--skin-face-position:-300% -100%;transform:translateZ(calc(var(--player-skin-depth) * -1)) rotateY(180deg)}.player-skin-face-right{--skin-face-position:-200% -100%;transform:rotateY(90deg) translateZ(var(--player-skin-depth))}.player-skin-face-left{--skin-face-position:0% -100%;transform:rotateY(-90deg) translateZ(var(--player-skin-depth))}.player-skin-face-top{--skin-face-position:-100% 0%;transform:rotateX(90deg) translateZ(var(--player-skin-depth))}.player-skin-face-bottom{--skin-face-position:-200% 0%;transform:rotateX(-90deg) rotate(180deg) translateZ(var(--player-skin-depth))}.player-skin-overlay-front{--skin-face-position:-500% -100%;transform:translateZ(var(--player-skin-depth))}.player-skin-overlay-back{--skin-face-position:-700% -100%;transform:translateZ(calc(var(--player-skin-depth) * -1)) rotateY(180deg)}.player-skin-overlay-right{--skin-face-position:-600% -100%;transform:rotateY(90deg) translateZ(var(--player-skin-depth))}.player-skin-overlay-left{--skin-face-position:-400% -100%;transform:rotateY(-90deg) translateZ(var(--player-skin-depth))}.player-skin-overlay-top{--skin-face-position:-500% 0%;transform:rotateX(90deg) translateZ(var(--player-skin-depth))}.player-skin-overlay-bottom{--skin-face-position:-600% 0%;transform:rotateX(-90deg) rotate(180deg) translateZ(var(--player-skin-depth))}.player-skin-fallback{aspect-ratio:1;width:76%;image-rendering:pixelated;background:#0a0a0ae6;border:1px solid #22d3ee2e;display:block}.player-skin-particle-burst{pointer-events:none;width:0;height:0;display:block;position:absolute;inset:50% auto auto 50%}.player-skin-particle{width:var(--particle-size);height:var(--particle-size);background:var(--particle-color);image-rendering:pixelated;opacity:0;transform:translate(-50%, -50%) scale(var(--particle-start-scale)) rotate(var(--particle-start-rotate));display:block;position:absolute}.player-skin-particle--death{--particle-start-scale:.7;--particle-start-rotate:0deg}.player-skin-particle--celebration{--particle-start-scale:.55;--particle-start-rotate:0deg}.player-skin-stage.is-dying .player-skin-particle--death{animation:.64s cubic-bezier(.16,.78,.22,1) both player-skin-death-particle}.player-skin-stage.is-celebrating .player-skin-particle--celebration{animation:.76s cubic-bezier(.16,.78,.22,1) both player-skin-celebration-particle}@keyframes player-skin-hurt-flash{0%,34%{opacity:.34}to{opacity:0}}@keyframes player-skin-death-respawn{0%,70%{opacity:0;transform:scale(.12)}73%{opacity:1;transform:scale(.2)}77%{transform:scale(.31)}81%{transform:scale(.43)}85%{transform:scale(.54)}89%{transform:scale(.66)}93%{transform:scale(.77)}96%{transform:scale(.89)}98%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes player-skin-death-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1}72%{opacity:.95;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y) + 18px)) scale(.25)}}@keyframes player-skin-hurt-pop{0%{transform:scale(1)}18%{transform:scale(1.08)}46%{transform:scale(.98)}to{transform:scale(1)}}@keyframes player-skin-celebration-bounce{0%{transform:translateY(0)scale(1)rotate(0)}24%{transform:translateY(-7px)scale(1.08)rotate(-4deg)}48%{transform:translateY(2px)scale(.98)rotate(3deg)}72%{transform:translateY(-2px)scale(1.02)rotate(-1deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes player-skin-celebration-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}10%{opacity:1}70%{opacity:.95;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1) rotate(90deg)}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y) + 20px)) scale(.2) rotate(180deg)}}@media (prefers-reduced-motion:reduce){.player-skin-cube{transition:none}.player-skin-stage.is-hurt .player-skin-cube-shell,.player-skin-stage.is-dying .player-skin-cube-shell,.player-skin-stage.is-celebrating .player-skin-cube-shell,.player-skin-stage.is-hurt .player-skin-face:after,.player-skin-stage.is-dying .player-skin-particle--death,.player-skin-stage.is-celebrating .player-skin-particle--celebration{animation:none}}