.player-banner{--banner-a:#17191d;--banner-b:#4c525b;--banner-edge:#c3c8ce;--banner-text:#fff;isolation:isolate;min-height:168px;color:var(--banner-text);background:linear-gradient(118deg, var(--banner-a) 0 54%, var(--banner-b) 100%);border:1px solid #111;grid-template-rows:auto minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative;overflow:hidden}.player-banner:before{z-index:-2;content:"";opacity:.2;background:repeating-linear-gradient(118deg,#0000 0 21px,#fff 22px 23px);position:absolute;inset:0}.player-banner:after{z-index:-1;border-right:8px solid color-mix(in srgb, var(--banner-edge) 70%, transparent);border-left:1px solid color-mix(in srgb, var(--banner-text) 35%, transparent);content:"";background:color-mix(in srgb, var(--banner-edge) 18%, transparent);width:36%;height:180%;position:absolute;top:-35%;right:8%;transform:rotate(12deg)}.player-banner.banner-signal{--banner-a:#171717;--banner-b:#756300;--banner-edge:#f3d52c}.player-banner.banner-aurora{--banner-a:#073d45;--banner-b:#483090;--banner-edge:#62e4bc}.player-banner.banner-ember{--banner-a:#411914;--banner-b:#a33c20;--banner-edge:#ff8b4c}.player-banner-reveal{z-index:0;pointer-events:none;position:absolute;inset:0}.player-banner.reveal-signal>.player-banner-reveal{background:linear-gradient(90deg,#0000 0 42%,#f3d52c61 48% 52%,#0000 58%);animation:2.8s linear infinite player-banner-signal-reveal}.player-banner.reveal-aurora>.player-banner-reveal{background:linear-gradient(110deg,#0000 18%,#62e4bc61 46%,#6a48d252 54%,#0000 80%);animation:3.4s ease-in-out infinite player-banner-aurora-reveal}.player-banner.reveal-ember>.player-banner-reveal{background:radial-gradient(circle at 70% 52%,#ff8b4c9e,#0000 36%);animation:3s ease-out infinite player-banner-ember-reveal}.player-banner.reveal-signal:before,.player-banner.reveal-aurora:before,.player-banner.reveal-ember:before,.player-banner.is-hero.reveal-signal:before,.player-banner.is-hero.reveal-aurora:before,.player-banner.is-hero.reveal-ember:before,.player-banner.is-arena.reveal-signal:before,.player-banner.is-arena.reveal-aurora:before,.player-banner.is-arena.reveal-ember:before,.player-banner.is-profile.reveal-signal:before,.player-banner.is-profile.reveal-aurora:before,.player-banner.is-profile.reveal-ember:before,.player-banner.is-popup.reveal-signal:before,.player-banner.is-popup.reveal-aurora:before,.player-banner.is-popup.reveal-ember:before{opacity:0;background:0 0}@keyframes player-banner-signal-reveal{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes player-banner-aurora-reveal{0%,25%{transform:translate(-90%)}70%,to{transform:translate(90%)}}@keyframes player-banner-ember-reveal{0%,30%,to{opacity:0;transform:scale(.8)}45%{opacity:.7;transform:scale(1.15)}}.player-banner>.player-banner-topline,.player-banner>.player-banner-main,.player-banner>.player-banner-footer{z-index:1;position:relative}.player-banner-topline{border-bottom:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);min-height:28px;color:inherit;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:18px;padding:0 16px;font:500 8px/1 DM Mono,monospace;text-decoration:none;display:flex}a.player-banner-topline:hover,a.player-banner-topline:focus-visible{background:color-mix(in srgb, var(--banner-text) 12%, transparent);outline:0}.player-banner-main.is-link{color:inherit;text-decoration:none}.player-banner-main.is-link:focus-visible{outline:2px solid color-mix(in srgb, var(--banner-text) 70%, transparent);outline-offset:-2px}.player-banner-main{grid-template-columns:auto minmax(0,1fr) minmax(160px,.5fr) auto;align-items:center;gap:clamp(12px,2vw,24px);min-height:88px;padding:10px 16px;display:grid}.player-banner .profile-avatar{border:2px solid var(--banner-text);background:var(--banner-a);width:72px;height:72px;box-shadow:5px 5px 0 var(--banner-edge);flex:none;place-items:center;display:grid;overflow:hidden}.player-banner .profile-avatar img{object-fit:cover;width:100%;height:100%}.player-banner .profile-avatar-fallback{color:var(--banner-text);letter-spacing:-.04em;font:500 20px/1 DM Mono,monospace}.player-banner .profile-avatar.frame-signal{box-shadow:6px 6px #f3d52c,9px 9px #111}.player-banner .profile-avatar.frame-aurora{border-color:#62e4bc;box-shadow:0 0 0 3px #483090,6px 6px #62e4bc}.player-banner .profile-avatar.frame-ember{border-color:#ffb079;box-shadow:0 0 0 3px #a33c20,6px 6px #ff8b4c}.player-banner-identity{min-width:0}.player-banner-identity>span,.player-banner-nation>span{letter-spacing:.11em;opacity:.72;font:500 7px/1 DM Mono,monospace;display:block}.player-banner-identity h1{letter-spacing:-.08em;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;padding-bottom:.08em;font-size:clamp(26px,3.2vw,40px);line-height:1.05;overflow:hidden}.player-banner-title{max-width:100%;color:color-mix(in srgb, var(--banner-edge) 88%, #fff);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:5px;font:500 7px/1.2 DM Mono,monospace;display:block;overflow:hidden}.player-banner-crests{min-height:22px;margin-top:6px}.player-banner-crests>small{letter-spacing:.09em;opacity:.65;font:500 7px/1 DM Mono,monospace}.player-banner .crest-rack{align-items:center;gap:4px;display:inline-flex}.player-banner .player-emblem{clip-path:polygon(50% 0,94% 22%,86% 78%,50% 100%,14% 78%,6% 22%);border-color:var(--banner-text);width:26px;height:30px;color:var(--banner-a);background:var(--banner-text);flex:none;place-items:center;font:500 8px/1 DM Mono,monospace;display:inline-grid;position:relative}.player-banner .player-emblem:before{border:1px solid var(--banner-a);clip-path:inherit;content:"";opacity:.78;position:absolute;inset:2px}.player-banner .player-emblem i{z-index:1;font-style:normal;position:relative}.player-banner .player-emblem.crest-art{background:#111;overflow:hidden}.player-banner .player-emblem.crest-art:before{display:none}.player-banner .player-emblem.crest-art img{object-fit:cover;width:100%;height:100%;display:block}.player-banner-nation{border-left:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:3px 10px;padding:4px 0 4px 16px;display:grid}.player-banner-nation .flag-icon,.player-banner-nation .flag-fallback{border:1px solid var(--banner-text);object-fit:cover;grid-row:1/3;width:32px;height:22px}.player-banner-nation .flag-fallback{place-items:center;font:500 7px/1 DM Mono,monospace;display:grid}.player-banner-nation strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.player-banner-nation.no-country{grid-template-columns:1fr}.player-banner .nickname-edit{border:1px solid var(--banner-text);width:26px;height:26px;color:var(--banner-text);background:0 0;align-self:start;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.player-banner .nickname-edit:hover{color:var(--banner-a);background:var(--banner-text)}.player-banner-footer{border-top:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);background:color-mix(in srgb, var(--banner-a) 76%, transparent);justify-content:space-between;align-items:center;gap:20px;min-height:40px;padding:6px 16px;display:flex}.player-banner-footer>strong{letter-spacing:.12em;font:500 8px/1 DM Mono,monospace}.player-banner.is-profile .player-banner-topline{min-height:22px;padding:0 16px;font-size:7px}.player-banner.is-profile .player-banner-main{padding-top:10px}.player-banner.is-profile{min-height:196px}.player-banner.is-profile .player-banner-footer{min-height:28px;padding:3px 16px}.player-banner.is-profile .player-banner-footer>strong{display:none}.player-banner.is-profile .player-banner-footer dd{font-size:13px}.player-banner-footer dd a{color:inherit;text-decoration:none}.player-banner-footer dd a:hover,.player-banner-footer dd a:focus-visible{outline:0;text-decoration:underline}.player-banner-footer dl{gap:clamp(16px,3.5vw,42px);margin:0;display:flex}.player-banner-footer dl>div{gap:3px;display:grid}.player-banner-footer dt{letter-spacing:.1em;opacity:.66;font:500 6px/1 DM Mono,monospace}.player-banner-footer dd{letter-spacing:-.045em;margin:0;font-size:14px;font-weight:600}.player-banner.is-hero{background:linear-gradient(118deg, var(--banner-a) 0 54%, var(--banner-b) 100%);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.player-banner.is-hero:before{opacity:.16}.player-banner.is-hero.reveal-signal:before,.player-banner.is-hero.reveal-aurora:before,.player-banner.is-hero.reveal-ember:before{opacity:0}.player-banner.is-hero:after{opacity:1;border-right:7px solid color-mix(in srgb, var(--banner-edge) 88%, transparent);border-left:1px solid color-mix(in srgb, var(--banner-text) 28%, transparent);background:color-mix(in srgb, var(--banner-edge) 28%, transparent);width:24%;height:165%;top:-28%;right:5%;transform:rotate(11deg)}.player-banner.is-hero .player-banner-topline,.player-banner.is-hero .player-banner-main,.player-banner.is-hero .player-banner-footer{z-index:1;position:relative}.player-banner.is-hero .player-banner-topline{background:0 0;min-height:20px;padding:0 12px;font-size:7px}.player-banner.is-hero .player-banner-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px;min-height:0;padding:8px 12px}.player-banner.is-hero .profile-avatar{width:48px;height:48px;box-shadow:3px 3px 0 var(--banner-edge);border-width:1px}.player-banner.is-hero .profile-avatar.frame-signal{box-shadow:3px 3px #f3d52c,5px 5px #111}.player-banner.is-hero .profile-avatar.frame-aurora{box-shadow:0 0 0 2px #483090,3px 3px #62e4bc}.player-banner.is-hero .profile-avatar.frame-ember{box-shadow:0 0 0 2px #a33c20,3px 3px #ff8b4c}.player-banner.is-hero .profile-avatar-fallback{font-size:14px}.player-banner.is-hero .player-banner-identity h1{letter-spacing:-.07em;max-width:none;margin:3px 0 1px;padding-bottom:.1em;font-size:clamp(18px,2vw,26px);line-height:1.08}.player-banner.is-hero .player-banner-title{margin-top:4px;font-size:7px}.player-banner.is-hero .player-banner-crests{min-height:0;margin-top:4px}.player-banner.is-hero .player-emblem{width:20px;height:24px;font-size:7px}.player-banner.is-hero .player-banner-nation{border-left:1px solid color-mix(in srgb, var(--banner-text) 35%, transparent);text-align:left;grid-template-columns:26px minmax(0,1fr);align-content:center;align-items:center;gap:2px 8px;min-width:0;max-width:160px;padding:0 0 0 12px;display:grid}.player-banner.is-hero .player-banner-nation .flag-icon,.player-banner.is-hero .player-banner-nation .flag-fallback{grid-row:1/3;width:26px;height:17px}.player-banner.is-hero .player-banner-nation>span{letter-spacing:.1em;font-size:6px}.player-banner.is-hero .player-banner-nation strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.player-banner.is-hero .player-banner-nation.no-country{grid-template-columns:1fr}.player-banner.is-hero .player-banner-footer{background:color-mix(in srgb, var(--banner-a) 72%, transparent);min-height:24px;padding:2px 12px}.player-banner.is-hero .player-banner-footer>strong{display:none}.player-banner.is-hero .player-banner-footer dl{gap:22px}.player-banner.is-hero .player-banner-footer dt{font-size:5px}.player-banner.is-hero .player-banner-footer dd{font-size:12px}.player-banner.is-hero.is-guest .player-banner-footer{display:flex}.player-banner.is-hero.is-guest .player-banner-main{align-content:center}.player-banner.is-popup{width:min(276px,100vw - 28px);min-height:0;box-shadow:none;pointer-events:none}.player-banner.is-popup .player-banner-main{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:0;padding:16px 12px 12px}.player-banner.is-popup .profile-avatar{width:42px;height:42px;box-shadow:3px 3px 0 var(--banner-edge);border-width:1px}.player-banner.is-popup .profile-avatar-fallback{font-size:12px}.player-banner.is-popup .player-banner-identity h1{margin-top:4px;font-size:22px}.player-banner.is-popup .player-banner-title{margin-top:4px;font-size:7px}.player-banner.is-popup .player-banner-crests{min-height:0;margin-top:4px}.player-banner.is-popup .player-emblem{width:20px;height:24px;font-size:7px}.player-banner.is-popup .player-banner-nation{border-top:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);border-left:0;grid-column:1/-1;grid-template-columns:28px minmax(0,1fr);padding:10px 0 0}.player-banner.is-popup .player-banner-nation .flag-icon,.player-banner.is-popup .player-banner-nation .flag-fallback{width:28px;height:18px}.player-banner.is-popup .player-banner-nation strong{font-size:14px}.player-banner.is-popup .player-banner-footer{min-height:42px;padding:8px 12px}.player-banner.is-popup .player-banner-footer>strong{display:none}.player-banner.is-popup .player-banner-footer dd{font-size:14px}.player-banner.is-arena{width:100%;min-height:168px}.player-banner.is-arena .player-banner-main{grid-template-columns:auto minmax(0,1fr) minmax(140px,.5fr);gap:clamp(12px,2vw,24px);min-height:88px}.player-banner.is-arena .player-banner-crests{min-height:0;margin-top:6px}.player-banner.is-arena .player-banner-nation{border-left:1px solid color-mix(in srgb, var(--banner-text) 35%, transparent);text-align:left;grid-template-columns:28px minmax(0,1fr);align-content:center;align-items:center;gap:2px 8px;min-width:0;padding:0 0 0 14px;display:grid}.player-banner.is-arena .player-banner-nation .flag-icon,.player-banner.is-arena .player-banner-nation .flag-fallback{grid-row:1/3;width:28px;height:18px}.player-banner.is-arena .player-banner-nation>span{letter-spacing:.1em;font-size:7px}.player-banner.is-arena .player-banner-nation strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.player-banner.is-arena .player-banner-nation.no-country{grid-template-columns:1fr}.player-banner.is-arena .player-banner-footer>strong{display:none}.player-banner.is-arena .player-banner-footer dl{margin-left:0}.player-banner.is-arena.is-turn{outline:none;box-shadow:inset 0 3px #e1bd28}.player-banner.is-arena.is-found{animation:.55s cubic-bezier(.16,1,.3,1) both arena-banner-enter}.player-banner.is-arena.is-locked{animation:none}.player-banner.is-arena .player-banner-topline,.player-banner.is-arena .player-banner-main,.player-banner.is-arena .player-banner-footer{z-index:1;position:relative}.player-banner.is-arena.is-empty{color:#111;background:repeating-linear-gradient(135deg,#fff 0 12px,#f3f3f3 12px 13px)}.player-banner.is-arena.is-empty:before,.player-banner.is-arena.is-empty:after{display:none}.player-banner.is-arena.is-empty .player-banner-topline,.player-banner.is-arena.is-empty .player-banner-footer{background:0 0;border-color:#ddd}.player-banner.is-arena.is-empty .player-banner-identity>span,.player-banner.is-arena.is-empty .player-banner-title,.player-banner.is-arena.is-empty .player-banner-nation>span,.player-banner.is-arena.is-empty .player-banner-nation strong{opacity:.66;color:#666}.player-banner.is-arena.is-empty .profile-avatar{color:#fff;box-shadow:none;background:#111;border-color:#111}.player-banner.is-arena.is-searching:before{z-index:0;opacity:1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);border:0;width:40%;height:auto;animation:1.5s linear infinite arena-banner-scan;display:block;inset:0 auto 0 -55%}.player-banner.is-arena.is-searching .player-banner-identity h1{animation:1.1s ease-in-out infinite arena-banner-cycle}.player-banner.is-arena.is-searching .profile-avatar{animation:1.4s ease-in-out infinite arena-banner-pulse}.player-banner.is-arena.is-compact{min-height:0}.player-banner.is-arena.is-compact .player-banner-topline{min-height:22px;padding:0 12px;font-size:7px}.player-banner.is-arena.is-compact .player-banner-main{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:0;padding:8px 12px}.player-banner.is-arena.is-compact .profile-avatar{width:48px;height:48px;box-shadow:3px 3px 0 var(--banner-edge);border-width:1px}.player-banner.is-arena.is-compact .profile-avatar.frame-signal{box-shadow:3px 3px #f3d52c,5px 5px #111}.player-banner.is-arena.is-compact .profile-avatar.frame-aurora{box-shadow:0 0 0 2px #483090,3px 3px #62e4bc}.player-banner.is-arena.is-compact .profile-avatar.frame-ember{box-shadow:0 0 0 2px #a33c20,3px 3px #ff8b4c}.player-banner.is-arena.is-compact .profile-avatar-fallback{font-size:14px}.player-banner.is-arena.is-compact .player-banner-identity h1{margin:2px 0 1px;font-size:clamp(18px,2.2vw,26px)}.player-banner.is-arena.is-compact .player-banner-title{margin-top:2px;font-size:7px}.player-banner.is-arena.is-compact .player-banner-crests{margin-top:4px}.player-banner.is-arena.is-compact .player-emblem{width:18px;height:20px;font-size:6px}.player-banner.is-arena.is-compact .player-banner-nation{gap:1px 6px;max-width:120px;padding-left:10px}.player-banner.is-arena.is-compact .player-banner-nation .flag-icon,.player-banner.is-arena.is-compact .player-banner-nation .flag-fallback{width:22px;height:14px}.player-banner.is-arena.is-compact .player-banner-nation>span{font-size:6px}.player-banner.is-arena.is-compact .player-banner-nation strong{font-size:12px}.player-banner.is-arena.is-compact .player-banner-footer{min-height:32px;padding:4px 12px}.player-banner.is-arena.is-compact .player-banner-footer dd{font-size:12px}@keyframes arena-banner-enter{0%{opacity:0;filter:saturate(.6);transform:translateY(18px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes arena-banner-scan{0%{left:-55%}to{left:110%}}@keyframes arena-banner-cycle{0%,to{opacity:1}50%{opacity:.35}}@keyframes arena-banner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}html[data-theme=dark] .player-banner{border-color:#e5e1d8}html[data-theme=dark] .player-banner.is-popup{box-shadow:none}html[data-theme=dark] .player-banner.is-arena.is-empty{color:#f5f2ea;background:repeating-linear-gradient(135deg,#242424 0 12px,#2c2c2c 12px 13px)}html[data-theme=dark] .player-banner.is-arena.is-empty .player-banner-topline,html[data-theme=dark] .player-banner.is-arena.is-empty .player-banner-footer{border-color:#333}html[data-theme=dark] .player-banner.is-arena.is-empty .profile-avatar{border-color:#e5e1d8}html[data-theme=dark] .player-banner.is-arena.is-searching:before{background:linear-gradient(100deg,#0000,#f5f2ea1f,#0000)}@media (width<=720px){.player-banner.is-profile{min-height:248px}.player-banner.is-profile .player-banner-main{grid-template-columns:56px minmax(0,1fr) 26px;gap:10px;min-height:0;padding:10px 12px}.player-banner.is-profile .profile-avatar{width:56px;height:56px;box-shadow:4px 4px 0 var(--banner-edge)}.player-banner.is-profile .profile-avatar.frame-signal{box-shadow:4px 4px #f3d52c,7px 7px #111}.player-banner.is-profile .profile-avatar.frame-aurora{box-shadow:0 0 0 2px #483090,4px 4px #62e4bc}.player-banner.is-profile .profile-avatar.frame-ember{box-shadow:0 0 0 2px #a33c20,4px 4px #ff8b4c}.player-banner.is-profile .profile-avatar-fallback{font-size:16px}.player-banner.is-profile .player-banner-identity h1{margin-top:4px;font-size:clamp(24px,8vw,34px)}.player-banner.is-profile .player-banner-nation{border-top:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);border-left:0;grid-area:2/1/auto/-1;min-height:0;padding:10px 0 0}.player-banner.is-profile .nickname-edit{grid-area:1/3}.player-banner.is-profile .player-banner-footer{gap:6px;min-height:0;padding:4px 12px;display:grid}.player-banner.is-profile .player-banner-footer dl{justify-content:space-between;gap:10px}.player-banner.is-profile .player-banner-topline{padding:0 12px}}@media (width>=721px) and (width<=960px){.player-banner.is-profile .player-banner-main{grid-template-columns:auto minmax(0,1fr) auto}.player-banner.is-profile .player-banner-nation{border-top:1px solid color-mix(in srgb, var(--banner-text) 45%, transparent);border-left:0;grid-area:2/1/auto/-1;padding:12px 0 0}}@media (prefers-reduced-motion:reduce){.player-banner-reveal{animation:none!important}}.player-banner-footer .live-points{color:#6fd39a;letter-spacing:.06em;margin-left:4px;font-style:normal;font-weight:700}
