.compact-topbar.game-topbar {
  height: 42px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  gap: 8px;
}
.game-topbar .topbar-back.play-back {
  margin: 0 auto 0 0 !important;
  min-height: 34px !important;
  padding: 2px 10px 2px 3px !important;
  font-size: 11px;
}
.compact-topbar + .game-shell .game-stage {
  padding-top: 4px !important;
}
.clan-actions [data-copy-clan] {
  font-size: 10px;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 8px;
}
.clan-actions [data-copy-clan] svg {
  width: 14px;
  height: 14px;
}
.clan-actions {
  gap: 7px;
}
.clan-member-list .managed-member > summary {
  min-height: 42px;
  padding: 6px 9px;
  gap: 8px;
}
.managed-member .member-avatar {
  width: 28px;
  height: 28px;
}
.managed-member .member-avatar svg {
  width: 17px;
  height: 17px;
}
.managed-member > summary > b {
  font-size: 12px;
}
.managed-member > summary > small {
  font-size: 9px;
  color: #acc1d4;
}
.member-details {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.member-details .profile-metrics {
  width: 100%;
  margin: 5px 0;
}
.member-details .button {
  font-size: 10px;
  min-height: 32px;
}
.member-details .clan-notice {
  width: 100%;
  margin: 3px;
}
.add-clan-member {
  margin: 0 10px 10px;
  padding: 9px;
  border: 1px solid #365b76;
  border-radius: 9px;
}
.add-clan-member summary {
  cursor: pointer;
  color: #a1e4ff;
  font-size: 12px;
}
.add-clan-member form {
  padding-top: 10px;
}
.add-clan-member select {
  width: 100%;
}
.clan-upload-preview {
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin: 10px 0;
}
.clan-upload-preview[hidden] {
  display: none;
}
.network-tabs {
  display: flex;
  gap: 5px;
  background: #091d32;
  border: 1px solid #375b77;
  padding: 4px;
  border-radius: 11px;
  margin: 12px 0;
}
.network-tabs > a {
  flex: 1;
  text-align: center;
  padding: 10px;
  font-weight: 750;
  font-size: 13px;
  border-radius: 8px;
}
.network-tabs > a[aria-current="page"] {
  background: #285772;
  color: #d9f7ff;
}
.public-player {
  max-width: 620px;
  margin: auto;
  display: grid;
  gap: 14px;
}
.public-player h1 {
  font-size: 28px;
  overflow-wrap: anywhere;
  margin: 0;
}
.public-player .profile-identity {
  margin: 0;
}
.public-player .profile-identity p {
  font-size: 12px;
  color: #b4d3e5;
}
.public-player .edit-player {
  min-height: 34px;
  font-size: 11px;
}
.public-player h2 {
  font-size: 15px;
  margin-bottom: 12px;
}
.public-player-clans {
  display: grid;
  gap: 9px;
}
.public-player .profile-metrics {
  margin-top: 16px;
}
.public-player .profile-clan-link small {
  color: #ffd58f;
}
.public-player .profile-clan-link > .team-logo {
  width: 40px !important;
  height: 40px !important;
}
.public-player .profile-identity .personal-avatar {
  width: 62px;
  height: 62px;
  flex-shrink: 0;
}

/* The requested dashboard-only controls stay at the right edge. */
.dashboard-tools .game-resources { margin-left: auto; }
.profile-discord {overflow-wrap:anywhere}
.profile-discord a {display:inline-block;color:#a1e4ff;margin-left:6px}
.public-player .profile-clan-link .clan-role {flex-shrink:0}

/* Larger dashboard menu target, below the system status area. */
.compact-topbar.game-topbar.dashboard-tools { min-height:52px; height:52px; }
.compact-topbar.game-topbar.dashboard-tools .menu-trigger {
  width:48px; height:48px; min-width:48px; min-height:48px;
}
.compact-topbar.game-topbar.dashboard-tools .menu-trigger svg { width:30px; height:30px; }
/* One viewport anchor and one appearance for every page back control. */
#app > a.unified-back {
  position:fixed !important;
  top:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px) !important;
  left:max(16px, calc((100vw - 1188px) / 2)) !important;
  width:34px !important; height:34px !important; min-height:34px !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box;
  display:grid !important; place-items:center; gap:0 !important;
  border:1px solid #406581 !important; border-radius:50% !important;
  background:linear-gradient(#244b68, #142c45) !important;
  color:#b6edff !important; box-shadow:0 2px 4px #020b1740 !important;
  z-index:30; font-size:26px !important; line-height:1; text-decoration:none;
}
#app > a.unified-back > span {
  display:grid; place-items:center; width:30px; height:30px;
  background:transparent !important; border-radius:50%;
  font-size:26px !important; line-height:1; pointer-events:none;
}
#app > a.unified-back:focus-visible { outline:2px solid #8de3ff; outline-offset:3px; }
#app:has(#chat-log) .chat-person { min-height:42px; padding-left:44px; }
/* The contact picker owns its close control; hide the page back button. */
body:has(dialog.new-chat-sheet[open]) #app > a.unified-back { visibility:hidden; pointer-events:none; }
html.new-chat-picker-open #app > a.unified-back { display:none !important; }

