/* Depth and motion are presentation-only; no pointer effects on data entry. */
.btn,.filterChip,.iconBtn,.sideNav .tab{position:relative;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 color-mix(in srgb,var(--border) 75%,#000),0 7px 15px #00000020;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn.primary{background:linear-gradient(135deg,#8aedd0,#47b99a);border-color:#9af1d0;color:#102e25;box-shadow:inset 0 1px 0 #e8fff7a0,0 4px 0 #25745d,0 9px 23px #43be9026}.btn:hover:not(:disabled),.filterChip:hover,.iconBtn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff25,0 5px 0 color-mix(in srgb,var(--border) 80%,#000),0 12px 22px #00000028}.btn.primary:hover{box-shadow:inset 0 1px 0 #ffffff80,0 6px 0 #25745d,0 14px 28px #43be9038}.btn:active:not(:disabled),.filterChip:active,.iconBtn:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #00000022,0 1px 0 var(--border)}.btn:disabled{transform:none;box-shadow:none}
.card,.metric,.mt-shell,.workspaceMap{box-shadow:inset 0 1px 0 #ffffff08,0 12px 35px #0000001a}.metric{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#fff),var(--surface));border-top-color:color-mix(in srgb,var(--border) 75%,#fff)}.metric:after{content:'';position:absolute;left:0;top:22%;bottom:22%;width:3px;background:var(--accent);border-radius:0 3px 3px 0;opacity:.65}.metric:nth-child(2):after{background:#a9a4ff}.metric:nth-child(3):after{background:#83beed}.metric:nth-child(4):after{background:#e5bf79}.sideNav .tab.active{box-shadow:inset 0 1px 0 #ffffff0d,0 3px 12px #00000018}.dashboardAuth{box-shadow:0 5px 24px #0000000f}.workspaceMap{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,#77b9a2),var(--surface))}.workspaceMapTitle i{box-shadow:0 0 0 4px #64d7b010,0 0 12px #64d7b04d}.brandMark{box-shadow:inset 0 2px 0 #c2ffe3,0 4px 0 #236d57,0 9px 18px #00000026;transform:rotate(-3deg)}
.leagueHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 20px}.leagueHeader h2{font-size:29px;letter-spacing:-1px;margin:8px 0}.leagueHeader p{color:var(--muted);margin:0;font-size:13px}.leagueHeader .welcomeEyebrow{font-size:9px}.leagueTools{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;color:var(--muted);font-size:11px}.leagueTools label{display:flex;gap:10px;align-items:center}.leagueGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.leagueCard{--league:#8ab9ff;position:relative;isolation:isolate;border-radius:18px;padding:25px 20px;background:linear-gradient(155deg,color-mix(in srgb,var(--league) 11%,var(--surface)),var(--surface) 65%);border:1px solid color-mix(in srgb,var(--league) 25%,var(--border));box-shadow:inset 0 1px 0 #ffffff16,0 6px 0 color-mix(in srgb,var(--surface) 65%,#000),0 20px 38px #00000025;overflow:hidden}.leagueCard:before{content:'';position:absolute;z-index:-1;width:160px;height:160px;border-radius:50%;right:-65px;top:-65px;background:radial-gradient(circle,color-mix(in srgb,var(--league) 19%,transparent),transparent 68%);animation:leagueAura 5s ease-in-out infinite alternate}.bonusLeague{--league:#eac47b}.hoursLeague{--league:#8fe0b0}.leagueIcon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--league) 32%,var(--surface)),var(--surface2));color:var(--league);font-size:32px;display:grid;place-items:center;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--league) 35%,transparent);box-shadow:inset 0 2px 0 #ffffff20,0 4px 0 #00000028,0 10px 22px #00000020;transform:rotate(-5deg)}.leagueCard h3{font-size:23px;font-weight:650;letter-spacing:-.7px;margin:0;color:var(--league)}.leagueSubtitle{font-size:11px;color:var(--muted);margin:6px 0 25px}.leagueRow{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--border);font-size:12px}.leagueRow:last-child{border:0}.leagueRow.champion{border:1px solid color-mix(in srgb,var(--league) 30%,var(--border));border-radius:11px;padding:18px 10px;margin-bottom:7px;background:linear-gradient(120deg,color-mix(in srgb,var(--league) 11%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 #ffffff0b,0 5px 15px #00000012}.leagueRow.champion .leagueRank{font-size:23px;color:var(--league)}.leagueRank{font-family:Consolas,monospace;color:var(--muted);font-size:11px}.leagueName{overflow-wrap:anywhere}.leagueRow strong{font-variant-numeric:tabular-nums;font-size:15px;color:var(--text)}.leagueRow.isMe .leagueName{font-weight:750;color:var(--league)}.leagueRules{font-size:11px;color:var(--muted);line-height:1.8;margin-top:28px;padding:18px;border:1px solid var(--border);border-radius:12px}.leagueRules summary{cursor:pointer;color:var(--text);font-size:12px}
body.light .btn.primary{color:#102e25}body.light .leagueCard{box-shadow:inset 0 1px 0 #ffffffa0,0 5px 0 #d7dfda,0 18px 25px #2037280b}body.light .leagueIcon{color:#386f5c}body.light .leagueCard h3{color:var(--text)}
@keyframes leagueAura{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.25)}}
@media(max-width:760px){.leagueGrid{grid-template-columns:1fr}.leagueCard{padding:24px}.leagueIcon{float:left;margin:0 18px 18px 0}.leagueSubtitle{min-height:30px}.leagueHeader h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.leagueCard:before{animation:none}.btn,.filterChip,.iconBtn,.sideNav .tab{transition:none}.btn:hover:not(:disabled),.filterChip:hover,.iconBtn:hover,.btn:active:not(:disabled){transform:none}}

.leagueEmail{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}