/* Illustrated accents sit inside the existing Ectoria palette. */
.home-banner-v3{min-height:360px}.home-links{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:440px;margin:16px auto 0}
.home-address{display:flex;align-items:center;gap:10px;color:#8298a1;font-size:10px}.home-address>svg{width:15px;height:15px;color:#819ead}.home-address strong{font-weight:500;color:#b2c4c9}
.home-address .address-copy{padding:6px 10px;border:1px solid #36505b;border-radius:20px;font-size:8px;color:#9fbac4;background:transparent;cursor:pointer}.home-address .address-copy:hover{color:#d0dce0;border-color:#7393a0}
.discord-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#a5b8c8;white-space:nowrap}.discord-link .discord-emblem{width:37px;height:37px;transition:transform 180ms ease}.discord-link>svg:last-child{width:13px;height:13px;color:#7590a2}.discord-link:hover .discord-emblem{transform:translateY(-2px) rotate(-4deg)}.discord-link:hover{color:#d0dce8}
.column-sort{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.column-sort span{font-size:10px;opacity:0;transform:translateY(2px);transition:opacity 150ms ease,transform 150ms ease}.column-sort:hover{color:#c0d3d2}.column-sort:hover span,.column-sort[aria-pressed=true] span{opacity:1;transform:none}.column-sort[aria-pressed=true]{color:#b7cec6}
.column-sort:focus-visible{outline:1px solid #91b2ba;outline-offset:5px;border-radius:3px}
.ranking-table:not(.compact-table) th{padding-top:5px;padding-bottom:5px}.ranking-table:not(.compact-table) td{font-size:10px}.ranking-table:not(.compact-table) .metric{font-size:13px}
.ranking-table:not(.compact-table) .player-cell{min-width:210px}.ranking-table:not(.compact-table):has([data-sort=damageDealt]){min-width:1120px}
.player-page{--grade-ink:color-mix(in srgb,var(--grade-color,#aaa) 30%,#b7c2c6);--grade-line:color-mix(in srgb,var(--grade-color,#aaa) 20%,#344652);--grade-mist:color-mix(in srgb,var(--grade-color,#aaa) 9%,transparent)}
.profile-layout{grid-template-columns:205px minmax(0,1fr);gap:40px}.profile-identity{position:relative;padding-top:10px;text-align:center}
.profile-crest{color:var(--grade-ink);width:37px;height:37px;margin:0 auto -1px;position:relative;z-index:1}.profile-crest svg{display:block;width:100%;height:100%}
.portrait-stage{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;margin:0 auto 18px;padding:16px 0 4px;min-height:226px}
.portrait-stage:before{content:'';position:absolute;z-index:-1;inset:2px 8px 13px;border:1px solid var(--grade-line);border-radius:100px 100px 14px 14px;background:radial-gradient(ellipse at 50% 58%,var(--grade-mist),transparent 70%);mask-image:linear-gradient(#000 40%,#0006 90%,transparent)}
.portrait-stage:after{content:'✧';position:absolute;top:95px;right:14px;color:var(--grade-ink);font-size:14px;opacity:.55}
.profile-identity .portrait-skin{margin:0}.profile-identity .skin{width:135px;height:208px}.profile-header h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.profile-header .rank-badge{padding:3px 10px;border-radius:9px}
.profile-totals{border-bottom:1px solid var(--grade-line);margin-bottom:26px;padding-top:24px;padding-bottom:18px}.profile-totals .stats-grid{border:0;gap:20px}.profile-totals .stat-cell{padding:0;border:0!important}.profile-totals .stat-cell span{font-size:10px;color:#859fa9}.profile-totals .stat-cell strong{font-size:31px;font-weight:450;letter-spacing:-.7px}.profile-totals .stat-cell:first-child strong{color:var(--grade-ink)}
.mode-performance{position:relative;background:#18262dc2;border-color:var(--grade-line);border-radius:24px 24px 16px 16px;box-shadow:0 12px 35px #060c1317}.mode-performance .panel-head{border:0;padding-top:20px}.mode-performance .panel-head h3{font-size:14px;color:#bdcdd1;font-weight:500}.mode-performance .mode-tabs{padding-left:20px;margin-bottom:8px}
.performance-panel{border-top:1px solid #2b404666}.performance-table td{border-bottom-color:#30444b66;padding-top:13px;padding-bottom:13px}.performance-table td:last-child{color:#c1d1d3}.performance-table tr:first-child td:last-child{color:var(--grade-ink)}
.performance-aside{border-left-color:var(--grade-line);background:radial-gradient(ellipse at 50% 38%,var(--grade-mist),transparent 68%)}.performance-aside .placement{font-weight:450;letter-spacing:-1px;color:var(--grade-ink);font-size:45px}.performance-aside .muted-label{font-size:9px;letter-spacing:.5px;color:#79949e}.performance-aside .rank-metric{color:#78919a;font-size:9px}.performance-aside .text-link{color:#a3b8bf;font-size:10px}
.overview-panel .panel-head{border:0;padding-left:0}.overview-panel .panel-head h2{font-size:11px;font-weight:450;color:#7f99a3}.mode-overview th{background:transparent;color:#6f8791}.mode-overview td{border-bottom-color:#30434a77}.mode-overview .mode-position{color:var(--grade-ink);font-size:13px;font-weight:450}
@media(max-width:850px){.profile-layout{grid-template-columns:185px minmax(0,1fr);gap:25px}.home-links{max-width:410px}.home-address{gap:7px}.ranking-table:not(.compact-table) .player-cell{min-width:210px}}
@media(max-width:650px){.home-links{gap:10px;margin-top:14px;max-width:330px}.home-address{gap:6px;font-size:9px}.home-address .address-copy{font-size:7px;padding:5px 7px}.discord-link{font-size:9px;gap:5px}.discord-link .discord-emblem{width:32px;height:32px}.discord-link>svg:last-child{display:none}.home-banner-v3{min-height:370px}.profile-layout{display:block}.profile-identity{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:0 19px;text-align:left;padding:0 16px 18px}.profile-crest{display:none}.portrait-stage{min-height:165px;margin:0;grid-column:1;grid-row:1;padding:7px 0}.portrait-stage:before{inset:2px 0 8px}.portrait-stage:after{right:0;top:60px;font-size:10px}.profile-identity .skin{width:92px;height:145px}.profile-header{grid-column:2;grid-row:1}.profile-header h2{font-size:22px;margin-top:0}.profile-totals{padding-top:6px;padding-bottom:16px;margin-bottom:22px}.profile-totals .stats-grid{gap:10px}.profile-totals .stat-cell strong{font-size:25px}.profile-totals .stat-cell span{font-size:8px}.mode-performance{border-radius:20px 20px 14px 14px}.performance-aside .placement{font-size:36px}.overview-panel{margin-top:18px}.ranking-table:not(.compact-table) .player-cell{min-width:205px}.column-sort{padding:5px 0}.ranking-table th .column-sort{font-size:9px}}
@media(prefers-reduced-motion:reduce){.discord-link .discord-emblem,.column-sort span{transition:none}.discord-link:hover .discord-emblem{transform:none}}

.player-page{padding-top:35px}.player-page .player-search{margin-bottom:35px}@media(max-width:650px){.player-page{padding-top:20px}.player-page .player-search{margin-bottom:24px}}

/* The little king leaves his display, then settles back into his toy pose. */
.portrait-trigger{display:block;border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:pointer;line-height:0;border-radius:24px}
.portrait-trigger:focus-visible{outline:1px solid var(--grade-ink);outline-offset:9px}
.portrait-trigger .portrait-skin{display:block;transition:transform 650ms cubic-bezier(.22,.8,.3,1);transform-origin:50% 90%;will-change:transform}
.portrait-trigger .skin{overflow:visible}
.portrait-stage.is-waking .portrait-skin,.portrait-stage.is-dancing .portrait-skin{transform:translate(-15px,-14px) scale(1.12)}
.portrait-stage:before,.portrait-stage:after{transition:opacity 650ms ease}
.portrait-stage.is-waking:before,.portrait-stage.is-dancing:before{opacity:.35}
.portrait-stage.is-dancing:after{animation:dance-star 1.36s ease-in-out infinite}
@keyframes dance-star{0%,100%{opacity:.3;transform:translateY(0) scale(.8)}50%{opacity:.8;transform:translateY(-4px) scale(1.2)}}
@media(max-width:650px){.portrait-stage.is-waking .portrait-skin,.portrait-stage.is-dancing .portrait-skin{transform:translate(-8px,-8px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.portrait-trigger .portrait-skin{transition:opacity 200ms ease}.portrait-stage.is-waking .portrait-skin,.portrait-stage.is-dancing .portrait-skin{transform:none}.portrait-stage.is-dancing:after{animation:none}}