/* 1.4: isolate data transitions and give identity crests their own low-cost ambient layers. */
.game-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;line-height:1;font-size:11px;font-weight:650;letter-spacing:.01em;border-radius:8px;white-space:nowrap;vertical-align:middle;border:1px solid #bd97744a;background:#49362025;color:#e6c69b;font-variant-numeric:tabular-nums}
.game-badge.unverified{color:#a3a3b0;border-color:#41414b;background:#ffffff04}.game-badge b{font:inherit;font-variant-numeric:tabular-nums}.game-badge .badge-separator{opacity:.5}
.club-rank{height:30px;box-sizing:border-box;line-height:1;vertical-align:middle}
.mobile-profile-card.profile-identity{position:relative;overflow:hidden;display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px 18px;align-items:center;padding:22px 20px;background:radial-gradient(ellipse at 12% 30%,var(--identity-tint,#57273050),transparent 76%),linear-gradient(145deg,#19151e,#111216);border:1px solid #57403d;}
.profile-identity .mobile-profile-main h2{font-size:23px;line-height:1.35;overflow-wrap:anywhere}.profile-identity .mobile-profile-main>span{font-size:11px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.profile-eyebrow{font-size:9px;letter-spacing:.17em;color:#af987b;margin-bottom:7px}.profile-identity .mobile-profile-badges{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:2px 0 0;padding-top:16px;border-top:1px solid #ffffff0c;flex-wrap:wrap}.profile-identity .mobile-profile-badges .club-rank,.profile-identity .mobile-profile-badges .game-badge{height:30px;min-height:30px;margin:0;line-height:1;}
.rank-art{position:relative;isolation:isolate;width:132px;height:140px;flex:none;contain:layout style;--crest-cycle:7s;pointer-events:none}.rank-art>svg{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 6px #0007)}.rank-art-compact{width:60px;height:64px}.rank-art-compact .crest-mote{display:none}.rank-art-hero{width:120px;height:130px}.crest-aura{position:absolute;inset:9% -5% 0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--crest-mid) 30%,transparent),transparent 68%);opacity:.6;z-index:0;animation:crest-breathe 6s ease-in-out infinite}.crest-shine{transform-box:view-box;animation:crest-sweep var(--crest-cycle) ease-in-out infinite;opacity:0}.crest-heart{animation:crest-heartbeat 4.6s ease-in-out infinite}.crest-facet{opacity:.12;animation:facet-refraction 6.5s ease-in-out infinite}.facet-b{animation-delay:-3.1s}.crest-mote{position:absolute;z-index:3;left:calc(17% + var(--i)*12%);top:73%;width:2px;height:2px;background:var(--crest-light);box-shadow:0 0 5px var(--crest-mid);opacity:0;animation:ember-rise 4.8s linear infinite;animation-delay:calc(var(--i)*-.76s)}.rank-art-diamond{--crest-cycle:6.4s}.rank-art-gold{--crest-cycle:8.4s}.rank-art-silver{--crest-cycle:9s}.rank-art-diamond .crest-mote,.rank-art-silver .crest-mote,.rank-art-gold .crest-mote{width:5px;height:5px;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);top:calc(28% + var(--i)*24%);left:calc(18% + var(--i)*29%);animation:crystal-spark 6s ease-in-out infinite;animation-delay:calc(var(--i)*-1.8s)}
.ambient-layer{animation-play-state:paused!important}html[data-motion=on][data-ambience=on][data-page-visible=yes] [data-ambient-visible=yes] .ambient-layer{animation-play-state:running!important}
html[data-ambience=off] .ambient-layer,html[data-motion=off] .ambient-layer{animation:none!important}.crest-facet{opacity:.12}html[data-ambience=off] .crest-shine,html[data-ambience=off] .crest-mote{opacity:0}
@keyframes crest-breathe{0%,100%{transform:scale(.96);opacity:.5}50%{transform:scale(1.08);opacity:.8}}
@keyframes crest-sweep{0%,18%{transform:translateX(-50px);opacity:0}25%{opacity:.65}48%{transform:translateX(270px);opacity:0}100%{transform:translateX(270px);opacity:0}}
@keyframes crest-heartbeat{0%,100%{opacity:.35}45%,60%{opacity:1}}
@keyframes facet-refraction{0%,100%{opacity:.04}45%{opacity:.6}70%{opacity:.08}}
@keyframes ember-rise{0%{transform:translate(0,4px) scale(.7);opacity:0}20%{opacity:.8}80%{opacity:.2}100%{transform:translate(7px,-58px) scale(.1);opacity:0}}
@keyframes crystal-spark{0%,35%,68%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1.5);opacity:.9}}
.login-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.login-atmosphere .ambient-layer{position:absolute;width:70%;height:65%;background:radial-gradient(ellipse,#85293620,transparent 68%);left:-10%;top:20%;animation:login-mist 23s ease-in-out infinite;opacity:.5}.login-atmosphere .ambient-layer:nth-child(2){background:radial-gradient(ellipse,#b8864020,transparent 70%);left:25%;top:0;animation-delay:-10s;animation-duration:28s}
@keyframes login-mist{0%,100%{transform:translate(-2%,3%) scale(.96);opacity:.4}50%{transform:translate(5%,-3%) scale(1.1);opacity:.75}}
.board-list{position:relative;isolation:isolate}.board-row{position:relative;min-height:93px;will-change:auto}.board-index{font-variant-numeric:tabular-nums}.board-row.top-1 .board-index{color:#ebc67c;background:none;}
.board-list[aria-busy=true]{cursor:progress}.rank-load-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#9a96a3;min-height:24px;margin:-7px 0 8px}.rank-load-status:empty:before{content:'\00a0'}.rank-load-status[data-busy=yes]:before{content:'';width:7px;height:7px;border-radius:50%;background:#c39962;}.board-me strong{min-height:28px;white-space:nowrap}.board-me>div{min-width:0;}.board-income strong{min-width:90px}.board-pages{min-height:34px;display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.live-trend{min-height:240px;position:relative}.live-trend svg{height:220px;display:block;overflow:visible}.live-trend .chart-area{fill:var(--trend-fill);}.trend-grid{stroke:#ffffff0b;stroke-width:1}.trend-axis{fill:#797582;font-size:9px}.trend-status{height:17px;font-size:11px;color:#b19a7a;text-align:right;margin:-8px 0 6px}.trend-tooltip{position:absolute;pointer-events:none;top:8px;right:12px;padding:7px 10px;border:1px solid #68483d;background:#201719ec;border-radius:7px;font-size:12px;color:#f2d3a3}.trend-tooltip[hidden]{display:none}.dashboard-values .metric-value{font-variant-numeric:tabular-nums}.dashboard-values .bar-track span{transition:none!important}
.motion-preferences{max-width:440px}.motion-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff0a}.motion-option strong{font-size:14px}.motion-option p{font-size:12px;color:#97909c;margin-top:7px}.motion-switch{border:1px solid #44404a;border-radius:999px;width:42px;height:24px;flex:none;background:#222128;padding:3px;cursor:pointer}.motion-switch i{display:block;width:16px;height:16px;border-radius:50%;background:#b9b3c0;transition:transform 160ms,background-color 160ms}.motion-switch.is-on{background:#932f3b;border-color:#c34a52}.motion-switch.is-on i{transform:translateX(17px);background:white}
.share-orders{border:1px solid #393039;border-radius:12px;margin:22px 0;overflow:hidden}.share-orders>.section-title{padding:16px 16px 0;margin:0}.share-link-row{padding:15px 16px;border-bottom:1px solid #ffffff09}.share-link-row:last-child{border-bottom:0}.share-link-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.share-link-head strong{font-size:13px}.share-link-row p{font-size:11px;line-height:1.7;color:#9d94a0;margin:7px 0}.share-link-row .code-block{font-size:11px;word-break:break-all;overflow-wrap:anywhere;margin-top:8px}.share-orders details>summary{cursor:pointer;color:#a39aa6;font-size:12px;padding:12px 16px}.share-orders details .share-link-row{border-top:1px solid #ffffff0a}.claim-entry{padding:19px;border:1px solid #48333c;background:linear-gradient(140deg,#26141b,#121318);border-radius:15px;margin-bottom:16px}.claim-entry h1{font-size:21px;margin:12px 0 8px;line-height:1.4}.claim-entry p{color:#a69aa7;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.claim-current-user{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #ffffff0b;font-size:12px}.claim-content{min-height:150px}.claim-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.claim-actions .button{flex:1}.claim-state{border:1px solid #4a3b35;border-radius:12px;padding:18px;margin-top:12px;background:#201a15}.claim-state p{font-size:12px;line-height:1.8;color:#b9a895;margin:8px 0}.claim-login-note{padding:12px;margin:16px 0;border:1px solid #96534245;background:#9a562719;border-radius:9px;font-size:12px;color:#dab982}.claim-seat-offer{margin-top:14px;min-height:46px;color:#eccb92;font-size:13px;line-height:1.7}.claim-role-screen{max-width:560px;margin:8vh auto;padding:28px;border:1px solid #45343b;border-radius:18px;background:#171218}.claim-role-screen h1{font-size:24px;margin-bottom:16px}.claim-role-screen p{line-height:1.8;color:#b1a4b2;font-size:14px}
html[data-interaction=off] *{transition:none!important;scroll-behavior:auto!important}html[data-interaction=off] .skeleton,html[data-interaction=off] .boot-mark{animation:none!important}
@media(max-width:430px){.profile-identity.mobile-profile-card{grid-template-columns:103px minmax(0,1fr);padding:19px 16px;gap:10px 14px}.rank-art-hero{width:103px;height:115px}.profile-identity .mobile-profile-main h2{font-size:21px}.board-row{grid-template-columns:26px minmax(0,1fr) auto;gap:9px;padding:14px 12px}.board-person strong{font-size:13px}.board-income strong{font-size:16px}.board-person .club-rank{margin-top:5px}.leaderboard-hero{padding:20px}.board-me strong{font-size:20px}.rank-period-toolbar{gap:8px}.rank-period-toolbar .lx-date{max-width:150px}}
@media(prefers-reduced-motion:reduce){.ambient-layer{animation:none!important}.crest-mote,.crest-shine{opacity:0!important}}

.board-index{position:relative;overflow:hidden;min-height:30px;display:flex;align-items:center}.board-index>span{position:relative;z-index:1}.board-index .medal-glint{position:absolute;inset:4px auto 4px -18px;width:15px;background:linear-gradient(90deg,transparent,#f3cb7444,transparent);transform:skewX(-20deg);animation:medal-gloss 9s ease-in-out infinite;pointer-events:none}.top-2 .medal-glint{background:linear-gradient(90deg,transparent,#cadfed44,transparent);animation-delay:-3s}.top-3 .medal-glint{background:linear-gradient(90deg,transparent,#daa58a44,transparent);animation-delay:-6s}@keyframes medal-gloss{0%,58%{opacity:0;transform:translateX(-5px) skewX(-20deg)}66%{opacity:.8}83%,100%{opacity:0;transform:translateX(55px) skewX(-20deg)}}

/* 1.4.2: permanent chrome/data containers never fade on a selection. */
.nav-link,.bottom-link,.button,.icon-button{transition-property:background-color,border-color,color,box-shadow,filter,transform;}
.data-table tbody tr{transition-property:background-color;}
#app[aria-busy="true"]{cursor:progress;}
html{scrollbar-gutter:stable;}