/* Account (signed in) in the 2026-11 "C" language: big greeting + player card, stats band, pill nav, editorial sections. */
.acc{position:relative;padding-bottom:80px;overflow-x:clip}
.acc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;min-height:500px;padding:8px 0 30px}
.acc-hero::before{content:'';position:absolute;right:0;top:-180px;width:680px;height:680px;background:radial-gradient(circle,rgba(255,106,31,.24),transparent 60%);pointer-events:none}
.acc-copy{position:relative;min-width:0}
.acc-copy .cx-k .ac-i{width:14px;height:14px}
.fw-h1.acc-h1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"cv05","cv08"}
.acc-sub{margin:20px 0 0;font-size:17px;color:var(--muted)}
.acc-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.acc-chip{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.acc-chip small{font:800 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.acc-chip b{font-size:14px;font-weight:800}
.acc-cta,.acc-cta2{height:50px;padding:0 20px;font-size:15px}
.acc-cta2 .ac-i{margin-right:6px}
/* player card */
.acc-vis{position:relative;height:460px;min-width:0}
.acc-card{position:absolute;left:50%;top:20px;width:290px;height:390px;margin-left:-145px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 80px rgba(0,0,0,.6),0 0 70px rgba(255,106,31,.14);background:#15161b;transform:rotate(3deg)}
.acc-card--pro img{width:100%;height:100%;object-fit:cover;object-position:top}
.acc-card__bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(26px) brightness(.55) saturate(1.3)}
.acc-card__img{position:absolute;left:0;top:0;width:290px;height:290px;object-fit:cover;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.acc-card__ini{display:none}
.acc-card.is-noav{background:radial-gradient(260px 220px at 50% 30%,color-mix(in srgb,var(--lv,#FF6A1F) 50%,transparent),transparent 70%),linear-gradient(170deg,#2a1208,#0b0b0e 75%)}
.acc-card.is-noav .acc-card__bg,.acc-card.is-noav .acc-card__img{display:none}
.acc-card.is-noav .acc-card__ini{display:grid;place-items:center;position:absolute;inset:0 0 60px;font-size:170px;font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.92)}
.acc-card__lab{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88));display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.acc-card__lab b{font-size:19px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"cv05","cv08"}
.acc-card__lab small{flex:none;font:800 11px var(--mono);color:#FF9A57}
.acc-skel{background:linear-gradient(100deg,#15161b 30%,#1d1e25 50%,#15161b 70%);background-size:300% 100%;animation:accsk 1.4s infinite linear}
@keyframes accsk{to{background-position:-150% 0}}
.acc-float{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(14,15,19,.94);border:1px solid rgba(255,106,31,.5);box-shadow:0 20px 50px rgba(0,0,0,.6);font-weight:800;font-size:14px;white-space:nowrap;backdrop-filter:blur(8px)}
.acc-float small{display:block;font:800 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.acc-float b{font-size:24px;font-weight:900;letter-spacing:-.03em}
.acc-float .acx-lvl{width:46px;height:46px}
.acc-float--elo{left:0;top:70px}
.acc-float--today{right:0;top:200px}
.acc-float--goal{left:6%;right:6%;bottom:0;display:block;white-space:normal;font-size:13px}
.acc-float--goal:empty{display:none}
.acc-float--goal .acx-goal{margin:0}
/* band */
.acc-band{gap:12px 48px}
.acc-tiles{display:contents}
.acc-tile,.acc-streak{display:inline-flex;align-items:baseline;gap:8px}
.acc-band b{font-size:20px}
.acc-tile.is-empty b{color:var(--muted)}
/* pill nav */
.acc-nav{position:sticky;top:0;z-index:15;margin:0 -16px;padding:12px 16px;background:rgba(6,7,10,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.acc-nav__in{display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.acc-nav__in::-webkit-scrollbar{display:none}
.acc-nav button,.acc-nav a{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:999px;background:none;font:800 14px Inter,system-ui,sans-serif;color:var(--ink-2);text-decoration:none;cursor:pointer}
.acc-nav button:hover,.acc-nav a:hover{color:#fff}
.acc-nav .ac-i{width:16px;height:16px}
.acc-nav [aria-selected="true"]{background:var(--accent,#FF6A1F);color:#120A05}
.acc-nav a[hidden]{display:none}
.acc-nav .acx-dot{position:absolute;top:7px;right:8px}
.acc-nav .acx-out{color:var(--muted)}
.acc-main{padding-top:40px}
/* sections */
.acc-sec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin-bottom:56px}
.acc-h2{margin:12px 0 0;font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:-.045em;line-height:1.02}
.acc-h2 span{display:block;color:var(--accent)}
.acc-h2 span.fw-good{color:var(--good,#7CD992)}.acc-h2 span.fw-bad{color:var(--bad,#FF6B6B)}
.acc-sec p{margin:14px 0 0;font-size:16px;line-height:1.55}
.acc-elo__c{position:relative;height:220px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#15161b,#101116);border:1px solid var(--line)}
.acc-elo__c .acx-spark{width:100%;height:100%}
.acc-connect{padding:34px;border-radius:24px;background:radial-gradient(520px 240px at 100% 0,rgba(255,106,31,.16),transparent 70%),var(--card,#111216);border:1px solid rgba(255,106,31,.4)}
.acc-ghost svg{width:100%;height:160px;opacity:.5}
.acc-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.acc-cards{display:flex;flex-direction:column;gap:12px}
.acc-err{margin-top:40px}
@media (max-width:1000px){
  .acc-hero{grid-template-columns:1fr;min-height:0}
  .acc-vis{height:440px;max-width:480px;width:100%;margin:0 auto}
  .acc-sec,.acc-grid{grid-template-columns:1fr;gap:20px}
  .acc-nav__in{justify-content:flex-start}
}
@media (max-width:560px){
  .acc-ghost{display:none}
  .acc-sub{font-size:15px}
  .acc-vis{height:400px}
  .acc-card{width:240px;height:320px;margin-left:-120px}.acc-card__img{width:240px;height:240px}
  .acc-float{padding:9px 11px}.acc-float b{font-size:19px}.acc-float--elo{top:30px}.acc-float--today{top:180px}
  .acc-band{gap:12px 22px}.acc-band b{font-size:16px}
  .acc-connect{padding:22px}
  .acc-elo__c{height:170px}
}