.progression-avatar{--avatar-radius: 17px;--avatar-radius-alt: var(--avatar-radius);--frame-width: 1px;display:grid;place-items:center;position:relative;isolation:isolate;flex:0 0 60px;width:60px;height:60px;background:var(--accent-soft);color:var(--accent);border:var(--frame-width) solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--avatar-radius) var(--avatar-radius-alt);font:800 25px Manrope,sans-serif}.progression-avatar.has-frame{--frame-width: 3px;--frame-ornament: 13px;border-color:transparent;background:linear-gradient(var(--accent-soft),var(--accent-soft)) padding-box,var(--frame-gradient, linear-gradient(var(--frame-color), var(--frame-color))) border-box;box-shadow:0 1px 4px color-mix(in srgb,var(--frame-color) 22%,transparent)}.progression-avatar.frame-leaf{--frame-color: #63a679;--frame-gradient: linear-gradient(135deg, #c8e9a5, #63a679, #b4dba0, #478365);--avatar-radius: 20px;--avatar-radius-alt: 9px}.progression-avatar.frame-copper{--frame-color: #b97949;--frame-gradient: linear-gradient(135deg, #f3ceaa, #b97949, #edbb83, #a6643e)}.progression-avatar.frame-silver{--frame-color: #8f9bae;--frame-gradient: linear-gradient(135deg, #f3f6ff, #8f9bae, #eef4ff, #78869b)}.progression-avatar.frame-gold{--frame-color: #cba043;--frame-gradient: linear-gradient(135deg, #ffedb0, #cba043, #ffe397, #b68531)}.progression-avatar.frame-azure{--frame-color: #438dc5;--frame-gradient: linear-gradient(135deg, #bcefff, #438dc5, #d2f1ff, #326da7)}.progression-avatar.frame-rose{--frame-color: #c9658e;--frame-gradient: linear-gradient(135deg, #ffe3ee, #c9658e, #f8c8df, #a33d76)}.progression-avatar.frame-ice{--frame-color: #5facbb;--frame-gradient: linear-gradient(135deg, #d5fbff, #5facbb, #effeff, #71afce)}.progression-avatar.frame-prism{--frame-color: #9371d6;--frame-gradient: linear-gradient(135deg, #70daca, #9371d6, #f8b4cb, #eac76c, #70daca)}.progression-avatar.frame-ember{--frame-color: #db7840;--frame-gradient: linear-gradient(135deg, #ffe0a1, #db7840, #ffbd69, #b34d43)}.progression-avatar.frame-amethyst{--frame-color: #8955ba;--frame-gradient: linear-gradient(135deg, #e1c8ff, #8955ba, #bd9bff, #603c99)}.progression-avatar.frame-jade{--frame-color: #369d88;--frame-gradient: linear-gradient(135deg, #bdebc6, #369d88, #98e0bb, #226d63)}.progression-avatar.frame-ruby{--frame-color: #c34d68;--frame-gradient: linear-gradient(135deg, #ffd4df, #c34d68, #ff9fab, #913551)}.progression-avatar.frame-obsidian{--frame-color: #626d85;--frame-gradient: linear-gradient(135deg, #a9bbd1, #626d85, #34384e, #8c9cb7)}.progression-avatar.frame-celestial{--frame-color: #718ac7;--frame-gradient: linear-gradient(135deg, #ffedb3, #718ac7, #b9d9fc, #a595d6, #ffedb3)}.progression-avatar.frame-endurance{--frame-color: #bb8947;--frame-gradient: linear-gradient(135deg, #ffedb3, #bb8947, #e6bd75, #9371c9, #f4d89c)}.progression-avatar.frame-clover{--frame-color: #38916b;--frame-gradient: linear-gradient(135deg, #d8f6bc, #38916b, #7bd0a0, #d9b76c, #20724f)}.progression-avatar.has-portrait{overflow:visible}.progression-avatar-art{display:block;width:100%;height:100%;min-width:0;min-height:0;background-image:url(/medals/avatars-soft-v1.webp);background-size:200% 200%;background-repeat:no-repeat;border-radius:max(0px,calc(var(--avatar-radius) - var(--frame-width))) max(0px,calc(var(--avatar-radius-alt) - var(--frame-width)))}.progression-avatar.has-frame:before{content:"";position:absolute;pointer-events:none;inset:calc(-1 * var(--frame-width));border:1px solid color-mix(in srgb,var(--frame-color) 75%,white);border-radius:inherit;box-shadow:inset 0 1px #ffffff75}.progression-avatar.has-frame:after{content:"";position:absolute;z-index:2;pointer-events:none;width:var(--frame-ornament);height:calc(var(--frame-ornament) * .7);left:50%;bottom:calc(var(--frame-width) * -1 - 3px);transform:translate(-50%);background:var(--frame-gradient);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.progression-avatar.frame-copper:after{width:calc(var(--frame-ornament) * .9);height:4px;bottom:calc(var(--frame-width) * -1 - 1px);clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}.progression-avatar.frame-silver:after{width:calc(var(--frame-ornament) * 1.3);height:5px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.progression-avatar.frame-gold:after{width:calc(var(--frame-ornament) * 1.35);height:calc(var(--frame-ornament) * .75);clip-path:polygon(0 8%,27% 40%,50% 0,73% 40%,100% 8%,88% 100%,12% 100%)}.progression-avatar.frame-leaf:after,.progression-avatar.frame-jade:after{left:auto;right:-5px;bottom:-3px;width:calc(var(--frame-ornament) * 1.1);height:calc(var(--frame-ornament) * .65);transform:rotate(-32deg);clip-path:none;border-radius:95% 0;box-shadow:-4px -3px color-mix(in srgb,var(--frame-color) 64%,#d5f4b6)}.progression-avatar.frame-rose:after{height:var(--frame-ornament);clip-path:polygon(50% 0,68% 23%,97% 18%,91% 50%,100% 79%,68% 79%,50% 100%,32% 79%,0 79%,9% 50%,3% 18%,32% 23%)}.progression-avatar.frame-ice:after{left:auto;right:-5px;top:-5px;bottom:auto;width:calc(var(--frame-ornament) * .65);height:calc(var(--frame-ornament) * 1.3);transform:rotate(32deg);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%)}.progression-avatar.frame-prism:after,.progression-avatar.frame-celestial:after{height:var(--frame-ornament);clip-path:polygon(50% 0,64% 34%,100% 50%,64% 65%,50% 100%,36% 65%,0 50%,36% 34%)}.progression-avatar.frame-prism:after{left:auto;right:-5px;top:-5px;bottom:auto;transform:none}.progression-avatar.frame-celestial:after{width:calc(var(--frame-ornament) * 1.25);height:calc(var(--frame-ornament) * 1.25)}.progression-avatar.frame-ember:after{height:calc(var(--frame-ornament) * 1.1);clip-path:polygon(51% 0,65% 36%,84% 19%,100% 68%,81% 100%,20% 100%,0 66%,23% 29%,28% 67%)}.progression-avatar.frame-amethyst:after{height:var(--frame-ornament);clip-path:polygon(28% 0,72% 0,100% 37%,50% 100%,0 37%)}.progression-avatar.frame-ruby:after{height:calc(var(--frame-ornament) * .95);clip-path:polygon(50% 20%,68% 0,90% 8%,100% 35%,50% 100%,0 35%,10% 8%,32% 0)}.progression-avatar.frame-obsidian:after{height:var(--frame-ornament);clip-path:polygon(18% 0,82% 0,100% 30%,80% 78%,50% 100%,20% 78%,0 30%)}.progression-avatar.frame-endurance:after{width:calc(var(--frame-ornament) * 2);height:var(--frame-ornament);clip-path:polygon(0 8%,12% 20%,12% 0,24% 16%,26% 3%,38% 32%,43% 51%,50% 27%,57% 51%,62% 32%,74% 3%,76% 16%,88% 0,88% 20%,100% 8%,94% 47%,82% 73%,63% 91%,50% 100%,37% 91%,18% 73%,6% 47%)}.progression-avatar.frame-clover:after{width:calc(var(--frame-ornament) * 1.15);height:calc(var(--frame-ornament) * 1.15);clip-path:polygon(50% 22%,42% 8%,30% 0,17% 3%,8% 12%,5% 24%,12% 39%,22% 50%,8% 58%,0 70%,3% 83%,12% 92%,24% 95%,39% 88%,50% 78%,58% 92%,70% 100%,83% 97%,92% 88%,95% 76%,88% 61%,78% 50%,92% 42%,100% 30%,97% 17%,88% 8%,76% 5%,61% 12%)}.progression-avatar-art.is-atlas-2{background-image:url(/medals/avatars-soft-v2-korrigiert.webp)}.progression-avatar-art.is-atlas-3{background-image:url(/medals/avatars-soft-v3.webp)}.progression-avatar-art.is-atlas-4{background-image:url(/medals/avatars-soft-v4.webp)}.progression-avatar-art.is-atlas-5{background-image:url(/medals/avatars-soft-v5.webp)}.progression-avatar-art.is-atlas-6{background-image:url(/medals/avatars-soft-v6.webp)}.progression-avatar-art.is-atlas-7{background-image:url(/medals/avatars-soft-v7-kuh.webp)}.progression-avatar-art.is-atlas-8{background-image:url(/medals/avatars-soft-v8-kamel.webp)}.progression-avatar-art.is-atlas-9{background-image:url(/medals/avatars-soft-v9-chamaeleon.webp)}.player-avatar.avatar-small{--avatar-radius: 10px;flex-basis:34px;width:34px;height:34px;font-size:15px}.player-avatar.avatar-medium{--avatar-radius: 12px;flex-basis:42px;width:42px;height:42px;font-size:18px}.player-avatar.avatar-small.has-frame,.player-avatar.avatar-medium.has-frame{--frame-width: 2px;--frame-ornament: 9px}.player-avatar.avatar-small.frame-leaf{--avatar-radius: 12px;--avatar-radius-alt: 6px}.player-avatar.avatar-medium.frame-leaf{--avatar-radius: 14px;--avatar-radius-alt: 7px}.progression-avatar.player-avatar{border-radius:var(--avatar-radius) var(--avatar-radius-alt)}.player-avatar.account-avatar{--avatar-radius: 18px}.player-avatar.account-avatar.frame-leaf{--avatar-radius: 21px;--avatar-radius-alt: 10px}@media(max-width:560px){.player-avatar.account-avatar{--avatar-radius: 16px}.player-avatar.account-avatar.frame-leaf{--avatar-radius: 18px;--avatar-radius-alt: 8px}}@media(max-width:370px){.player-avatar.account-avatar{--avatar-radius: 13px}.player-avatar.account-avatar.frame-leaf{--avatar-radius: 15px;--avatar-radius-alt: 7px}}.player-cosmetic-title{display:inline-block;max-width:100%;color:var(--secondary);font-size:10px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.player-avatar-button{padding:0;border:0!important;background:transparent!important;border-radius:12px}.player-avatar-button .player-avatar{pointer-events:none}.player-avatar-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.medal-art{display:inline-block;flex:0 0 auto;background-size:600% 400%;background-position:var(--medal-x) var(--medal-y);background-repeat:no-repeat;vertical-align:middle}.medal-art.is-soft{background-image:url(/medals/soft-v1.webp)}.medal-art.is-locked{filter:grayscale(1);opacity:.3}.round-experience{margin:16px 0;color:var(--secondary);font-size:12px}.round-experience summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none}.round-experience summary strong,.round-experience summary svg{color:var(--accent)}.round-experience dl{max-width:300px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.round-experience dl>div{display:flex;justify-content:space-between;gap:14px;margin:4px 0}.round-experience dd{margin:0;color:var(--text)}.round-experience p{max-width:50ch;line-height:1.6}.player-profile-button{margin:0 16px 8px;font-size:11px}button.social-avatar,button.lobby-player-avatar{cursor:pointer;border:1px solid var(--border);font:inherit}button.social-avatar:hover,button.lobby-player-avatar:hover{border-color:var(--accent)}