/* Reserve real breathing room for the larger dashboard controls. */
#app > .game-topbar.compact-topbar.dashboard-tools {
  height:64px !important;
  min-height:64px;
  padding-top:12px !important;
  padding-bottom:4px !important;
  box-sizing:border-box;
}
.personal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.personal-avatar[role="button"]{cursor:pointer;overflow:hidden}.personal-avatar[role="button"]:focus-visible{outline:3px solid #80dfff;outline-offset:3px}
.avatar-crop-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 100px);padding:20px;border:1px solid #648aa8;border-radius:20px;background:#132c42;color:#eaf6ff;overflow:auto}
.avatar-crop-dialog::backdrop{background:#020b15cc}.avatar-crop-dialog header,.avatar-crop-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar-crop-dialog h2{font-size:20px;margin:0}.avatar-crop-dialog p{font-size:13px;color:#b0c8da}.avatar-crop-dialog input[type="range"]{width:100%;accent-color:#6bd7ff}
.avatar-crop-stage{position:relative;width:100%;aspect-ratio:1;margin:18px 0;overflow:hidden;border-radius:12px;background:#08131f}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-mask{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle closest-side at center,transparent 0 98.5%,#eefaff 98.6% 99.5%,#020b1599 100%);}

body:has(.avatar-crop-dialog[open]) { overflow:hidden; overscroll-behavior:none; }
.avatar-crop-dialog { overscroll-behavior:contain; }

[data-player-avatar] img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
[data-player-avatar]:has(img){overflow:hidden;padding:0}.player-token-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}

/* Player collection: lightweight blue glass, metallic medals and quiet progress. */
.achievement-profile{max-width:760px;margin:0 auto 28px;border:1px solid #89d8ff70;border-radius:24px;background:linear-gradient(135deg,#3976aa70,#123d7180 45%,#071c36b8);box-shadow:inset 0 1px #e3f6ff80,0 12px 32px #0005;overflow:hidden;color:#eff9ff;padding:20px;box-sizing:border-box}
.achievement-profile .hub-heading{margin-bottom:18px}.achievement-profile h2{font-size:20px;margin:0 0 16px;color:#e7f7ff;text-shadow:0 2px 2px #041526}
.achievement-profile .profile-identity{display:flex;align-items:center;gap:18px;padding:16px 0 24px;border-bottom:2px solid #6ed8ef70}.achievement-profile .profile-identity h1{font-size:clamp(24px,5vw,38px);line-height:1.15;margin:0 0 8px;overflow-wrap:anywhere}.achievement-profile .personal-avatar{width:86px;height:86px;flex:none;border:3px solid #9ee4ff;border-radius:50%;background:#0d2b49;box-shadow:0 4px 0 #04172b,inset 0 1px #fff}.achievement-profile .personal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.player-progression{display:grid;gap:20px;padding-top:20px}.profile-points-card{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid #f2d990;border-radius:18px;background:linear-gradient(130deg,#304960b0,#10284980);box-shadow:inset 0 1px #fff6,0 4px 0 #071d36}.profile-point-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;color:#ffe496;background:linear-gradient(145deg,#665a35,#211f33);border:2px solid #e7bf67;border-radius:18px;transform:rotate(-7deg)}.profile-point-icon svg{width:38px;height:38px}.profile-points-card>div{display:grid;gap:4px}.profile-points-card strong{font-size:40px;line-height:1.1;color:#fff0b0}.profile-points-card small{font-size:11px;letter-spacing:.12em}.profile-points-card span:not(.profile-point-icon){font-size:12px;color:#c2d9ec}
.profile-points-help{font-size:12px;color:#bdd8ef;margin-top:-10px}.profile-points-help summary,.profile-collection summary{cursor:pointer}.profile-points-help p{line-height:1.6}
.profile-leagues-panel,.achievement-profile .player-clans-panel,.profile-showcase,.profile-next,.profile-season-honors,.profile-collection{background:linear-gradient(145deg,#b5e6ff12,#071d364a);border:1px solid #99d8f84a;border-radius:18px;padding:18px;box-sizing:border-box}.achievement-profile .player-clans-panel{margin:0}.profile-league-list{display:grid;gap:10px}.profile-league-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:1px solid #87c8e83d;background:#061e3645}.profile-league-card>div{min-width:0;flex:1;display:grid;gap:5px}.profile-league-card b{font-size:17px}.profile-league-card small,.profile-league-card div span{color:#bed6eb;font-size:12px}.profile-league-logo{display:grid;place-items:center;width:54px;height:54px;flex:none}.profile-league-logo img{width:100%;height:100%;object-fit:contain}.profile-league-logo svg{width:40px;height:40px}.achievement-profile .public-player-clans{display:grid;gap:10px}.achievement-profile .profile-clan-link{margin:0;border-radius:12px;background:#061e3645;border:1px solid #87c8e83d}
.profile-section-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline}.profile-section-heading>span{color:#c8aafa;font-size:12px}.profile-featured-badges,.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;border-radius:12px;background:transparent;color:#eaf7ff;padding:10px 2px;cursor:pointer;min-width:0}.achievement-badge:hover,.achievement-badge:focus-visible{background:#b7e6ff16;outline:1px solid #8edbff80}.achievement-badge b{font-size:12px}.achievement-badge small{font-size:10px;color:#b9d2e6}.achievement-medal{position:relative;display:grid;place-items:center;width:78px;height:88px;box-sizing:border-box;border:3px solid #f6d187;border-radius:23px 23px 32px 32px;background:linear-gradient(135deg,#ffe9a0,#95683a 16%,#253e68 20%,#142240 78%,#dfb56b);box-shadow:inset 0 2px #fff9,0 4px 0 #071a34,0 7px 16px #0004;color:#ffdf92}.achievement-medal svg{width:34px;height:34px;margin-top:-14px}.achievement-medal strong{position:absolute;bottom:7px;font-size:15px;color:#fff}.achievement-medal.tier-1{border-color:#d6e5f1;background:linear-gradient(135deg,#edf8ff,#7b98af 16%,#233e68 20%,#172340 78%,#a4bed8)}.achievement-medal.tier-2{border-color:#ffd568;background:linear-gradient(135deg,#fff2b1,#d69b3e 16%,#674489 20%,#39204f 78%,#ffc358)}.achievement-medal.tier-3,.achievement-medal.tier-4,.achievement-medal.tier-5{border-color:#a6f5ff;background:linear-gradient(135deg,#e1fbff,#69bbde 16%,#5162bd 20%,#241d66 78%,#9aeaff)}.achievement-badge.locked{opacity:.5}.achievement-badge.locked .achievement-medal{filter:grayscale(1)}
.profile-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px;color:#bad4ea;font-size:12px}.profile-empty svg{width:42px;height:42px;color:#85bbda}.achievement-progress{display:flex;gap:12px;align-items:center;margin:14px 0}.achievement-progress>span svg{width:28px;height:28px;color:#94dfff}.achievement-progress>div{flex:1;display:grid;grid-template-columns:1fr auto;gap:7px;min-width:0}.achievement-progress b{font-size:13px}.achievement-progress small{font-size:11px;color:#b9d5ea}.achievement-progress progress{grid-column:1/-1;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#081e36}.achievement-progress progress::-webkit-progress-bar{background:#081e36}.achievement-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#4892ed,#7eebf1)}.achievement-progress progress::-moz-progress-bar{background:#7eebf1}.profile-collection summary{font-weight:800;font-size:16px}.profile-collection summary span{float:right;color:#b9d5ea;font-size:12px}.profile-collection>p,.profile-season-honors>p,.profile-data-note,.profile-save-note{font-size:11px;color:#bdd1e4;line-height:1.6}.profile-save-note:empty{display:none}.achievement-grid{margin-top:18px}.season-honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.season-honor{display:grid;justify-items:center;gap:8px;padding:10px 0;color:#9eafc8}.season-honor svg{width:32px;height:32px}.season-honor b{font-size:11px}
.achievement-dialog{width:min(360px,calc(100% - 36px));box-sizing:border-box;text-align:center;border:1px solid #97d9ff;border-radius:24px;padding:28px;color:#eaf8ff;background:linear-gradient(145deg,#285581,#102a4b);box-shadow:0 20px 60px #0008}.achievement-dialog::backdrop{background:#031223b0}.achievement-dialog .achievement-medal{margin:4px auto 20px;width:100px;height:110px}.achievement-dialog h2{font-size:25px}.achievement-dialog p{font-size:13px;color:#c4dcf0}.achievement-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:1px solid #b8ddff66;border-radius:10px;background:#122d4e;color:white;font-size:24px;cursor:pointer}
@media(max-width:600px){.achievement-profile{padding:14px;border-radius:20px}.achievement-profile .personal-avatar{width:64px;height:64px}.achievement-profile .profile-identity{gap:12px}.profile-leagues-panel,.achievement-profile .player-clans-panel,.profile-showcase,.profile-next,.profile-season-honors,.profile-collection{padding:14px}.achievement-medal{width:66px;height:78px}.profile-featured-badges,.achievement-grid{gap:6px}.profile-points-card{padding:16px}.season-honor-grid{grid-template-columns:repeat(2,1fr)}}

.public-player.achievement-profile .profile-identity .personal-avatar{width:86px;height:86px}
@media(max-width:600px){.public-player.achievement-profile .profile-identity .personal-avatar{width:64px;height:64px}}

/* Open profile chapters, separated by a crest and a gold rule. */
.achievement-profile .profile-leagues-panel,
.achievement-profile .player-clans-panel,
.achievement-profile .profile-showcase,
.achievement-profile .profile-next,
.achievement-profile .profile-season-honors,
.achievement-profile .profile-collection{background:none;border:0;border-radius:0;box-shadow:none;padding:28px 0 12px;position:relative}
.achievement-profile .profile-leagues-panel>h2,
.achievement-profile .player-clans-panel>h2,
.achievement-profile .profile-next>h2,
.achievement-profile .profile-season-honors>h2,
.achievement-profile .profile-section-heading,
.achievement-profile .profile-collection>summary{position:relative;display:block;text-align:center;padding:27px 0 12px;margin:0 0 18px;font-size:23px;font-weight:900;color:#fff;text-shadow:0 2px 0 #08223d,0 3px 5px #0008;line-height:1.25}
.achievement-profile .profile-leagues-panel>h2::before,
.achievement-profile .player-clans-panel>h2::before,
.achievement-profile .profile-next>h2::before,
.achievement-profile .profile-season-honors>h2::before,
.achievement-profile .profile-section-heading::before,
.achievement-profile .profile-collection>summary::before{content:'';position:absolute;top:12px;left:0;right:0;height:4px;border-radius:4px;background:linear-gradient(180deg,#fff0a0,#ffcf35 55%,#b57816);box-shadow:0 2px 0 #07304c,0 0 8px #ffd85b22}
.achievement-profile .profile-leagues-panel>h2::after,
.achievement-profile .player-clans-panel>h2::after,
.achievement-profile .profile-next>h2::after,
.achievement-profile .profile-season-honors>h2::after,
.achievement-profile .profile-section-heading::after,
.achievement-profile .profile-collection>summary::after{content:'♛';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:52px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#2b78b4,#164577);border-radius:8px 8px 12px 12px;color:#ffdc61;font-size:32px;line-height:1;text-shadow:0 2px #805510;box-shadow:0 3px 0 #092c4b}
.achievement-profile .profile-leagues-panel>h2::after{content:'⚑'}
.achievement-profile .player-clans-panel>h2::after{content:'♜'}
.achievement-profile .profile-next>h2::after{content:'★'}
.achievement-profile .profile-section-heading h2{font-size:23px;margin:0;color:white}
.achievement-profile .profile-section-heading>span{display:block;margin-top:6px;font-size:11px;font-weight:500;text-shadow:none}
.achievement-profile .profile-collection>summary{list-style:none;cursor:pointer}
.achievement-profile .profile-collection>summary::-webkit-details-marker{display:none}
.achievement-profile .profile-collection>summary span{float:none;display:block;margin-top:6px;font-size:11px;font-weight:500}
.achievement-profile .profile-collection>summary span::after{content:' · Anzeigen ▾'}
.achievement-profile .profile-collection[open]>summary span::after{content:' · Schließen ▴'}
.achievement-profile .profile-league-card,
.achievement-profile .profile-clan-link{border:0;border-bottom:1px solid #a9ddff30;border-radius:0;background:none;box-shadow:none;padding:14px 4px}
.achievement-profile .profile-league-card:hover,
.achievement-profile .profile-clan-link:hover{background:#d0ecff0a}
.achievement-profile .profile-points-card{background:none;border:0;border-radius:0;box-shadow:none;padding:18px 4px}
.achievement-profile .player-progression{gap:12px}
.achievement-profile .profile-collection>summary:focus-visible{outline:2px solid #92daff;outline-offset:6px}
@media(max-width:600px){.achievement-profile .profile-section-heading h2,.achievement-profile .profile-collection>summary,.achievement-profile .profile-leagues-panel>h2,.achievement-profile .player-clans-panel>h2,.achievement-profile .profile-next>h2,.achievement-profile .profile-season-honors>h2{font-size:21px}}

/* Collections put emblems first, like the achievement shelf. */
.achievement-profile .profile-league-list,
.achievement-profile .public-player-clans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;align-items:start}
.achievement-profile .profile-league-card,
.achievement-profile .profile-clan-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:10px;padding:10px 4px;border:0;background:none;min-width:0}
.achievement-profile .profile-league-card>div{display:grid;gap:5px;width:100%;flex:none}
.achievement-profile .profile-league-card>span:last-child:not(.profile-league-logo):not(.profile-league-roles){display:none}
.achievement-profile .profile-league-logo{width:100px;height:108px;position:relative;border:2px solid #b6eaff;border-radius:22px 22px 30px 30px;background:linear-gradient(145deg,#74b9e738,#0c325955 65%,#d4eeff28);box-shadow:inset 0 2px 1px #fff8,0 4px 0 #061b34,0 8px 15px #0004;padding:9px;box-sizing:border-box}
.achievement-profile .profile-league-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #00152d88)}
.achievement-profile .profile-league-logo svg{width:62px;height:62px}
.achievement-profile .profile-league-card b,.achievement-profile .profile-clan-link>b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.achievement-profile .profile-league-card small,.achievement-profile .profile-league-card div span{font-size:10px;line-height:1.4}
.achievement-profile .profile-clan-link>.team-logo,
.achievement-profile .profile-clan-link>img,
.achievement-profile .profile-clan-link>.badge,
.achievement-profile .profile-clan-link>.compact-clan-logo,
.achievement-profile .profile-clan-link>svg{width:100px!important;height:108px!important;max-width:none;max-height:none;object-fit:contain;padding:8px;box-sizing:border-box;border:2px solid #f5d592;border-radius:22px 22px 30px 30px;background:linear-gradient(145deg,#ffc95728,#0c325955 65%,#ffe0a025);box-shadow:inset 0 2px 1px #fff8,0 4px 0 #061b34,0 8px 15px #0004}
.achievement-profile .profile-clan-link .clan-role{margin:0;font-size:10px;display:flex;gap:4px;align-items:center;justify-content:center}
.achievement-profile .profile-clan-link .clan-role svg{width:18px;height:18px}
.achievement-profile .profile-clan-link .clan-role>span{display:inline}
.achievement-profile .achievement-medal{width:90px;height:100px;border-width:4px;clip-path:polygon(15% 0,85% 0,100% 15%,100% 75%,72% 90%,50% 100%,28% 90%,0 75%,0 15%);border-radius:20px;box-shadow:inset 0 3px 2px #fff9,inset 0 -6px #081f4670;}
.achievement-profile .achievement-medal svg{width:40px;height:40px}.achievement-profile .achievement-medal strong{font-size:18px;bottom:14px}
.achievement-profile .profile-featured-badges,.achievement-profile .achievement-grid{gap:18px 10px}
.achievement-profile .profile-league-card:focus-visible,.achievement-profile .profile-clan-link:focus-visible{outline:2px solid #b0e9ff;outline-offset:4px;border-radius:12px}
@media(max-width:600px){.achievement-profile .profile-league-list,.achievement-profile .public-player-clans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.achievement-profile .achievement-medal{width:76px;height:88px}.achievement-profile .achievement-medal svg{width:32px;height:32px}.achievement-profile .achievement-medal strong{font-size:16px;bottom:12px}}

.achievement-profile .profile-clan-link{position:relative}.achievement-profile .profile-clan-link .role-founder{position:absolute;top:2px;left:calc(50% - 58px);padding:0;width:28px;height:28px;border:0;background:none;box-shadow:none;color:#ffe084;filter:drop-shadow(0 2px 2px #071526)}.achievement-profile .profile-clan-link .role-founder svg{width:26px;height:26px}.achievement-profile .profile-clan-link .role-founder>span{display:none}.profile-tracker-logo{display:inline-flex;align-items:center;padding:12px 0;margin-top:18px}.profile-tracker-logo img{width:130px;height:32px;object-fit:contain}.profile-tracker-logo:focus-visible{outline:2px solid #9cddff;outline-offset:4px}

.achievement-profile .profile-tracker-logo{padding:10px 4px;margin-top:18px}.achievement-profile .profile-tracker-logo img{width:96px;height:96px;object-fit:contain}

.public-player.achievement-profile{background:linear-gradient(135deg,#16334e80,#071a3099);box-shadow:inset 0 1px #e3f6ff50,0 12px 32px #0005}

.profile-score-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 12px}
.profile-score-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;padding:12px 8px;box-sizing:border-box;background:linear-gradient(180deg,#07386eb8,#082750d9);border:1px solid #80cffb66;border-radius:16px;box-shadow:inset 0 2px 1px #c4ebff33,0 3px 0 #04162c;text-align:center}
.profile-score-tile>span{font-size:14px;font-weight:900;color:#b9f2ff;line-height:1.2;text-shadow:-1px -1px #031729,1px -1px #031729,-1px 1px #031729,1px 1px #031729,0 2px 1px #031729}
.profile-score-tile>strong{font-size:30px;font-weight:900;color:#fff;line-height:1;text-shadow:-1px -1px #031729,1px -1px #031729,-1px 1px #031729,1px 1px #031729,0 3px 0 #031729}
@media(max-width:600px){.profile-score-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-score-tile>span{font-size:12px}.profile-score-tile>strong{font-size:28px}}

/* Compact score plaques, matching the reference proportions. */
.profile-score-tiles{gap:9px;margin:2px 0 10px}
.profile-score-tile{min-height:58px;padding:7px 8px;gap:3px;border-radius:13px;background:linear-gradient(180deg,#0b3975b8,#082858d9)}
.profile-score-tile>span{font-size:13px;line-height:1.1}
.profile-score-tile>strong{font-size:26px;line-height:1}
@media(max-width:600px){.profile-score-tiles{gap:8px}.profile-score-tile{min-height:54px;padding:6px;gap:3px}.profile-score-tile>span{font-size:12px}.profile-score-tile>strong{font-size:24px}}

/* Glass score plaques retain their compact height. */
.profile-score-tile{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b3e6ff80;border-top-color:#e5f7ffba;border-bottom-color:#6ea4c778;background:linear-gradient(145deg,#c9edff24,#163d686b 48%,#071d3d85);box-shadow:inset 0 1px 1px #ffffff75,inset 1px 0 2px #b8e9ff38,inset 0 -1px 2px #8cc9ed45,0 3px 0 #051a3080,0 5px 12px #0003}
.profile-score-tile::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff22 0%,#ffffff08 28%,transparent 29%,transparent 56%,#d8f3ff20 57%,#ffffff08 65%,transparent 66%)}
.profile-score-tile::after{content:'';position:absolute;left:10px;right:10px;top:1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#f0fbffbb 35%,#c5eaff66 70%,transparent)}

/* A brief moving reflection, followed by a quiet pause. */
.profile-score-tile::before{inset:-30% auto -30% -55%;width:40%;background:linear-gradient(90deg,transparent,#e7f7ff08 20%,#ffffff38 50%,#c4ebff12 75%,transparent);transform:translateX(0) skewX(-22deg);animation:profile-score-shine 7s ease-in-out infinite;pointer-events:none}
.profile-score-tile:nth-child(2)::before{animation-delay:.3s}.profile-score-tile:nth-child(3)::before{animation-delay:.6s}.profile-score-tile:nth-child(4)::before{animation-delay:.9s}.profile-score-tile:nth-child(5)::before{animation-delay:1.2s}.profile-score-tile:nth-child(6)::before{animation-delay:1.5s}
@keyframes profile-score-shine{0%,10%{transform:translateX(0) skewX(-22deg);opacity:0}12%{opacity:1}34%{transform:translateX(450%) skewX(-22deg);opacity:1}36%,100%{transform:translateX(450%) skewX(-22deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.profile-score-tile::before{animation:none;inset:0;width:auto;transform:none;background:linear-gradient(125deg,#ffffff14,transparent 45%,#d8f3ff12 60%,transparent)}}

/* Independent reflection rhythms avoid a synchronized sweep. */
.profile-score-tile::before{animation-duration:var(--shine-duration,11.3s);animation-delay:var(--shine-delay,-4.2s);animation-timing-function:cubic-bezier(.35,.05,.65,.95)}
.profile-score-tile:nth-child(1)::before{--shine-duration:11.3s;--shine-delay:-4.2s}
.profile-score-tile:nth-child(2)::before{--shine-duration:16.7s;--shine-delay:-12.6s;animation-delay:var(--shine-delay)}
.profile-score-tile:nth-child(3)::before{--shine-duration:13.9s;--shine-delay:-7.8s;animation-delay:var(--shine-delay)}
.profile-score-tile:nth-child(4)::before{--shine-duration:19.1s;--shine-delay:-3.1s;animation-delay:var(--shine-delay)}
.profile-score-tile:nth-child(5)::before{--shine-duration:14.6s;--shine-delay:-10.9s;animation-delay:var(--shine-delay)}
.profile-score-tile:nth-child(6)::before{--shine-duration:17.8s;--shine-delay:-5.7s;animation-delay:var(--shine-delay)}
@keyframes profile-score-shine{0%,3%{transform:translateX(0) skewX(-22deg);opacity:0}4%{opacity:.75}15%{transform:translateX(450%) skewX(-22deg);opacity:.75}17%,100%{transform:translateX(450%) skewX(-22deg);opacity:0}}

.achievement-profile .profile-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:2px 0 4px}
.achievement-profile .profile-contact-actions .button{position:relative;overflow:hidden;justify-content:center;gap:6px;padding:9px 6px;min-height:38px;border:2px solid #bb81e9bf;border-radius:10px;background:linear-gradient(180deg,#effaff26,#a368d747 48%,#08172a65 51%,#a368d733);color:#f7f2ff;box-shadow:inset 0 1px 2px #f0faff70,inset 0 -1px 2px #020b2080,0 3px 8px #0006;text-shadow:0 1px 3px #080e28;font-size:12px}
.achievement-profile .profile-contact-actions .button svg{width:17px;height:17px;flex:none}.achievement-profile .profile-contact-actions .button:disabled{opacity:.65;cursor:default}.achievement-profile .profile-contact-actions .social-connected{align-self:center;text-align:center;font-size:12px}.achievement-profile .profile-contact-actions .social-remove{grid-column:1/-1;justify-self:center}

.achievement-profile .profile-contact-actions .button{background:linear-gradient(180deg,#9873bd,#69458f 48%,#4c306e 51%,#755096);white-space:nowrap;min-height:38px;height:38px;box-sizing:border-box}.achievement-profile .profile-contact-actions .button:disabled{opacity:1;color:#dfd4eb;border-color:#9d79b8;cursor:default}

/* Solid blue version of the vote button. */
.achievement-profile .profile-contact-actions .button{border:2px solid #7ecdf4;border-radius:10px;background:linear-gradient(180deg,#6799b8 0%,#386b92 46%,#183c5c 51%,#285a80 100%);color:#fff;box-shadow:inset 0 1px 2px #f0faff90,inset 0 -1px 2px #020b2080,0 3px 8px #0006;text-shadow:0 1px 3px #080e28;font-weight:800}
.achievement-profile .profile-contact-actions .button:disabled{opacity:1;color:#fff;border-color:#7ecdf4}
.achievement-profile .profile-contact-actions .button:not(:disabled):hover{background:linear-gradient(180deg,#7eb1cd,#457da6 46%,#214d70 51%,#356d93)}

.achievement-profile .profile-contact-actions .button::before{content:'';position:absolute;pointer-events:none;top:-30%;bottom:-30%;left:-55%;width:40%;background:linear-gradient(90deg,transparent,#e8f8ff16,#ffffff60,#cef0ff18,transparent);transform:translateX(0) skewX(-22deg);animation:profile-action-shine 10.7s ease-in-out -3.8s infinite}
.achievement-profile .profile-contact-actions .button:nth-child(2)::before{animation-duration:14.3s;animation-delay:-8.9s}
@keyframes profile-action-shine{0%,4%{transform:translateX(0) skewX(-22deg);opacity:0}6%{opacity:.85}19%{transform:translateX(450%) skewX(-22deg);opacity:.85}21%,100%{transform:translateX(450%) skewX(-22deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.achievement-profile .profile-contact-actions .button::before{animation:none;opacity:0}}

.public-player.achievement-profile{border:0;border-radius:0;background:none;box-shadow:none}

/* Dark pearl profile: luminous chapter separators with free-standing crests. */
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary){padding:38px 0 10px;margin-bottom:14px;font-size:21px;letter-spacing:.015em}
.achievement-profile .profile-section-heading h2{font-size:21px}
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::before{top:16px;height:2px;left:3px;right:3px;background:linear-gradient(90deg,transparent,#72badb80 8%,#c3ebff 35%,transparent 43%,transparent 57%,#c3ebff 65%,#72badb80 92%,transparent);box-shadow:0 1px 0 #001121,0 0 8px #87d8ff24;animation:profile-divider-glow 12.7s ease-in-out -3.2s infinite}
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::after{top:-5px;width:46px;height:42px;border-radius:0;background:none;box-shadow:none;font-size:35px;color:#d7f3ff;text-shadow:0 2px 0 #1b5275,0 0 9px #8fdcff55;animation:profile-crest-glint 12.7s ease-in-out -3.2s infinite}
.achievement-profile .player-clans-panel>h2::before,.achievement-profile .player-clans-panel>h2::after{animation-duration:17.3s;animation-delay:-8.4s}
.achievement-profile .profile-section-heading::before,.achievement-profile .profile-section-heading::after{animation-duration:14.9s;animation-delay:-10.6s}
.achievement-profile .profile-next>h2::before,.achievement-profile .profile-next>h2::after{animation-duration:19.1s;animation-delay:-5.1s}
.achievement-profile .profile-collection>summary::before,.achievement-profile .profile-collection>summary::after{animation-duration:16.7s;animation-delay:-12.5s}
@keyframes profile-divider-glow{0%,65%,100%{opacity:.65;filter:brightness(1)}72%{opacity:1;filter:brightness(1.8)}80%{opacity:.8;filter:brightness(1.2)}}
@keyframes profile-crest-glint{0%,65%,100%{color:#c4e8f7;text-shadow:0 2px 0 #1b5275,0 0 5px #8fdcff33}72%{color:#fff;text-shadow:0 2px 0 #34718e,0 0 12px #b1e9ff99}80%{color:#d7f3ff}}
@media(prefers-reduced-motion:reduce){.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::before,.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::after{animation:none}}

.achievement-medal{--metal-light:#f6c484;--metal-mid:#bd7842;--metal-dark:#60371e;isolation:isolate;overflow:hidden}
.achievement-medal.tier-1{--metal-light:#f1f7ff;--metal-mid:#9dabbf;--metal-dark:#445168}
.achievement-medal:is(.tier-2,.tier-3,.tier-4,.tier-5){--metal-light:#fff1a0;--metal-mid:#edb637;--metal-dark:#915511}
.achievement-profile .achievement-medal,.achievement-dialog .achievement-medal{
 border:0;border-radius:0;clip-path:polygon(18% 0,82% 0,100% 15%,94% 80%,50% 100%,6% 80%,0 15%);
 background:linear-gradient(135deg,var(--metal-light),var(--metal-mid) 24%,var(--metal-dark) 48%,var(--metal-light) 51%,var(--metal-mid) 78%,var(--metal-dark));
 color:var(--metal-light);box-shadow:inset 0 3px 2px #ffffffb0,inset 0 -6px 8px #0008;
}
.achievement-medal::before{
 content:"";position:absolute;inset:6px 7px 9px;z-index:-1;
 clip-path:polygon(15% 0,85% 0,100% 12%,94% 79%,50% 100%,6% 79%,0 12%);
 background:linear-gradient(150deg,#40778e,#20455d 40%,#102b40 75%,#4b8196);
 box-shadow:inset 0 3px 5px #fff6,inset 0 -5px 8px #000a;
}
.achievement-medal:is(.tier-2,.tier-3,.tier-4,.tier-5)::before{background:linear-gradient(145deg,#239bd1,#076ba4 48%,#054778 78%,#128ebf)}
.achievement-medal svg{filter:drop-shadow(0 2px 0 var(--metal-dark)) drop-shadow(0 1px 2px #0008);stroke-width:2.5}
.achievement-medal strong{text-shadow:0 2px 0 #061728,0 0 6px #ffffff40}
.achievement-medal::after{
 content:"";position:absolute;inset:-45% -90%;pointer-events:none;z-index:3;
 background:linear-gradient(110deg,transparent 41%,#ffffff10 44%,#ffffffa0 49%,#fff3 52%,transparent 58%);
 transform:translateX(-65%);opacity:0;animation:medal-reflection var(--medal-duration,12s) ease-in-out infinite;animation-delay:var(--medal-delay,-2s);
}
.achievement-badge:nth-child(5n+1){--medal-duration:11.3s;--medal-delay:-1.7s}
.achievement-badge:nth-child(5n+2){--medal-duration:14.7s;--medal-delay:-8.3s}
.achievement-badge:nth-child(5n+3){--medal-duration:17.1s;--medal-delay:-4.9s}
.achievement-badge:nth-child(5n+4){--medal-duration:13.9s;--medal-delay:-10.6s}
.achievement-badge:nth-child(5n){--medal-duration:19.3s;--medal-delay:-6.2s}
@keyframes medal-reflection{0%,70%{transform:translateX(-65%);opacity:0}73%{opacity:.85}83%,100%{transform:translateX(65%);opacity:0}}
.achievement-badge.locked .achievement-medal::after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){.achievement-medal::after{animation:none;opacity:0}}

.achievement-profile .profile-identity .profile-tracker-logo{margin:0 0 0 auto;padding:4px;flex:0 0 auto;align-self:center}
.achievement-profile .profile-identity .profile-tracker-logo img{width:32px;height:32px;border-radius:7px}
.profile-featured-badges>.achievement-badge{cursor:default}
.profile-featured-badges>.achievement-badge:hover{background:transparent;outline:0}

.achievement-profile{position:relative}
.achievement-profile>.profile-remove-friend{
 position:absolute;top:0;right:0;width:34px;height:34px;margin:0;padding:7px;
 display:grid;place-items:center;border:1px solid #6e8da655;border-radius:10px;
 background:#0c2032;color:#9fb8cb;z-index:2;
}
.achievement-profile:has(>.profile-remove-friend) .profile-identity{padding-right:42px}

.achievement-profile .profile-league-card,
.achievement-profile .profile-league-card:is(:hover,:active,:focus){
 background:transparent;box-shadow:none;
}

.achievement-profile .profile-clan-link,
.achievement-profile .profile-clan-link:is(:hover,:active,:focus){background:transparent;box-shadow:none}
.achievement-profile .profile-clan-emblem{
 position:relative;display:grid;place-items:center;overflow:hidden;
 width:100px;height:108px;box-sizing:border-box;padding:9px;
 border:2px solid #b6eaff;border-radius:22px 22px 30px 30px;
 background:linear-gradient(145deg,#74b9e738,#0c325955 65%,#d4eeff28);
 box-shadow:inset 0 2px 1px #fff8,0 4px 0 #061b34,0 8px 15px #0004;
}
.achievement-profile .profile-clan-emblem>*{
 width:100%!important;height:100%!important;max-width:100%;max-height:100%;
 object-fit:contain;border:0;padding:0;background:none;box-shadow:none;
}
.profile-clan-emblem::after{
 content:"";position:absolute;inset:-30% -80%;pointer-events:none;
 background:linear-gradient(110deg,transparent 40%,#ffffff10 44%,#ffffff8c 49%,#fff2 54%,transparent 59%);
 opacity:0;transform:translateX(-65%);animation:medal-reflection 13.7s ease-in-out infinite;animation-delay:-4.2s;
}
.profile-clan-link:nth-child(2n) .profile-clan-emblem::after{animation-duration:17.3s;animation-delay:-9.1s}
.achievement-profile .profile-clan-link .role-founder{z-index:2}
@media(prefers-reduced-motion:reduce){.profile-clan-emblem::after{animation:none}}

/* Both emblem frames catch a visible, independently timed glass reflection. */
.achievement-profile .profile-league-logo{overflow:hidden}
.achievement-profile .profile-league-logo::after,
.achievement-profile .profile-clan-emblem::after{
 content:"";position:absolute;inset:-30% -80%;pointer-events:none;z-index:2;
 background:linear-gradient(110deg,transparent 38%,#ffffff24 44%,#ffffffb8 49%,#ffffff30 54%,transparent 61%);
 animation:profile-emblem-shine 6.9s ease-in-out -1s infinite;opacity:0;
}
.achievement-profile .profile-clan-emblem::after{animation-duration:8.3s;animation-delay:-4.7s}
@keyframes profile-emblem-shine{
 0%,20%{transform:translateX(-60%);opacity:0}
 28%{opacity:.95}
 48%,100%{transform:translateX(60%);opacity:0}
}
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary){
 display:flex;align-items:center;justify-content:center;gap:12px;
 padding:5px 0;margin:0 0 14px;min-height:28px;font-size:19px;line-height:24px;
}
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::before,
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::after{
 content:"";position:static;inset:auto;transform:none;flex:1;min-width:12px;width:auto;height:1px;
 border:0;border-radius:0;background:linear-gradient(90deg,transparent,#b6e5fb);box-shadow:0 0 5px #85d7ff28;
}
.achievement-profile :is(.profile-leagues-panel>h2,.player-clans-panel>h2,.profile-next>h2,.profile-season-honors>h2,.profile-section-heading,.profile-collection>summary)::after{background:linear-gradient(90deg,#b6e5fb,transparent)}
.achievement-profile .profile-section-heading h2{margin:0;font-size:19px;line-height:24px}
.achievement-profile .profile-section-heading>span,.achievement-profile .profile-collection>summary>span{font-size:10px;margin:0}
@media(prefers-reduced-motion:reduce){
 .achievement-profile .profile-league-logo::after,.achievement-profile .profile-clan-emblem::after{animation:none}
}
/* Match the viewport anchor used by the shared back control. */
#app > .profile-remove-friend {
 position:fixed;
 top:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px);
 right:max(16px, calc((100vw - 1188px) / 2));
 width:34px;height:34px;min-height:34px;margin:0;padding:7px;
 display:grid;place-items:center;box-sizing:border-box;
 border:1px solid #6e8da655;border-radius:10px;
 background:#0c2032;color:#9fb8cb;z-index:30;
}
/* Profile header controls leave the viewport together with the profile. */
#app:has(.achievement-profile) {
 position:relative;
}
#app:has(.achievement-profile) > a.unified-back,
#app:has(.achievement-profile) > .profile-remove-friend {
 position:absolute !important;
 top:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px) !important;
}

/* Online markers share one treatment across every account-backed avatar. */
[data-player-avatar] { position:relative; overflow:visible !important; }
[data-player-avatar] > img { border-radius:inherit; }
[data-player-avatar][data-online="true"]::after {
 content:"";position:absolute;right:-1px;bottom:-1px;
 width:9px;height:9px;box-sizing:content-box;border:2px solid #0b1c2b;
 border-radius:50%;background:#4ee487;box-shadow:0 0 5px #4ee48766;
 pointer-events:none;
}
.personal-avatar[data-online="true"]::after { width:12px;height:12px;right:2px;bottom:2px; }
/* Shared scrollable menu has one origin on both Clans and Friends. */
#app:has(.shared-social-menu) > .game-shell{margin-top:0!important;padding-top:0!important}
#app:has(.shared-social-menu) > .game-shell #game-stage.has-social-menu{margin:0 auto!important;padding-top:132px!important;max-width:1164px;width:100%;box-sizing:border-box}
#app #game-stage.has-social-menu > .shared-social-menu{margin-top:0!important;position:relative;top:auto;left:auto;transform:none;width:100%;box-sizing:border-box}
/* Identical menu geometry for clan and friend subpages. */
#app #game-stage.has-social-menu{padding-inline:16px!important;padding-top:132px!important}
#app #game-stage.has-social-menu>.shared-social-menu{display:grid;grid-template-rows:42px 60px;gap:0;height:102px;margin:0 0 18px!important;padding:0;align-self:start}
#app #game-stage .shared-social-menu>.network-tabs{height:42px;min-height:42px;align-items:stretch;margin:0!important}
#app #game-stage .shared-social-menu>.nexus-section-tabs{height:60px;min-height:60px;margin:0!important;align-items:stretch;box-sizing:border-box}
/* Align profile clan emblems with the left edge of their grid cells. */
.achievement-profile .profile-clan-link{align-items:flex-start;text-align:left;padding-left:0}
.achievement-profile .profile-clan-link .role-founder{left:-5px}
/* Use the same left alignment for league and clan tiles. */
.achievement-profile .profile-league-card{align-items:flex-start;text-align:left;padding-left:0}
/* Dedicated viewport menu: independent of root/detail layouts and scrolling. */
#app > .shared-social-menu{position:fixed!important;top:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px)!important;left:50%!important;transform:translateX(-50%)!important;translate:none!important;width:calc(100% - 32px)!important;max-width:1132px!important;height:102px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:42px 60px;gap:0;z-index:30}
#app > .shared-social-menu > .network-tabs{height:42px!important;min-height:42px!important;margin:0!important;padding:0!important}
#app > .shared-social-menu > .nexus-section-tabs{height:60px!important;min-height:60px!important;margin:0!important;padding:5px 7px!important;box-sizing:border-box}
#app:has(> .shared-social-menu) > .game-shell #game-stage.has-social-menu{padding-top:132px!important}
#app:has(> .shared-social-menu) > .game-shell #game-stage.has-social-menu::before{display:none!important;content:none!important}
/* Match upper navigation width to the main glass dock. */
#app > .shared-social-menu{width:min(620px,calc(100% - 24px))!important;max-width:620px!important}
/* Social subpage contents share the upper menu's exact width and edges. */
#app:has(> .shared-social-menu) > .game-shell #game-stage.has-social-menu{width:min(620px,calc(100% - 24px))!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
#app #game-stage.has-social-menu .clan-search-home,
#app #game-stage.has-social-menu #create-clan{width:100%;max-width:100%;box-sizing:border-box}
/* Social pages share the 720px content column used by Spieltag and profile. */
#app>.shared-social-menu{width:min(720px,calc(100% - 24px))!important;max-width:720px!important}
#app:has(>.shared-social-menu)>.game-shell #game-stage.has-social-menu{width:min(720px,calc(100% - 24px))!important;max-width:720px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}

/* Align inbox navigation with its narrower conversation column. */
#app:has(#conversation-list) > a.unified-back { left:max(16px, calc(50% - 352px)) !important; }

.game-dock .online-friends-count { position:absolute; top:-8px; left:4px; display:grid; place-items:center; box-sizing:border-box; min-width:28px; height:28px; padding:0 6px; border:2px solid #145b36; border-radius:999px; background:#45d483; color:#082b18; font:700 15px/1 Arial,sans-serif; box-shadow:0 1px 4px #0005; z-index:5; pointer-events:none; }

.game-dock a:has(.event-count) .online-friends-count { top:auto; bottom:-8px; right:4px; left:auto; }
/* The glass dock now switches between Clans and Freunde. */
#app .shared-social-menu > .network-tabs{display:none!important}
#app > .shared-social-menu{height:60px!important;grid-template-rows:60px!important}
#app > .shared-social-menu > .nexus-section-tabs{border-radius:12px!important}
#app:has(> .shared-social-menu) > .game-shell #game-stage.has-social-menu{padding-top:72px!important}
/* Online friends belong to the remembered Freunde dock view. */
.game-dock a[href="#myteams"] .online-friends-count{left:auto;right:4px}
.game-dock a[href="#myteams"]:not([data-teams-view="friends"]) .online-friends-count{display:none}
/* League roles mirror the small clan role markers and support combinations. */
.achievement-profile .profile-league-card{position:relative;overflow:visible}
.profile-league-roles{position:absolute;top:2px;left:-5px;display:flex;gap:3px;z-index:2}
.profile-league-role{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#102b43;border:1px solid #9bc9e6;color:#b9e6ff;box-shadow:0 2px 4px #0008}
.profile-league-role svg{width:19px;height:19px}
.profile-league-role.role-founder,.profile-league-role.role-host{color:#ffd471;border-color:#d9ac55;background:#493519}
.profile-league-role.role-streamer{color:#dcb6ff;border-color:#b18bde;background:#302342}

/* Retain every clan role on profile tiles, including public profiles. */
.achievement-profile .profile-clan-link .clan-role{position:absolute;top:2px;left:-5px;z-index:2;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 2px #071526)}
.achievement-profile .profile-clan-link .clan-role svg{width:24px;height:24px}.achievement-profile .profile-clan-link .role-admin{color:#d0a4ff}.achievement-profile .profile-clan-link .role-member{color:#b9e6ff}

.tasks-royal-banner{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;margin:0 auto 0 70px;padding:5px 22px;min-height:38px;box-sizing:border-box;border:2px solid #ffe29b;border-radius:7px 7px 12px 12px;background:linear-gradient(180deg,#4198e4 0%,#226bb5 47%,#164985 50%,#2878bb 100%);box-shadow:inset 0 2px #c4edff99,inset 0 -3px #092b6266,0 3px 0 #795225,0 5px 12px #0006;transform:skewX(-5deg);color:#fff5cf;font-size:22px;font-weight:900;letter-spacing:1px;text-shadow:0 2px #18375b,1px 0 #18375b,-1px 0 #18375b;white-space:nowrap}
.tasks-royal-banner>*{transform:skewX(5deg)}
.tasks-royal-banner span{display:flex;color:#ffe093}.tasks-royal-banner svg{width:24px;height:24px}
@media(max-width:520px){.tasks-royal-banner{margin-left:36px;padding:5px 12px;font-size:18px;gap:6px}}

#app>.game-topbar.dashboard-tools{position:relative;width:calc(100% - 24px)!important;max-width:720px!important;margin-inline:auto!important;padding-inline:0!important}
#app .game-topbar .tasks-royal-banner{position:absolute;left:50%;top:12px;margin:0;transform:translateX(-50%) skewX(-5deg);border-color:#e0b9ff;background:linear-gradient(180deg,#b67de4,#8642bd 47%,#592184 50%,#8846bf);box-shadow:inset 0 2px #f1d6ff99,inset 0 -3px #35105066,0 3px 0 #422057,0 5px 12px #0006;color:#fff0ff;text-shadow:0 2px #46245f,1px 0 #46245f,-1px 0 #46245f}
#app .tasks-royal-banner span{color:#f2dcff}
#app .game-topbar .events-royal-banner{border-color:#fff1ae;background:linear-gradient(180deg,#ffe894,#dbaa37 47%,#b87b1c 50%,#e6b744);box-shadow:inset 0 2px #fff8d7aa,inset 0 -3px #79501966,0 3px 0 #745023,0 5px 12px #0006;color:#fffbea;text-shadow:0 2px #805622,1px 0 #805622,-1px 0 #805622}
#app .events-royal-banner span{color:#fff8d7}
#app:has(#event-content) .lobby-heading>h1{display:none}
#app:has(#event-content) .lobby-heading{justify-content:flex-end}
@media(max-width:520px){#app .game-topbar .tasks-royal-banner{font-size:16px;padding-inline:10px}#app .tasks-royal-banner span{display:none}}

.profile-discord-logo{display:inline-flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;flex:0 0 40px;padding:4px;border:0;background:transparent;color:#a8aaff;cursor:pointer;align-self:center}
.profile-discord-logo svg{width:32px;height:32px}.profile-discord-logo:hover{color:#d8d9ff;filter:drop-shadow(0 0 6px #5865f277)}
.profile-discord-logo:focus-visible{outline:2px solid #a8aaff;border-radius:8px}.discord-verified{position:absolute;right:0;bottom:0;color:#69e5a3;font-size:12px}
.profile-identity:has(.profile-discord-logo):not(:has(.profile-tracker-logo))>.profile-discord-logo{margin-left:auto}
.discord-connect-panel{padding:14px;border:1px solid #9297ff55;border-radius:12px;background:#5865f21a;margin-bottom:14px}.discord-connect-panel h3{display:flex;align-items:center;gap:8px}.discord-connect-panel h3 svg{width:24px;height:24px;color:#a8aaff}.discord-connect-status{font-size:12px}

.profile-quick-dialog{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:20px;border:1px solid #c4eaff77;border-radius:20px;background:linear-gradient(140deg,#38536e88,#102539cc);color:#eef8ff;backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 0 1px #ffffff66,0 16px 50px #0008;overflow-y:auto}
.profile-quick-dialog::backdrop{background:#02091688;backdrop-filter:blur(5px)}
.profile-quick-dialog h2{margin:0 0 14px;font-size:20px}.profile-quick-dialog form{display:grid;gap:12px}.profile-quick-dialog .quick-avatar{display:flex;align-items:center;gap:12px}.profile-quick-dialog .personal-avatar{width:70px;height:70px;flex:0 0 70px;cursor:pointer;overflow:hidden;border:2px solid #9de1ff;border-radius:50%}.quick-avatar small{color:#bed4e5;font-size:11px}.profile-quick-dialog .quick-discord>.button{width:100%}.profile-quick-dialog p:empty{display:none}.profile-quick-dialog .form-actions{display:flex;gap:8px}.profile-quick-dialog .form-actions>.button{flex:1}

/* Clans and Mates tabs belong to the scrolling page, not the fixed viewport. */
#app .game-shell #game-stage.has-social-menu { padding-top:12px!important; }
#app #game-stage.has-social-menu>.shared-social-menu {
  position:relative!important; inset:auto!important; transform:none!important;
  translate:none!important; display:block!important; width:100%!important;
  max-width:none!important; height:auto!important; margin:0 0 14px!important;
  padding:0!important; z-index:auto;
}
/* Clans and Mates navigation sits directly above the main glass dock. */
#app>.shared-social-menu {
  top:auto!important;
  bottom:calc(max(22px, var(--app-safe-bottom, env(safe-area-inset-bottom,0px))) + 122px)!important;
  height:auto!important; display:block!important;
  width:min(720px,calc(100% - 24px))!important;
  max-width:720px!important; translate:none!important;
}
#app:has(>.shared-social-menu)>.game-shell #game-stage.has-social-menu {
  padding-top:12px!important; padding-bottom:230px!important;
}
@media(max-width:700px) {
  #app>.shared-social-menu {
    bottom:calc(max(6px, calc(var(--app-safe-bottom, env(safe-area-inset-bottom,0px)) - 6px)) + 96px)!important;
  }
  #app:has(>.shared-social-menu)>.game-shell #game-stage.has-social-menu { padding-bottom:190px!important; }
}
/* Secondary social navigation uses the main dock's rounded blue glass. */
#app:has(.shared-social-menu)>.shared-social-menu>.nexus-section-tabs {
  position:relative; isolation:isolate; overflow:visible;
  border:1.5px solid #a5d5ff!important; border-radius:999px!important;
  padding:6px 8px!important; gap:4px!important;
  background:radial-gradient(ellipse at 50% 0,#387fe63b,transparent 65%),radial-gradient(circle,#6aafff08 .7px,transparent 1px) 0 0/4px 4px,linear-gradient(180deg,#102a50ed,#07172eed 65%,#10284aed)!important;
  box-shadow:0 0 0 1px #173f73,0 0 0 3px #061327b3,0 0 0 4px #77bfff70,0 10px 20px #0008,inset 0 1px 2px #e1f4ff99,inset 0 -2px 5px #438fff52!important;
  backdrop-filter:blur(20px) saturate(1.25); -webkit-backdrop-filter:blur(20px) saturate(1.25);
}
#app:has(.shared-social-menu)>.shared-social-menu>.nexus-section-tabs::before {
  content:''; position:absolute; inset:4px; border:1px solid #70b2ff59;
  border-top-color:#8fc9ff80; border-radius:inherit; pointer-events:none;
}
#app:has(.shared-social-menu)>.shared-social-menu>.nexus-section-tabs>.button {
  position:relative; z-index:1; border:1px solid transparent!important;
  border-radius:999px!important; background:transparent!important;
  box-shadow:none!important; color:#dcecff!important; transition:background .3s ease,box-shadow .3s ease;
}
#app:has(.shared-social-menu)>.shared-social-menu>.nexus-section-tabs>.button.primary {
  border-color:#8ed7ff!important;
  background:radial-gradient(ellipse at 50% 0,#62bdff4d,transparent 80%),linear-gradient(180deg,#7acbff26,#08264c2e 60%,#5bbaff1f)!important;
  box-shadow:inset 0 1px 2px #eefaff77,0 0 5px #9bdeff,0 0 12px #228dff80!important;
  color:#fff!important;
}
#app:has(.shared-social-menu)>.shared-social-menu>.nexus-section-tabs>.button svg {
  color:inherit!important; filter:drop-shadow(0 0 4px #79bbff70);
}
/* Page back navigation is handled by reselecting the glass dock. */
#app :is(a.back,.chat-back,.unified-back,.topbar-back) { display:none!important; }