.back-link { color:var(--muted); font-size:12px; }.back-link:hover { color:var(--text); }.account-page { min-height:calc(100vh - 88px); padding:70px 0 100px; }.account-loading { color:var(--muted); font-size:13px; }.account-layout { display:grid; grid-template-columns:250px 1fr; gap:75px; }.account-sidebar { padding-top:8px; }.account-identity { display:flex; align-items:center; gap:12px; margin:32px 0 38px; }.account-avatar { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 117, 200, 255), .5); border-radius:15px; color:var(--theme-base, #07111e); background:var(--blue); font-size:17px; font-weight:800; }.account-identity h1 { margin:0 0 5px; font-size:16px; letter-spacing:-.04em; }.account-identity p { margin:0; color:var(--muted); font-size:10px; }.account-nav { display:grid; gap:5px; padding-top:22px; border-top:1px solid var(--line); }.account-tab { padding:11px 0; border:0; background:transparent; color:var(--muted); text-align:left; font-size:12px; }.account-tab.active,.account-tab:hover { color:var(--blue); }.logout-button { margin-top:38px; padding:0; border:0; background:transparent; color:var(--theme-muted, #7791a3); font-size:10px; }.logout-button:hover { color:#ec8585; }.account-main { min-width:0; }.account-view { display:none; }.account-view.active { display:block; }.account-view h2 { margin:0 0 21px; font-size:clamp(42px,6vw,73px); line-height:.94; letter-spacing:-.08em; }.account-lead { max-width:430px; margin-bottom:35px; color:var(--muted); font-size:13px; line-height:1.65; }.account-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.account-cards article { min-height:130px; display:flex; flex-direction:column; justify-content:space-between; padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }.account-cards span,.account-cards small { color:var(--muted); font-size:10px; }.account-cards strong { font-size:25px; letter-spacing:-.06em; }.status-word { color:#77dda6; font-size:18px!important; }.account-view-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:28px; }.account-view-heading h2 { margin:0; font-size:clamp(38px,5vw,60px); }.account-count { color:var(--blue); font-size:11px; }.orders-list { border-top:1px solid var(--line); }.order-row { display:grid; grid-template-columns:1fr 150px 100px; gap:20px; align-items:center; padding:19px 0; border-bottom:1px solid var(--line); }.order-row strong,.order-row span { display:block; }.order-row strong { font-size:13px; }.order-row span { margin-top:5px; color:var(--muted); font-size:10px; }.order-amount { text-align:right; color:var(--text)!important; font-size:13px!important; }.order-status { color:#f0b465!important; text-align:right; }.security-panel { max-width:670px; border-top:1px solid var(--line); }.security-panel>div { display:grid; grid-template-columns:1fr 1fr auto; gap:20px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }.security-panel strong { font-size:12px; }.security-panel span { color:var(--muted); font-size:11px; }.small-action { border:0; background:transparent; color:var(--blue); font-size:10px; }.is-hidden { display:none!important; }.toast { right:22px; bottom:22px; }.empty-orders { padding:35px 0; color:var(--muted); font-size:12px; }
@media (max-width:760px) { .account-page { padding-top:45px; }.account-layout { grid-template-columns:1fr; gap:45px; }.account-identity { margin:22px 0; }.account-nav { display:flex; gap:22px; padding-top:15px; }.logout-button { margin-top:20px; }.account-cards { grid-template-columns:1fr 1fr; }.account-cards article:last-child { grid-column:1 / -1; }.order-row { grid-template-columns:1fr auto; gap:8px; }.order-status { grid-column:2; grid-row:1; }.order-amount { grid-column:2; grid-row:2; }.security-panel>div { grid-template-columns:1fr; gap:8px; } }
.account-skin { width:46px; height:46px; object-fit:cover; border:1px solid rgba(var(--theme-accent-rgb, 117, 200, 255), .5); border-radius:15px; background:var(--blue-soft); }
.brand-mark img { width:100%; height:100%; display:block; object-fit:contain; border-radius:inherit; }
.two-factor-card { max-width:670px; margin-top:30px; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }.two-factor-card h3 { margin:10px 0 7px; font-size:20px; letter-spacing:-.05em; }.two-factor-card p { color:var(--muted); font-size:11px; line-height:1.6; }.two-factor-secret { display:grid; gap:6px; margin:16px 0 10px; }.two-factor-secret small,.two-factor-uri { color:var(--muted); font-size:10px; }.two-factor-secret code { display:inline-block; width:max-content; padding:9px 11px; border:1px dashed rgba(var(--theme-accent-rgb, 117, 200, 255), .45); border-radius:8px; color:var(--blue); font-size:13px; letter-spacing:.12em; }.two-factor-card textarea { width:100%; min-height:62px; margin-top:8px; padding:9px; resize:vertical; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.035); color:var(--muted); font:10px/1.5 monospace; }.two-factor-code { display:grid; gap:6px; max-width:180px; margin:17px 0 9px; color:var(--muted); font-size:10px; }.two-factor-code input { height:39px; padding:0 10px; border:1px solid var(--line); border-radius:8px; outline:none; background:rgba(255,255,255,.04); color:var(--text); font:700 16px monospace; letter-spacing:.14em; }.danger-action { color:#ef8b8b!important; }
.two-factor-setup { display:flex; align-items:center; gap:22px; }.two-factor-setup p { margin:0; }.two-factor-qr { width:154px; height:154px; flex:0 0 auto; padding:8px; border-radius:13px; background:#fff; }.two-factor-setup .two-factor-secret { margin-bottom:0; }
@media (max-width:560px) { .two-factor-setup { align-items:flex-start; flex-direction:column-reverse; }.two-factor-qr { width:180px; height:180px; } }

/* Keep account surfaces and feedback in the same glass language as the main site. */
.account-page-body .toast { top:24px; right:auto; bottom:auto; left:50%; width:min(560px,calc(100% - 32px)); transform:translate(-50%,-14px); }
.account-page-body .toast.show { transform:translate(-50%,0); }

/* Account actions: compact glass controls instead of legacy text links. */
.account-page-body .account-tab {
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--theme-muted, #8797b0);
  background: transparent;
  letter-spacing: -.01em;
}
.account-page-body .account-tab:hover {
  border-color: rgba(var(--theme-pale-rgb, 157, 192, 255), .16);
  color: #e5efff;
  background: linear-gradient(135deg,rgba(255,255,255,.08),rgba(var(--theme-accent-rgb, 120, 169, 255), .08));
}
.account-page-body .account-tab.active {
  border-color: rgba(var(--theme-pale-rgb, 157, 192, 255), .28);
  color: #f2f6ff;
  background: linear-gradient(135deg,rgba(var(--theme-pale-rgb, 181, 213, 255), .2),rgba(var(--theme-accent-rgb, 120, 169, 255), .08));
  box-shadow: inset 0 1px rgba(255,255,255,.1),0 8px 22px rgba(var(--theme-strong-rgb, 46, 82, 150), .16);
}
.account-page-body .account-tab.active::after { background: var(--theme-pale, #b9d5ff); box-shadow: 0 0 12px rgba(var(--theme-pale-rgb, 185, 213, 255), .8); }
.minecraft-profiles { margin-top:42px; max-width:850px; }
.minecraft-profiles-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.minecraft-profiles-heading h3 { margin:8px 0 0; color:#eef4ff; font-size:22px; letter-spacing:-.05em; }
.minecraft-refresh-label { color:var(--theme-muted, #7288a3); font-size:9px; }
.minecraft-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.minecraft-profile-card { min-width:0; padding:18px; border:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .14); border-radius:18px; background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 18, 34, 55), .96),rgba(var(--theme-base-rgb, 10, 22, 38), .96)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.minecraft-profile-card.is-online { border-color:rgba(85,214,176,.3); }
.minecraft-profile-top { display:flex; align-items:center; gap:10px; min-width:0; }
.minecraft-profile-mark { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border:1px solid rgba(var(--theme-accent-rgb, 111, 157, 255), .28); border-radius:12px; color:var(--theme-pale, #bcd1ff); background:rgba(var(--theme-accent-rgb, 111, 157, 255), .12); font-size:13px; font-weight:900; }
.minecraft-profile-skin { width:42px; height:42px; flex:0 0 42px; object-fit:cover; image-rendering:pixelated; border:1px solid rgba(var(--theme-accent-rgb, 111, 157, 255), .3); border-radius:12px; background:var(--theme-panel, #10213c); }
.minecraft-profile-top>div { min-width:0; flex:1; }.minecraft-profile-top strong,.minecraft-profile-top small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.minecraft-profile-top strong { color:#eaf2ff; font-size:12px; }.minecraft-profile-top small { margin-top:4px; color:var(--theme-muted, #7186a0); font-size:9px; }
.minecraft-profile-state { display:inline-flex; align-items:center; gap:5px; color:var(--theme-muted, #8297b0); font-size:8px; white-space:nowrap; }.minecraft-profile-state i { width:6px; height:6px; border-radius:50%; background:var(--theme-muted, #8297b0); }.is-online .minecraft-profile-state { color:#64d9b8; }.is-online .minecraft-profile-state i { background:#55d6b0; box-shadow:0 0 0 4px rgba(85,214,176,.1); }
.minecraft-profile-player { display:grid; gap:5px; margin-top:18px; padding-top:14px; border-top:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .09); }.minecraft-profile-player span { color:var(--theme-muted, #758aa5); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.minecraft-profile-player strong { color:#f0f5ff; font-size:18px; }.minecraft-profile-player small { color:var(--theme-muted, #7d92ad); font-size:9px; }.minecraft-profile-empty { padding:17px 0 2px; color:var(--theme-muted, #8094ad); font-size:10px; line-height:1.6; }
.minecraft-profile-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.minecraft-profile-facts span { display:grid; gap:5px; min-width:0; }.minecraft-profile-facts b { color:var(--theme-muted, #758aa5); font-size:9px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }.minecraft-profile-facts strong { overflow:hidden; color:#eaf2ff; font-size:10px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.minecraft-profile-skeleton { height:128px; border-radius:18px; background:linear-gradient(90deg,rgba(var(--theme-accent-rgb, 151, 181, 224), .05),rgba(var(--theme-accent-rgb, 151, 181, 224), .11),rgba(var(--theme-accent-rgb, 151, 181, 224), .05)); background-size:200% 100%; animation:account-skeleton 1.2s ease-in-out infinite; }.minecraft-profile-skeleton+ .minecraft-profile-skeleton { animation-delay:.15s; }
@keyframes account-skeleton { from { background-position:200% 0; } to { background-position:-200% 0; } }
.account-page-body .small-action,
.account-page-body .logout-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(var(--theme-pale-rgb, 157, 192, 255), .24);
  border-radius: 11px;
  background: linear-gradient(135deg,rgba(var(--theme-pale-rgb, 181, 213, 255), .14),rgba(var(--theme-accent-rgb, 120, 169, 255), .06));
  color: var(--theme-pale, #b9d5ff);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .01em;
  box-shadow: inset 0 1px rgba(255,255,255,.07);
  transition: transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.account-page-body .small-action:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--theme-pale-rgb, 181, 213, 255), .5);
  color: var(--theme-base, #071326);
  background: linear-gradient(135deg,var(--theme-pale, #b9d5ff),var(--theme-accent, #8ab5ff));
  box-shadow: 0 10px 24px rgba(var(--theme-strong-rgb, 73, 119, 207), .24);
}
.account-page-body .small-action:active,
.account-page-body .logout-button:active { transform: translateY(0) scale(.98); }
.account-page-body .logout-button {
  justify-content: space-between;
  border-color: rgba(235,125,136,.22);
  color: #d995a0;
  background: linear-gradient(135deg,rgba(235,125,136,.1),rgba(235,125,136,.035));
}
.account-page-body .logout-button:hover {
  border-color: rgba(245,151,162,.45);
  color: #ffd8dc;
  background: linear-gradient(135deg,rgba(235,125,136,.2),rgba(235,125,136,.07));
  box-shadow: 0 10px 24px rgba(140,52,68,.18);
}
.account-page-body .danger-action {
  border-color: rgba(245,151,162,.3);
  color: #f0a2aa!important;
  background: rgba(235,125,136,.07);
}
.account-page-body .danger-action:hover { color: #301018!important; background: #f0a2aa; }

/* Account redesign aligned with the public sapphire interface. */
.account-page-body .account-page { min-height: calc(100dvh - 186px); padding: 52px 0 90px; }
.account-page-body .account-loading { padding: 38px; border: 1px solid var(--line); border-radius: 18px; background: rgba(var(--theme-base-rgb, 9, 15, 29), .72); }
.account-page-body .account-layout { grid-template-columns: 290px minmax(0,1fr); gap: 32px; align-items: start; }
.account-page-body .account-sidebar { position: sticky; top: 104px; padding: 24px; border: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius: 18px; background: linear-gradient(180deg,rgba(var(--theme-base-rgb, 15, 25, 47), .84),rgba(var(--theme-base-rgb, 8, 13, 26), .88)); box-shadow: inset 0 1px rgba(255,255,255,.03),0 24px 65px rgba(var(--theme-deep-rgb, 1, 5, 14), .22); }
.account-page-body .account-sidebar > .eyebrow { margin-bottom: 22px; }
.account-page-body .account-identity { align-items: center; margin: 0 0 26px; padding-bottom: 24px; border-bottom: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); }
.account-page-body .account-skin { width: 78px; height: 78px; flex: 0 0 78px; object-fit: contain; border-color: rgba(var(--theme-accent-rgb, 120, 169, 255), .35); border-radius: 18px; background: radial-gradient(circle at 50% 30%,rgba(var(--theme-accent-rgb, 120, 169, 255), .2),transparent 62%),var(--theme-base, #101a31); filter: drop-shadow(0 10px 16px rgba(var(--theme-strong-rgb, 30, 93, 188), .24)); }
.account-page-body .account-identity h1 { color: #edf3ff; font-size: 18px; }
.account-page-body .account-identity p { max-width: 155px; overflow: hidden; color: var(--theme-muted, #7d899d); text-overflow: ellipsis; white-space: nowrap; }
.account-page-body .account-nav { gap: 5px; padding: 0; border: 0; }
.account-page-body .account-tab { min-height: 43px; position: relative; padding: 0 13px; border: 1px solid transparent; border-radius: 10px; text-align: left; font-weight: 700; transition: color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.account-page-body .account-tab:hover { color: #dce8ff; background: rgba(var(--theme-accent-rgb, 120, 169, 255), .07); }
.account-page-body .account-tab.active { border-color: rgba(var(--theme-accent-rgb, 120, 169, 255), .18); color: #eef4ff; background: linear-gradient(180deg,rgba(var(--theme-accent-rgb, 120, 169, 255), .16),rgba(var(--theme-accent-rgb, 120, 169, 255), .08)); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.account-page-body .account-tab.active::after { content: ''; position: absolute; top: 10px; bottom: 10px; left: -1px; width: 2px; border-radius: 2px; background: var(--theme-accent, #8ab5ff); }
.account-page-body .account-tab:active { transform: scale(.98); }
.account-page-body .logout-button { width: 100%; min-height: 41px; display: flex; align-items: center; justify-content: space-between; margin-top: 28px; padding: 0 12px; border: 1px solid rgba(235,125,136,.12); border-radius: 10px; color: #a37d86; background: rgba(235,125,136,.035); }
.account-page-body .logout-button:hover { color: #f0a2aa; background: rgba(235,125,136,.08); }
.account-page-body .account-main { min-height: 570px; padding: clamp(28px,4vw,52px); border: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius: 20px; background: rgba(var(--theme-base-rgb, 8, 13, 26), .74); box-shadow: inset 0 1px rgba(255,255,255,.025),0 28px 75px rgba(var(--theme-deep-rgb, 1, 5, 14), .25); }
.account-page-body .account-view h2 { max-width: 760px; color: #f1f5ff; font-size: clamp(44px,5vw,68px); }
.account-page-body .account-lead { max-width: 520px; margin-bottom: 42px; color: var(--theme-muted, #929fb4); }
.account-page-body .account-cards { grid-template-columns: 1.25fr .75fr; grid-template-rows: repeat(2,minmax(120px,auto)); gap: 14px; }
.account-page-body .account-cards article { min-height: 120px; padding: 20px; border-color: rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius: 15px; background: rgba(var(--theme-base-rgb, 15, 25, 47), .68); }
.account-page-body .account-cards article:first-child { grid-row: span 2; justify-content: flex-end; background: radial-gradient(circle at 76% 24%,rgba(var(--theme-accent-rgb, 79, 125, 210), .22),transparent 40%),var(--theme-base, #0d172c); }
.account-page-body .account-cards article:first-child strong { margin: 26px 0 4px; font-size: 62px; }
.account-page-body .account-cards strong { color: #edf3ff; }
.account-page-body .account-cards span,.account-page-body .account-cards small { color: var(--theme-muted, #8490a5); }
.account-page-body .status-word { color: #8fd8b8 !important; }
.account-page-body .account-view-heading { margin-bottom: 34px; }
.account-page-body .account-count { padding: 8px 10px; border: 1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .16); border-radius: 8px; background: rgba(var(--theme-accent-rgb, 120, 169, 255), .06); color: var(--theme-pale, #a9c6fa); }
.account-page-body .orders-list { display: grid; gap: 10px; border: 0; }
.account-page-body .order-row { padding: 17px 18px; border: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); border-radius: 12px; background: rgba(var(--theme-base-rgb, 15, 25, 47), .5); }
.account-page-body .order-row strong { color: #e8effc; }
.account-page-body .security-panel { max-width: none; display: grid; gap: 10px; border: 0; }
.account-page-body .security-panel > div { min-height: 70px; padding: 15px 17px; border: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); border-radius: 12px; background: rgba(var(--theme-base-rgb, 15, 25, 47), .5); }
.account-page-body .small-action { min-height: 34px; padding: 0 11px; border: 1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .18); border-radius: 8px; background: rgba(var(--theme-accent-rgb, 120, 169, 255), .06); color: var(--theme-pale, #a9c6fa); font-weight: 800; }
.account-page-body .small-action:hover { color: var(--theme-base, #071020); background: var(--theme-accent, #8ab5ff); }
.account-page-body .two-factor-card { max-width: none; padding: 24px; border-color: rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius: 15px; background: radial-gradient(circle at 90% 10%,rgba(var(--theme-accent-rgb, 79, 125, 210), .12),transparent 35%),rgba(var(--theme-base-rgb, 15, 25, 47), .58); }
.account-page-body .two-factor-card h3 { color: #edf3ff; font-size: 23px; }
.account-page-body .two-factor-code input,.account-page-body .two-factor-card textarea { border-color: rgba(var(--theme-accent-rgb, 157, 181, 224), .16); background: var(--theme-deep, #070c18); }

/* Player profile cards: full-body skin render with a premium game-card composition. */
.minecraft-profile-card { position: relative; min-height: 318px; overflow: hidden; isolation: isolate; padding: 22px; border-color: rgba(var(--theme-accent-rgb, 145, 181, 238), .18); background: radial-gradient(circle at 82% 26%,rgba(var(--theme-accent-rgb, 102, 158, 255), .22),transparent 34%),linear-gradient(145deg,var(--theme-panel, #142744) 0%,var(--theme-base, #0c1930) 52%,var(--theme-base, #081321) 100%); box-shadow: inset 0 1px rgba(255,255,255,.06),0 20px 44px rgba(var(--theme-deep-rgb, 2, 8, 20), .22); transition: border-color .25s ease,box-shadow .25s ease; }
.minecraft-profile-card:hover { border-color: rgba(var(--theme-pale-rgb, 150, 194, 255), .42); box-shadow: inset 0 1px rgba(255,255,255,.08),0 24px 54px rgba(var(--theme-raised-rgb, 20, 73, 151), .22); }
.minecraft-profile-card.is-online { border-color: rgba(93,222,185,.38); background: radial-gradient(circle at 82% 26%,rgba(70,215,181,.17),transparent 34%),linear-gradient(145deg,var(--theme-panel, #123043) 0%,var(--theme-base, #0c1d30) 54%,var(--theme-base, #081321) 100%); }
.minecraft-profile-card-glow { position:absolute; z-index:-1; top:30px; right:18%; width:150px; height:210px; border-radius:50%; background:rgba(var(--theme-accent-rgb, 94, 157, 255), .3); filter:blur(42px); opacity:.7; pointer-events:none; }
.minecraft-profile-render { position:absolute; z-index:0; top:12px; right:4px; width:47%; height:276px; display:grid; place-items:center; pointer-events:none; }
.minecraft-profile-render-ring { position:absolute; width:170px; height:170px; border:1px solid rgba(var(--theme-pale-rgb, 166, 204, 255), .22); border-radius:50%; box-shadow:0 0 0 16px rgba(var(--theme-accent-rgb, 128, 177, 255), .035),0 0 45px rgba(var(--theme-accent-rgb, 87, 150, 255), .23); }
.minecraft-profile-render-ring::after { content:''; position:absolute; inset:18px; border:1px solid rgba(var(--theme-pale-rgb, 166, 204, 255), .12); border-radius:50%; }
.minecraft-profile-skin { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; image-rendering:auto; border:0; border-radius:0; background:transparent; filter:drop-shadow(0 18px 18px rgba(0,0,0,.3)); transform:translateY(8px); transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease; }
.minecraft-profile-card:hover .minecraft-profile-skin { transform:translateY(3px) scale(1.035); filter:drop-shadow(0 22px 24px rgba(var(--theme-strong-rgb, 38, 102, 201), .28)); }
.minecraft-profile-content { position:relative; z-index:2; width:58%; min-height:274px; display:flex; flex-direction:column; }
.minecraft-profile-top { justify-content:space-between; }
.minecraft-profile-mode { display:inline-flex; align-items:center; gap:7px; }
.minecraft-profile-mode small { color:var(--theme-muted, #8ea6c8); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.minecraft-profile-mode-dot { width:7px; height:7px; border-radius:50%; background:var(--theme-accent, #83b7ff); box-shadow:0 0 0 5px rgba(var(--theme-accent-rgb, 131, 183, 255), .12),0 0 14px rgba(var(--theme-accent-rgb, 131, 183, 255), .7); }
.is-online .minecraft-profile-mode-dot { background:#60d9b2; box-shadow:0 0 0 5px rgba(96,217,178,.12),0 0 14px rgba(96,217,178,.65); }
.minecraft-profile-heading { margin-top:auto; padding-top:30px; }
.minecraft-profile-heading strong { display:block; color:#f1f6ff; font-size:clamp(20px,2.3vw,30px); line-height:1.05; letter-spacing:-.06em; overflow-wrap:anywhere; }
.minecraft-profile-heading small { display:block; margin-top:9px; color:var(--theme-accent, #a6bad8); font-size:12px; }
.minecraft-profile-player { margin-top:22px; padding-top:16px; border-top-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .15); }
.minecraft-profile-facts { grid-template-columns:1fr 1fr; gap:14px 10px; }
.minecraft-profile-facts span:last-child { grid-column:1 / -1; }
.minecraft-profile-facts b { color:var(--theme-muted, #7d96b7); font-size:8px; }
.minecraft-profile-facts strong { color:#eaf2ff; font-size:11px; }
.minecraft-profile-render-empty { right:10%; width:34%; opacity:.75; }
.minecraft-profile-render-empty .minecraft-profile-mark { width:72px; height:72px; border-radius:22px; font-size:26px; }
.minecraft-profile-empty { max-width:220px; margin-top:auto; padding-top:24px; }

@media (max-width: 560px) {
  .minecraft-profile-grid { grid-template-columns:1fr; }
  .minecraft-profile-card { min-height:330px; padding:20px; }
  .minecraft-profile-render { right:0; width:48%; height:286px; }
  .minecraft-profile-content { width:64%; min-height:286px; }
  .minecraft-profile-state { font-size:8px; }
  .minecraft-profile-heading strong { font-size:24px; }
}

/* Concept B: a wide hero profile where the real skin is the visual anchor. */
.minecraft-profile-grid { grid-template-columns: 1fr; gap: 18px; }
.minecraft-profile-card { min-height: 430px; padding: 30px; }
.minecraft-profile-render { top: 0; right: 0; width: 55%; height: 100%; }
.minecraft-profile-render-ring { width: 280px; height: 280px; border-color: rgba(var(--theme-pale-rgb, 166, 204, 255), .2); box-shadow: 0 0 0 24px rgba(var(--theme-accent-rgb, 128, 177, 255), .035), 0 0 80px rgba(var(--theme-accent-rgb, 87, 150, 255), .28); }
.minecraft-profile-render-ring::after { inset: 28px; }
.minecraft-profile-skin { width: 100%; height: 100%; transform: translateY(12px) scale(1.12); filter: drop-shadow(0 26px 28px rgba(0,0,0,.34)); }
.minecraft-profile-card:hover .minecraft-profile-skin { transform: translateY(5px) scale(1.16); }
.minecraft-profile-content { width: 48%; min-height: 370px; }
.minecraft-profile-heading { padding-top: 42px; }
.minecraft-profile-heading strong { font-size: clamp(28px, 4vw, 52px); }
.minecraft-profile-heading small { margin-top: 12px; font-size: 14px; }
.minecraft-profile-player { margin-top: auto; padding: 18px 0 0; }
.minecraft-profile-facts { grid-template-columns: 1fr 1fr; gap: 16px 14px; }
.minecraft-profile-facts span { padding: 13px 14px; border: 1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius: 12px; background: rgba(var(--theme-base-rgb, 7, 16, 31), .38); }
.minecraft-profile-facts span:last-child { grid-column: auto; }
.minecraft-profile-facts strong { margin-top: 2px; font-size: 12px; }
.minecraft-profile-card-glow { top: 50px; right: 23%; width: 250px; height: 300px; filter: blur(60px); opacity: .72; }

@media (max-width: 700px) {
  .minecraft-profile-card { min-height: 650px; padding: 22px; }
  .minecraft-profile-render { top: 10px; right: 0; width: 100%; height: 355px; align-items: start; }
  .minecraft-profile-render-ring { width: 230px; height: 230px; }
  .minecraft-profile-skin { transform: translateY(0) scale(1.02); }
  .minecraft-profile-card:hover .minecraft-profile-skin { transform: translateY(0) scale(1.05); }
  .minecraft-profile-content { width: 100%; min-height: 260px; margin-top: 345px; }
  .minecraft-profile-heading { padding-top: 18px; }
  .minecraft-profile-heading strong { font-size: 34px; }
  .minecraft-profile-player { margin-top: 22px; }
}

@media (max-width: 850px) {
  .account-page-body .account-layout { grid-template-columns: 1fr; }
  .account-page-body .account-sidebar { position: static; }
  .account-page-body .account-nav { grid-template-columns: repeat(3,1fr); }
  .account-page-body .account-tab { text-align: center; }
  .account-page-body .account-tab.active::after { top: auto; right: 10px; bottom: -1px; left: 10px; width: auto; height: 2px; }
}
@media (max-width: 560px) {
  .account-page-body .account-page { padding: 34px 0 60px; }
  .account-page-body .account-sidebar { padding: 18px; }
  .account-page-body .account-nav { display: grid; gap: 4px; }
  .account-page-body .account-tab { padding: 0 7px; font-size: 10px; }
  .account-page-body .account-main { min-height: 0; padding: 24px 18px; }
  .account-page-body .account-view h2 { font-size: 43px; }
  .account-page-body .account-cards { grid-template-columns: 1fr; grid-template-rows: auto; }
  .account-page-body .account-cards article:first-child { grid-row: auto; min-height: 180px; }
  .account-page-body .account-cards article:last-child { grid-column: auto; }
  .account-page-body .order-row { grid-template-columns: 1fr; }
  .account-page-body .order-status,.account-page-body .order-amount { grid-column: 1; text-align: left; }
}
.account-dialog-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(var(--theme-deep-rgb, 3, 8, 18), .72); backdrop-filter: blur(12px); }
.minecraft-link-backdrop { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; overflow:auto; padding:24px; background:radial-gradient(ellipse at 78% 50%,rgba(var(--theme-strong-rgb, 45, 91, 166), .22),transparent 48%),rgba(var(--theme-deep-rgb, 3, 8, 18), .88); backdrop-filter:blur(16px); animation:account-link-fade .35s ease both; }
.minecraft-link-card { position:relative; display:grid; grid-template-columns:minmax(230px,.82fr) minmax(330px,1fr); width:min(100%,850px); min-height:520px; overflow:hidden; border:1px solid rgba(var(--theme-accent-rgb, 143, 181, 244), .25); border-radius:26px; background:linear-gradient(135deg,var(--theme-base, #0c1729),var(--theme-base, #0a1221) 58%,var(--theme-base, #101e35)); box-shadow:0 36px 110px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05); animation:account-link-rise .5s cubic-bezier(.2,.8,.2,1) both; }
.minecraft-link-art { position:relative; display:grid; place-items:center; min-height:520px; overflow:hidden; background:radial-gradient(ellipse at 50% 43%,rgba(var(--theme-strong-rgb, 62, 119, 215), .35),transparent 44%),linear-gradient(180deg,rgba(var(--theme-base-rgb, 12, 30, 57), .2),rgba(var(--theme-deep-rgb, 5, 12, 24), .45)); }
.minecraft-link-art::before,.minecraft-link-art::after { position:absolute; content:""; width:300px; height:300px; border:1px solid rgba(var(--theme-accent-rgb, 134, 181, 255), .2); border-radius:50%; box-shadow:0 0 0 24px rgba(var(--theme-accent-rgb, 134, 181, 255), .035),0 0 70px rgba(var(--theme-accent-rgb, 73, 135, 234), .16); }
.minecraft-link-art::after { width:220px; height:220px; border-color:rgba(var(--theme-pale-rgb, 157, 199, 255), .16); box-shadow:none; }
.minecraft-link-orbit { position:absolute; z-index:1; width:82%; height:1px; transform:rotate(-24deg); background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb, 122, 176, 255), .65),transparent); }
.minecraft-link-art img { position:relative; z-index:2; align-self:end; width:min(96%,330px); height:410px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 26px 28px rgba(0,0,0,.48)) drop-shadow(0 0 25px rgba(var(--theme-accent-rgb, 75, 143, 255), .25)); animation:account-link-float 5s ease-in-out infinite; }
.minecraft-link-art-label { position:absolute; z-index:3; bottom:28px; color:var(--theme-accent, #a9bfdc); font-size:9px; font-weight:700; letter-spacing:.2em; }.minecraft-link-art-label i { padding:0 7px; color:var(--theme-accent, #82b1ff); font-style:normal; }
.minecraft-link-copy { align-self:center; padding:48px clamp(28px,5vw,56px); }
.minecraft-link-step { display:flex; align-items:center; gap:10px; color:var(--theme-accent, #91b9ff); font-size:9px; font-weight:800; letter-spacing:.16em; }.minecraft-link-step span { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 130, 177, 255), .27); border-radius:9px; background:rgba(var(--theme-accent-rgb, 108, 158, 246), .1); }.minecraft-link-step i { width:24px; height:1px; background:var(--theme-accent, #79aaff); }
.minecraft-link-mail { display:flex; align-items:center; gap:11px; margin-top:28px; padding:12px 14px; border:1px solid rgba(102,218,182,.17); border-radius:13px; background:rgba(75,197,158,.055); }.minecraft-link-check { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; color:#70e0bc; background:rgba(83,209,168,.13); }.minecraft-link-mail small,.minecraft-link-mail strong { display:block; }.minecraft-link-mail small { margin-bottom:4px; color:#75cdb2; font-size:8px; font-weight:800; letter-spacing:.12em; }.minecraft-link-mail strong { max-width:100%; overflow:hidden; color:#dce9fb; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.minecraft-link-copy h2 { margin:24px 0 10px; color:#f1f5ff; font-size:clamp(34px,5vw,48px); line-height:1.03; letter-spacing:-.065em; }.minecraft-link-copy h2 em { color:var(--theme-pale, #94baff); font-style:normal; }.minecraft-link-description { max-width:380px; margin:0 0 26px; color:var(--theme-muted, #97a9c4); font-size:13px; line-height:1.7; }
.minecraft-link-form { display:grid; gap:10px; }.minecraft-link-form label { color:#dbe7f9; font-size:11px; font-weight:700; }.minecraft-link-form input { width:100%; height:48px; box-sizing:border-box; padding:0 15px; border:1px solid rgba(var(--theme-accent-rgb, 143, 181, 244), .22); border-radius:12px; outline:0; background:var(--theme-base, #080f1d); color:#f1f5ff; font:inherit; font-size:14px; transition:border-color .2s,box-shadow .2s; }.minecraft-link-form input:focus { border-color:var(--theme-accent, #82b1ff); box-shadow:0 0 0 4px rgba(var(--theme-accent-rgb, 114, 164, 248), .12); }.minecraft-link-form>small { color:var(--theme-muted, #778ba8); font-size:10px; line-height:1.5; }
.minecraft-link-notice { display:grid; gap:4px; margin:8px 0 6px; padding:12px 14px; border:1px solid rgba(233,179,101,.18); border-radius:12px; background:rgba(233,179,101,.055); }.minecraft-link-notice b { color:#f0c37f; font-size:10px; }.minecraft-link-notice span { color:var(--theme-muted, #aab5c6); font-size:10px; line-height:1.55; }.minecraft-link-form .button { display:flex; align-items:center; justify-content:space-between; min-height:48px; margin-top:3px; padding:0 17px; border:0; border-radius:12px; cursor:pointer; }.minecraft-link-form .button:disabled { opacity:.65; cursor:wait; }.minecraft-link-form .button span { font-size:20px; }.minecraft-link-error { min-height:16px; margin:0; color:#ff9d9d; font-size:11px; }
@keyframes account-link-fade { from { opacity:0; } to { opacity:1; } } @keyframes account-link-rise { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } } @keyframes account-link-float { 0%,100% { transform:translateY(4px); } 50% { transform:translateY(-5px); } }
@media(max-width:640px) { .minecraft-link-backdrop { padding:12px; place-items:start center; }.minecraft-link-card { grid-template-columns:1fr; width:min(100%,460px); min-height:0; border-radius:21px; }.minecraft-link-art { min-height:210px; max-height:210px; }.minecraft-link-art::before { width:190px; height:190px; }.minecraft-link-art::after { width:140px; height:140px; }.minecraft-link-art img { width:190px; height:230px; margin-top:-16px; }.minecraft-link-art-label { bottom:13px; font-size:8px; }.minecraft-link-copy { padding:24px 22px 20px; }.minecraft-link-mail { margin-top:17px; }.minecraft-link-copy h2 { margin-top:18px; font-size:36px; }.minecraft-link-description { margin-bottom:18px; font-size:12px; } }
.minecraft-link-art img { align-self:center; width:min(112%,520px); max-width:none; height:min(76vh,650px); margin:0; object-position:center; transform:none; animation:none; filter:drop-shadow(0 16px 18px rgba(0,0,0,.38)); }
@media(max-width:640px) { .minecraft-link-art { min-height:260px; max-height:260px; }.minecraft-link-art img { width:min(82%,280px); height:300px; margin:0; transform:none; } }
@media(prefers-reduced-motion:reduce) { .minecraft-link-backdrop,.minecraft-link-card,.minecraft-link-art img { animation:none!important; transition:none!important; } }
.minecraft-link-form[hidden],.minecraft-link-wait[hidden],.minecraft-link-verify-form[hidden] { display:none!important; }
.minecraft-link-modes { display:flex; gap:5px; width:max-content; max-width:100%; margin:0 0 14px; padding:4px; border:1px solid rgba(var(--theme-accent-rgb, 143, 181, 244), .14); border-radius:12px; background:var(--theme-base, #080f1d); }
.minecraft-link-modes button,.minecraft-link-cancel { border:0; border-radius:9px; padding:10px 12px; background:transparent; color:var(--theme-muted, #91a4bf); font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.minecraft-link-modes button.is-active { background:linear-gradient(135deg,var(--theme-pale, #9abaff),var(--theme-accent, #6f98e9)); color:var(--theme-base, #071326); box-shadow:0 5px 18px rgba(var(--theme-accent-rgb, 77, 132, 228), .2); }
.minecraft-link-wait { display:grid; gap:12px; margin-top:16px; padding:16px; border:1px solid rgba(var(--theme-accent-rgb, 130, 177, 255), .2); border-radius:15px; background:linear-gradient(140deg,rgba(var(--theme-panel-rgb, 23, 44, 74), .62),rgba(var(--theme-base-rgb, 9, 17, 31), .88)); }
.minecraft-link-wait>strong { color:#eaf2ff; font-size:13px; }
.minecraft-link-wait>p { margin:0; color:var(--theme-muted, #aab9cf); font-size:11px; line-height:1.6; }
.minecraft-link-wait-indicator { width:26px; height:26px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 129, 177, 255), .22); border-radius:9px; background:rgba(var(--theme-accent-rgb, 112, 162, 248), .1); }
.minecraft-link-wait-indicator i { width:7px; height:7px; border-radius:50%; background:var(--theme-accent, #85b5ff); box-shadow:0 0 12px var(--theme-accent, #69a1ff); animation:link-pulse 1.5s ease-in-out infinite; }
.minecraft-link-verify-form { display:grid; gap:10px; }
.minecraft-link-verify-form label { color:#dbe7f9; font-size:11px; font-weight:700; }
.minecraft-link-verify-form input { width:100%; height:48px; box-sizing:border-box; padding:0 15px; border:1px solid rgba(var(--theme-accent-rgb, 143, 181, 244), .22); border-radius:12px; outline:0; background:var(--theme-base, #080f1d); color:#f1f5ff; font:inherit; font-size:18px; letter-spacing:.25em; text-align:center; }
.minecraft-link-cancel { justify-self:start; padding:8px 0; color:var(--theme-muted, #9aacc6); }
.profile-b-extra-section { margin-top:20px; padding:20px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius:18px; background:linear-gradient(150deg,rgba(var(--theme-panel-rgb, 20, 32, 54), .78),rgba(var(--theme-base-rgb, 10, 19, 35), .78)); }
.profile-b-extra-section h3 { margin:0 0 14px; color:#e8effb; font-size:14px; }
.profile-b-extra-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.profile-b-extra-grid>div,.profile-b-jobs article { min-width:0; display:grid; gap:6px; padding:12px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); border-radius:12px; background:rgba(var(--theme-deep-rgb, 4, 11, 22), .38); }
.profile-b-extra-grid small,.profile-b-jobs small { color:var(--theme-muted, #91a3bd); font-size:9px; line-height:1.5; }
.profile-b-extra-grid strong,.profile-b-jobs strong,.profile-b-jobs span { overflow-wrap:anywhere; color:#e5edfc; font-size:11px; }
.profile-b-jobs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
@keyframes link-pulse { 50% { opacity:.4; transform:scale(.72); } }
@media(max-width:640px) { .minecraft-link-modes { width:100%; }.minecraft-link-modes button { flex:1; padding-inline:7px; }.profile-b-extra-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-b-jobs { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .minecraft-link-wait-indicator i { animation:none; } }
.minecraft-link-form input[name="code"],.minecraft-link-verify-form input { height:58px; border-color:rgba(var(--theme-accent-rgb, 132, 174, 255), .3); background:linear-gradient(110deg,rgba(var(--theme-accent-rgb, 97, 139, 222), .1),rgba(var(--theme-deep-rgb, 4, 10, 21), .76)); color:#edf4ff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.3em; text-align:center; transition:border-color .22s ease,box-shadow .22s ease,background .22s ease; }
.minecraft-link-form input[name="code"]:focus,.minecraft-link-verify-form input:focus { border-color:var(--theme-accent, #8fb5ff); background:rgba(var(--theme-base-rgb, 7, 15, 29), .9); box-shadow:0 0 0 4px rgba(var(--theme-accent-rgb, 117, 157, 238), .11),0 7px 22px rgba(var(--theme-base-rgb, 6, 15, 31), .18); }
.minecraft-link-modes button,.minecraft-link-cancel { transition:color .2s ease,background .2s ease,transform .2s ease; }
.minecraft-link-modes button:hover,.minecraft-link-cancel:hover { color:#eef4ff; }
.minecraft-link-form .button:disabled { cursor:wait; filter:saturate(.78); }
.account-action-spinner { display:inline-block; width:14px; height:14px; flex:0 0 14px; border:2px solid rgba(var(--theme-base-rgb, 8, 20, 41), .25); border-top-color:var(--theme-base, #0b1930); border-radius:50%; animation:auth-spinner .7s linear infinite; }
.minecraft-link-error:not(:empty) { padding:10px 12px; border:1px solid rgba(245,151,162,.24); border-radius:10px; background:rgba(116,36,55,.16); animation:auth-feedback-in .24s ease both; }
@media(prefers-reduced-motion:reduce) { .account-action-spinner { animation:none; } }
.account-dialog { width: min(100%, 420px); padding: 26px; border: 1px solid rgba(var(--theme-pale-rgb, 157, 195, 255), .2); border-radius: 22px; background: linear-gradient(145deg, var(--theme-panel, #162337), var(--theme-base, #0d1727)); box-shadow: 0 24px 80px rgba(0,0,0,.45); color: #eef5ff; }
.minecraft-link-backdrop { align-items:center; overflow:hidden; padding:clamp(12px,3vh,24px); }
.minecraft-link-card { height:min(700px,calc(100dvh - 40px)); min-height:0; max-height:calc(100dvh - 40px); grid-template-rows:minmax(0,1fr); overflow:hidden; }
.minecraft-link-art { min-height:0; }
.minecraft-link-art img { height:min(62vh,520px); max-height:100%; }
.minecraft-link-copy { min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(var(--theme-accent-rgb, 143, 181, 244), .22) transparent; }
.minecraft-link-form:not([hidden]),.minecraft-link-wait:not([hidden]) { animation:account-link-step-in .32s cubic-bezier(.16,1,.3,1) both; }
.minecraft-link-backdrop.is-complete .minecraft-link-card { animation:account-link-finish .28s ease both; }
@keyframes account-link-step-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes account-link-finish { to { opacity:0; transform:translateY(-8px) scale(.99); } }
@media(max-width:640px) {
  .minecraft-link-backdrop { align-items:flex-start; overflow-y:auto; }
  .minecraft-link-card { width:min(100%,460px); height:auto; max-height:calc(100dvh - 24px); grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); overflow-y:auto; }
  .minecraft-link-art { min-height:150px; max-height:150px; }
  .minecraft-link-art img { height:190px; max-height:190px; }
  .minecraft-link-copy { overflow:visible; padding:20px 20px 22px; }
}
@media(max-height:680px) and (min-width:641px) {
  .minecraft-link-card { height:calc(100dvh - 24px); }
  .minecraft-link-copy { padding-block:24px; }
  .minecraft-link-mail { margin-top:16px; }
  .minecraft-link-copy h2 { margin-top:16px; }
  .minecraft-link-description { margin-bottom:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .minecraft-link-form:not([hidden]),.minecraft-link-wait:not([hidden]),.minecraft-link-backdrop.is-complete .minecraft-link-card { animation:none!important; }
}
.minecraft-link-error.is-success { padding:10px 12px; border-color:rgba(87,218,174,.3); background:linear-gradient(135deg,rgba(22,91,72,.38),rgba(10,48,43,.3)); color:#91f0c8; }
.minecraft-link-error.is-progress { padding:10px 12px; border-color:rgba(132,174,255,.24); background:rgba(54,94,157,.14); color:#b7d0ff; }
.minecraft-link-form input[name="code"] { font-variant-numeric:tabular-nums; letter-spacing:.2em; }
.minecraft-link-verify-form input { caret-color:var(--theme-pale, #b9d5ff); }
.minecraft-link-code-control { position:relative; display:block; width:100%; height:58px; }
.minecraft-link-code-slots { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:5px; width:100%; height:100%; pointer-events:none; }
.minecraft-link-verify-form .minecraft-link-code-slots { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.minecraft-link-code-slot { display:grid; min-width:0; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 132, 174, 255), .24); border-radius:9px; background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 20, 37, 64), .9),rgba(var(--theme-deep-rgb, 5, 12, 24), .92)); color:#edf4ff; font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; transition:border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.23,1,.32,1); }
.minecraft-link-code-slot.is-filled { border-color:rgba(var(--theme-accent-rgb, 136, 179, 255), .48); background:linear-gradient(145deg,rgba(var(--theme-strong-rgb, 59, 94, 151), .44),rgba(var(--theme-base-rgb, 12, 27, 49), .94)); animation:auth-slot-fill .18s cubic-bezier(.23,1,.32,1) both; }
.minecraft-link-code-slot.is-current { border-color:var(--theme-accent, #91b8ff); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 117, 157, 238), .1),0 0 18px rgba(var(--theme-accent-rgb, 108, 158, 255), .14); }
.minecraft-link-code-slot:nth-child(5) { margin-left:5px; }
.minecraft-link-code-control.is-error { animation:auth-code-shake .42s cubic-bezier(.36,.07,.19,.97) both; }
.minecraft-link-code-control.is-error .minecraft-link-code-slot { color:#ffb6c1; border-color:rgba(255,112,132,.72); background:linear-gradient(145deg,rgba(93,30,48,.55),rgba(30,12,25,.92)); }
.minecraft-link-code-control.is-success .minecraft-link-code-slot { color:#91f0c8; border-color:rgba(87,218,174,.72); background:linear-gradient(145deg,rgba(22,91,72,.48),rgba(10,48,43,.76)); box-shadow:0 0 14px rgba(87,218,174,.12); }
.minecraft-link-code-control input { position:absolute; z-index:2; inset:0; width:100%; height:100%; padding:0!important; border-color:transparent!important; background:transparent!important; color:transparent!important; caret-color:transparent; -webkit-text-fill-color:transparent; letter-spacing:0!important; }
.minecraft-link-code-control input:focus { border-color:transparent!important; background:transparent!important; box-shadow:none!important; }
@media(prefers-reduced-motion:reduce) { .minecraft-link-code-slot,.minecraft-link-code-slot.is-filled,.minecraft-link-code-control.is-error { animation:none!important; transition:color .15s ease,border-color .15s ease,background .15s ease; } }
.account-dialog h3 { margin: 0 0 10px; font-size: 22px; }
.account-dialog p { margin: 0 0 18px; color: var(--theme-muted, #9eacc1); line-height: 1.55; }
.account-dialog-input { width: 100%; box-sizing: border-box; margin-bottom: 18px; padding: 13px 15px; border: 1px solid rgba(var(--theme-pale-rgb, 157, 195, 255), .18); border-radius: 12px; background: var(--theme-base, #0b1525); color: #eef5ff; font: inherit; }
.account-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 560px) { .account-dialog-actions { flex-direction: column-reverse; } .account-dialog-actions button { width: 100%; } }

/* Concept B: profile dashboard with the player as the visual anchor. */
.account-page-body .minecraft-profiles { max-width: none; margin-top: 52px; }
.minecraft-dashboard-headline { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.minecraft-dashboard-headline h3 { margin:8px 0 6px; color:#eef4ff; font-size:clamp(25px,3vw,36px); letter-spacing:-.055em; }
.minecraft-dashboard-headline p:not(.eyebrow) { margin:0; color:var(--theme-muted, #7f91aa); font-size:12px; line-height:1.55; }
.minecraft-dashboard-refresh { padding:9px 12px; border:1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .16); border-radius:999px; color:var(--theme-accent, #9fb5d7); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .06); font-size:10px; white-space:nowrap; }
.minecraft-dashboard-layout { display:grid; grid-template-columns:minmax(220px, .72fr) minmax(0, 1.45fr); gap:16px; align-items:stretch; }
.minecraft-dashboard-player { position:relative; min-height:474px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; border:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .18); border-radius:20px; background:radial-gradient(circle at 50% 30%,rgba(var(--theme-accent-rgb, 102, 158, 255), .2),transparent 45%),linear-gradient(160deg,var(--theme-panel, #132542),var(--theme-base, #0b1528) 70%,var(--theme-base, #09111e)); box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 50px rgba(var(--theme-deep-rgb, 2, 8, 20), .2); isolation:isolate; }
.minecraft-dashboard-player-art { position:absolute; inset:0 0 auto; height:330px; display:grid; place-items:center; pointer-events:none; }
.minecraft-dashboard-player-art img { position:relative; z-index:1; width:88%; height:100%; object-fit:contain; filter:drop-shadow(0 22px 24px rgba(0,0,0,.45)); transform:translateY(8px) scale(1.04); }
.minecraft-dashboard-player-glow { position:absolute; width:190px; height:190px; border-radius:50%; background:rgba(var(--theme-accent-rgb, 99, 157, 255), .27); filter:blur(42px); }
.minecraft-dashboard-player-info { position:relative; z-index:2; }
.minecraft-dashboard-player-info span { color:var(--theme-accent, #93b6ef); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.minecraft-dashboard-player-info strong { display:block; margin-top:8px; color:#f2f6ff; font-size:clamp(28px,3vw,42px); line-height:.98; letter-spacing:-.065em; overflow-wrap:anywhere; }
.minecraft-dashboard-player-info small { display:block; margin-top:10px; color:var(--theme-muted, #91a4c0); font-size:11px; }
.minecraft-dashboard-player-line { position:relative; z-index:2; height:1px; margin:20px 0 14px; background:rgba(var(--theme-accent-rgb, 157, 181, 224), .13); }
.minecraft-dashboard-player-note { position:relative; z-index:2; display:flex; align-items:center; gap:8px; color:var(--theme-muted, #7790b1); font-size:10px; line-height:1.45; }
.minecraft-dashboard-live-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--theme-accent, #79b0ff); box-shadow:0 0 0 5px rgba(var(--theme-accent-rgb, 121, 176, 255), .1),0 0 14px rgba(var(--theme-accent-rgb, 121, 176, 255), .75); }
.minecraft-dashboard-modes { display:grid; align-content:start; gap:16px; min-width:0; }
.minecraft-mode-dashboard { padding:22px; border:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .15); border-radius:18px; background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 18, 34, 55), .9),rgba(var(--theme-base-rgb, 9, 18, 32), .92)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.minecraft-mode-dashboard.is-online { border-color:rgba(85,214,176,.35); background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 16, 49, 61), .88),rgba(var(--theme-base-rgb, 9, 26, 37), .94)); }
.minecraft-mode-dashboard-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); }
.minecraft-dashboard-kicker { display:block; margin-bottom:7px; color:var(--theme-muted, #8098b9); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.minecraft-mode-dashboard h4 { margin:0; color:#eef4ff; font-size:clamp(22px,2.3vw,32px); letter-spacing:-.06em; }
.minecraft-dashboard-state { display:inline-flex; align-items:center; gap:7px; color:var(--theme-muted, #8ba0bd); font-size:10px; white-space:nowrap; }
.minecraft-dashboard-state i { width:7px; height:7px; border-radius:50%; background:var(--theme-muted, #8ba0bd); }
.minecraft-mode-dashboard.is-online .minecraft-dashboard-state { color:#64d9b8; }.minecraft-mode-dashboard.is-online .minecraft-dashboard-state i { background:#55d6b0; box-shadow:0 0 0 5px rgba(85,214,176,.1),0 0 14px rgba(85,214,176,.55); }
.minecraft-dashboard-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.minecraft-dashboard-stat { min-height:78px; padding:14px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .09); border-radius:13px; background:rgba(var(--theme-deep-rgb, 5, 12, 24), .32); }
.minecraft-dashboard-stat span { display:block; color:var(--theme-muted, #7187a7); font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.minecraft-dashboard-stat strong { display:block; margin-top:9px; color:#e8f0ff; font-size:13px; line-height:1.25; }
.minecraft-mode-dashboard-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:15px; color:var(--theme-muted, #7187a7); font-size:10px; }
.minecraft-mode-dashboard-foot b { color:var(--theme-accent, #9dbcf0); font-weight:700; white-space:nowrap; }
.minecraft-mode-dashboard.is-online .minecraft-mode-dashboard-foot b { color:#68d9b7; }
.minecraft-dashboard-empty,.minecraft-dashboard-skeleton { min-height:220px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .12); border-radius:18px; color:var(--theme-muted, #8094ad); background:rgba(var(--theme-base-rgb, 15, 25, 47), .5); }
.minecraft-dashboard-skeleton { animation:account-skeleton 1.2s ease-in-out infinite; background:linear-gradient(90deg,rgba(var(--theme-accent-rgb, 151, 181, 224), .05),rgba(var(--theme-accent-rgb, 151, 181, 224), .12),rgba(var(--theme-accent-rgb, 151, 181, 224), .05)); background-size:200% 100%; }
@media (max-width: 820px) { .minecraft-dashboard-layout { grid-template-columns:1fr; }.minecraft-dashboard-player { min-height:420px; }.minecraft-dashboard-player-art { height:285px; } }
@media (max-width: 560px) { .minecraft-dashboard-headline { align-items:flex-start; flex-direction:column; gap:12px; }.minecraft-dashboard-layout { gap:12px; }.minecraft-dashboard-player { min-height:390px; padding:20px; }.minecraft-dashboard-player-art { height:260px; }.minecraft-dashboard-stats { grid-template-columns:1fr; }.minecraft-mode-dashboard { padding:18px; }.minecraft-mode-dashboard-foot { align-items:flex-start; flex-direction:column; gap:7px; } }
@media (prefers-reduced-motion: reduce) { .minecraft-dashboard-skeleton { animation:none; } }
.profile-b-version-marker { --profile-version: 6; }
/* Profile B: one full-height character stage and a mode-specific dashboard. */
.account-page-body .account-page { width:min(1500px,calc(100% - 48px)); padding:28px 0 60px; }
.account-page-body .account-layout { display:block; }
.account-page-body .account-sidebar { position:static; display:flex; align-items:center; justify-content:space-between; padding:10px 0 24px; border:0; background:none; box-shadow:none; gap:20px; }
.account-page-body .account-sidebar > .eyebrow,.account-page-body .account-identity { display:none; }
.account-page-body .account-nav { display:flex; gap:8px; }
.account-page-body .logout-button { width:auto; margin:0; }
.account-page-body .account-main { padding:0; border:0; background:none; box-shadow:none; min-height:0; }
.profile-b { display:grid; grid-template-columns:minmax(0,.69fr) minmax(0,1fr); gap:46px; align-items:stretch; }
.profile-b-portrait { position:relative; isolation:isolate; min-height:740px; border:1px solid var(--theme-raised, #2a4e7d); border-radius:24px; overflow:hidden; background:radial-gradient(ellipse at 50% 42%,var(--theme-raised, #153c79) 0,rgba(var(--theme-panel-rgb, 12, 37, 82), .7) 36%,var(--theme-base, #071122) 72%); }
.profile-b-portrait::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.7; background-image:radial-gradient(circle at 13% 21%,var(--theme-pale, #9bd6ff) 0 1px,transparent 2px),radial-gradient(circle at 78% 14%,var(--theme-accent, #5e9fff) 0 1px,transparent 2px),radial-gradient(circle at 90% 46%,var(--theme-pale, #a8d9ff) 0 2px,transparent 4px),radial-gradient(circle at 8% 66%,var(--theme-accent, #58a5ff) 0 1px,transparent 3px); background-size:233px 291px; }
.profile-b-presence { position:absolute; z-index:3; top:28px; left:28px; display:inline-flex; align-items:center; gap:9px; padding:11px 16px; border:1px solid var(--theme-raised, #35475d); border-radius:30px; color:var(--theme-pale, #b8c8df); background:#0b182bd9; font-size:13px; }
.profile-b-presence::before { content:''; width:8px; height:8px; background:var(--theme-muted, #879ab8); border-radius:50%; }
.profile-b-presence.is-online { color:#a1f5d7; border-color:#236065; }
.profile-b-presence.is-online::before { background:#76f5af; box-shadow:0 0 12px #60eab1; }
.profile-b-skin { position:absolute; inset:80px 5% 100px; width:90%; height:calc(100% - 180px); object-fit:contain; filter:drop-shadow(0 0 26px #3878c665); z-index:2; }
.profile-b-skin[hidden],.profile-b-skin-error[hidden] { display:none; }
.profile-b-skin-error { position:absolute; top:45%; left:10%; right:10%; text-align:center; color:#a7bedc; }
.profile-b-orbits { position:absolute; inset:8% 5% 31%; border:1px solid #5797ef66; border-radius:50%; box-shadow:0 0 35px #297bf226,inset 0 0 35px #297bf226; }
.profile-b-orbits::before,.profile-b-orbits::after { content:''; position:absolute; inset:6%; border:1px solid #5797ef30; border-radius:50%; }
.profile-b-orbits::after { inset:13%; }
.profile-b-orbits i { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--theme-pale, #b2e5ff); box-shadow:0 0 12px 3px var(--theme-accent, #4096fa); top:21%; left:8%; }
.profile-b-orbits i:nth-child(2) { top:70%; left:96%; }.profile-b-orbits i:nth-child(3) { top:92%; left:25%; }
.profile-b-platform { position:absolute; bottom:15%; left:10%; width:80%; height:9%; border:1px solid #6ebdffb0; border-radius:50%; box-shadow:0 0 24px #397eed55,inset 0 0 24px #397eed33; }
.profile-b-caption { position:absolute; bottom:30px; left:0; right:0; text-align:center; color:var(--theme-pale, #a4c9fc); font-size:11px; letter-spacing:.35em; text-transform:uppercase; }
.profile-b-content { min-width:0; padding:24px 0 0; }
.profile-b-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:30px; flex-wrap:wrap; }
.profile-b-kicker { color:var(--theme-accent, #92acd0); font-size:12px; letter-spacing:.24em; text-transform:uppercase; }
.account-page-body .profile-b-heading h2 { font-size:clamp(38px,4.5vw,76px); letter-spacing:-.055em; line-height:1.12; margin:10px 0 6px; overflow-wrap:anywhere; }
.profile-b-heading p { color:var(--theme-accent, #8ba5ca); font-size:17px; margin:0; }
.profile-b-action { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid var(--theme-raised, #2b456a); border-radius:18px; color:var(--theme-pale, #c5dcfa); background:#0b17264d; cursor:pointer; font:inherit; font-size:12px; }
.profile-b-action img { width:17px; height:17px; }
.profile-b-action:hover { background:var(--theme-panel, #152b48); border-color:var(--theme-accent, #77b6ff); }
.profile-b-modes { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.profile-b-modes button { display:flex; align-items:center; justify-content:center; gap:12px; flex:1 1 140px; min-width:0; min-height:62px; padding:14px; border:1px solid var(--theme-panel, #223451); border-radius:17px; background:var(--theme-base, #0b1422); color:var(--theme-accent, #95afd4); font:inherit; font-size:14px; cursor:pointer; overflow-wrap:anywhere; }
.profile-b-modes img { width:24px; height:24px; flex-shrink:0; }
.profile-b-modes button[aria-selected=true] { color:#edf6ff; border-color:var(--theme-accent, #69c1ff); background:linear-gradient(135deg,var(--theme-raised, #17447b),var(--theme-panel, #102139)); box-shadow:inset 0 0 16px #3b99ff25,0 0 16px #3b99ff18; }
.profile-b button:focus-visible { outline:2px solid var(--theme-pale, #9cd4ff); outline-offset:4px; }
.profile-b-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.profile-b-stats article { min-width:0; min-height:190px; padding:20px 10px; display:flex; align-items:center; text-align:center; flex-direction:column; border:1px solid var(--theme-raised, #294467); border-radius:20px; background:linear-gradient(135deg,#111e32a6,#08121cb3); }
.profile-b-stat-icon { display:grid; place-items:center; width:68px; height:68px; margin-bottom:17px; border:1px solid var(--theme-strong, #3e6ca0); border-radius:50%; background:radial-gradient(circle at 40% 30%,var(--theme-panel, #18385e),var(--theme-base, #0b1624)); color:var(--theme-pale, #bcdeff); }
.profile-b-stat-icon img { width:30px; height:30px; }
.profile-b-stat-label { color:var(--theme-accent, #acc5e6); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.profile-b-stats strong { color:#edf5ff; font-size:14px; line-height:1.6; margin-top:9px; overflow-wrap:anywhere; }
.profile-b-history { margin-top:22px; padding:26px; border:1px solid var(--theme-raised, #253e60); border-radius:20px; background:linear-gradient(130deg,#101c2c8c,#08131d99); }
.profile-b-history header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.profile-b-history h3 { margin:0 0 6px; font-size:24px; color:#edf4ff; letter-spacing:-.035em; }
.profile-b-history header p { margin:0; font-size:13px; color:var(--theme-muted, #8da6c9); }
.profile-b-event { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px 0; border-top:1px solid #22345088; }
.profile-b-event-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--theme-raised, #345d88); border-radius:50%; background:#15375955; }.profile-b-event-icon img { width:22px; height:22px; }
.profile-b-event strong { display:block; font-size:14px; overflow-wrap:anywhere; }.profile-b-event small { display:block; color:var(--theme-muted, #90a8c8); font-size:12px; margin-top:6px; }.profile-b-event time { font-size:11px; color:var(--theme-muted, #93acca); }
.profile-b-message { padding:16px 0; color:var(--theme-muted, #9bb1cf); font-size:13px; line-height:1.7; margin:0; }
/* Public-site palette, quiet glass surfaces and grounded character lighting. */
.account-page-body .account-page { max-width:1320px; }
.account-page-body .account-sidebar { padding-bottom:28px; }
.account-page-body .account-nav { padding:5px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .14); border-radius:15px; background:rgba(var(--theme-base-rgb, 15, 25, 47), .65); }
.profile-b { gap:32px; grid-template-columns:minmax(0,.76fr) minmax(0,1fr); }
.profile-b-portrait { min-height:690px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .16); background:radial-gradient(ellipse at 48% 43%,rgba(var(--theme-strong-rgb, 83, 123, 190), .18),transparent 64%),linear-gradient(145deg,var(--theme-base, #101c32),var(--theme-base, #080f1f) 75%); box-shadow:inset 0 1px 0 rgba(208,226,255,.055),0 24px 60px rgba(var(--theme-deep-rgb, 0, 4, 14), .22); }
.profile-b-portrait::before { inset:10% 4% 18%; opacity:1; background:radial-gradient(ellipse at 48% 42%,rgba(var(--theme-accent-rgb, 128, 173, 255), .25),rgba(var(--theme-accent-rgb, 82, 124, 223), .1) 42%,transparent 69%); background-size:auto; }
.profile-b-portrait::after { content:''; position:absolute; z-index:1; left:27%; bottom:17%; width:46%; height:6%; border-radius:50%; background:radial-gradient(ellipse,rgba(var(--theme-deep-rgb, 0, 3, 11), .88),rgba(var(--theme-deep-rgb, 0, 5, 18), .5) 35%,transparent 72%); filter:blur(7px); transform:rotate(-5deg); pointer-events:none; }
.profile-b-skin { filter:drop-shadow(14px 24px 14px rgba(var(--theme-deep-rgb, 1, 5, 15), .7)) drop-shadow(-5px -2px 12px rgba(var(--theme-accent-rgb, 139, 180, 255), .22)); }
.profile-b-orbits { inset:13% 8% 28%; border-color:rgba(var(--theme-accent-rgb, 143, 177, 235), .2); transform:rotate(-18deg); box-shadow:none; }
.profile-b-orbits::before { border-color:rgba(var(--theme-accent-rgb, 143, 177, 235), .1); inset:8%; }.profile-b-orbits::after { border-color:rgba(var(--theme-accent-rgb, 143, 177, 235), .06); inset:17%; }
.profile-b-orbits i { width:4px; height:4px; background:var(--theme-pale, #bbd6ff); box-shadow:0 0 10px 2px rgba(var(--theme-accent-rgb, 132, 175, 255), .55); }
.profile-b-platform { bottom:15%; left:15%; width:70%; height:8%; border-color:rgba(var(--theme-accent-rgb, 149, 184, 246), .25); background:radial-gradient(ellipse,rgba(var(--theme-accent-rgb, 117, 157, 230), .12),transparent 66%); box-shadow:0 0 24px rgba(var(--theme-accent-rgb, 121, 162, 238), .08); }
.profile-b-caption { color:var(--theme-accent, #92a9cd); font-size:9px; letter-spacing:.27em; }
.profile-b-presence { font-size:11px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .18); background:rgba(var(--theme-base-rgb, 12, 22, 39), .88); }
.profile-b-kicker { color:var(--theme-pale, #9dbfff); font-size:10px; font-weight:700; letter-spacing:.18em; }
.profile-b-heading { gap:16px; margin-bottom:26px; }
.account-page-body .profile-b-heading h2 { font-size:clamp(38px,4.3vw,64px); letter-spacing:-.065em; }
.profile-b-heading p { color:var(--theme-muted, #929fb4); font-size:13px; line-height:1.7; }
.profile-b-action { min-height:40px; border-radius:11px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .19); background:linear-gradient(135deg,rgba(var(--theme-pale-rgb, 181, 213, 255), .09),rgba(var(--theme-accent-rgb, 120, 169, 255), .035)); color:var(--theme-pale, #b9ccef); font-size:10px; transition:background .18s,border-color .18s; }
.profile-b-action img { filter:brightness(0) saturate(100%) invert(83%) sepia(22%) saturate(600%) hue-rotate(182deg); }
.profile-b-modes { padding:6px; gap:6px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius:16px; background:rgba(var(--theme-base-rgb, 9, 17, 32), .8); }
.profile-b-modes button { min-height:50px; border-radius:11px; border-color:transparent; background:transparent; font-size:12px; color:var(--theme-muted, #91a0b8); transition:background .18s,border-color .18s,color .18s; }
.profile-b-modes button:hover { color:#eef4ff; background:rgba(var(--theme-accent-rgb, 120, 169, 255), .08); }
.profile-b-modes button[aria-selected=true] { border-color:rgba(var(--theme-pale-rgb, 155, 189, 250), .28); background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 142, 180, 255), .24),rgba(var(--theme-accent-rgb, 120, 169, 255), .1)); box-shadow:inset 0 1px rgba(212,228,255,.08),0 4px 14px rgba(var(--theme-deep-rgb, 0, 4, 15), .15); }
.profile-b-stats { gap:10px; }
.profile-b-stats article { padding:18px 12px; min-height:164px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius:16px; background:linear-gradient(150deg,rgba(var(--theme-panel-rgb, 20, 32, 54), .9),rgba(var(--theme-base-rgb, 10, 19, 35), .88)); box-shadow:inset 0 1px rgba(219,233,255,.035),0 12px 26px rgba(var(--theme-deep-rgb, 0, 5, 15), .12); }
.profile-b-stat-icon { width:43px; height:43px; margin-bottom:17px; border-radius:13px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .18); background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 120, 169, 255), .15),rgba(var(--theme-accent-rgb, 120, 169, 255), .04)); }
.profile-b-stat-icon img { width:22px; height:22px; }
.profile-b-stat-label { color:var(--theme-muted, #95a7c1); font-size:9px; letter-spacing:.03em; }
.profile-b-stats strong { font-size:12px; line-height:1.6; color:#e5edfc; }
.profile-b-history { border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .14); background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 17, 29, 50), .83),rgba(var(--theme-base-rgb, 9, 17, 32), .88)); box-shadow:inset 0 1px rgba(219,233,255,.03),0 18px 36px rgba(var(--theme-deep-rgb, 0, 5, 15), .12); }
.profile-b-history h3 { font-size:21px; letter-spacing:-.045em; }.profile-b-history header p { color:var(--theme-muted, #91a0b8); font-size:11px; line-height:1.6; }
.profile-b-event-icon { border-radius:12px; border-color:rgba(var(--theme-accent-rgb, 157, 181, 224), .18); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .08); }
.profile-b-message { color:var(--theme-muted, #9aa9bf); font-size:12px; }
/* Let the character share the page lighting; give the actual data more weight. */
.profile-b { gap:40px; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); }
.profile-b-portrait { min-height:650px; border-color:transparent; background:transparent; box-shadow:none; overflow:visible; }
.profile-b-portrait::before { inset:-4% -12% -2%; border-radius:50%; mask-image:radial-gradient(ellipse,black 25%,transparent 70%); background:radial-gradient(ellipse at 43% 38%,rgba(var(--theme-pale-rgb, 148, 190, 255), .38),rgba(var(--theme-accent-rgb, 78, 130, 228), .18) 33%,transparent 64%),radial-gradient(ellipse at 70% 61%,rgba(var(--theme-accent-rgb, 113, 109, 221), .16),transparent 49%); }
.profile-b-portrait::after { left:29%; bottom:15%; width:46%; height:5%; filter:blur(5px); background:radial-gradient(ellipse,rgba(var(--theme-deep-rgb, 0, 2, 9), .95),rgba(var(--theme-deep-rgb, 0, 3, 13), .55) 35%,transparent 72%); }
.profile-b-skin { inset:55px 3% 85px; width:94%; height:calc(100% - 140px); filter:drop-shadow(17px 21px 12px rgba(var(--theme-deep-rgb, 0, 3, 13), .8)) drop-shadow(-7px -3px 14px rgba(var(--theme-pale-rgb, 156, 193, 255), .28)); }
.profile-b-orbits { inset:13% 1% 23%; border-color:rgba(var(--theme-accent-rgb, 148, 183, 247), .17); transform:rotate(-24deg) scaleX(.95); }
.profile-b-platform { bottom:12%; border:0; left:4%; width:92%; height:14%; background:radial-gradient(ellipse,rgba(var(--theme-accent-rgb, 129, 179, 255), .29),rgba(var(--theme-accent-rgb, 79, 126, 219), .1) 42%,transparent 70%); box-shadow:none; }
.profile-b-platform::after { content:''; position:absolute; inset:24% 15%; border:1px solid rgba(var(--theme-pale-rgb, 153, 194, 255), .25); border-radius:50%; box-shadow:0 0 16px rgba(var(--theme-accent-rgb, 113, 164, 255), .12); }
.profile-b-sparks { position:absolute; inset:0; pointer-events:none; }
.profile-b-sparks i { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--theme-pale, #c7dfff); box-shadow:0 0 10px 2px rgba(var(--theme-accent-rgb, 112, 172, 255), .4); }
.profile-b-sparks i:nth-child(1) { top:19%; left:19%; }.profile-b-sparks i:nth-child(2) { top:31%; right:11%; width:3px; height:3px; opacity:.6; }.profile-b-sparks i:nth-child(3) { top:62%; left:12%; width:3px; height:3px; }.profile-b-sparks i:nth-child(4) { bottom:23%; right:17%; opacity:.7; }
.profile-b-sparks::before,.profile-b-sparks::after { content:''; position:absolute; width:11px; height:11px; border:1px solid rgba(var(--theme-pale-rgb, 161, 192, 252), .4); border-radius:2px; transform:rotate(28deg); background:rgba(var(--theme-accent-rgb, 106, 157, 246), .12); box-shadow:0 0 18px rgba(var(--theme-accent-rgb, 104, 157, 255), .14); }
.profile-b-sparks::before { top:26%; left:10%; }.profile-b-sparks::after { bottom:34%; right:8%; width:17px; height:17px; transform:rotate(-18deg); opacity:.65; }
.profile-b-presence { top:16px; left:18px; }
.profile-b-caption { bottom:20px; }
.profile-b-content { padding-top:12px; }
.profile-b-heading { margin-bottom:22px; }
.profile-b-heading p { font-size:14px; }
.profile-b-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.profile-b-stats article { display:grid; grid-template-columns:42px minmax(0,1fr); grid-template-rows:auto auto; column-gap:14px; row-gap:7px; align-content:center; align-items:center; text-align:left; min-height:118px; padding:20px; }
.profile-b-stat-icon { grid-row:1 / 3; margin:0; }
.profile-b-stat-label { font-size:10px; letter-spacing:.02em; }
.profile-b-stats strong { margin:0; font-size:15px; line-height:1.45; }
.profile-b-history { margin-top:18px; padding:22px; }
.profile-b-history header { margin-bottom:12px; }
.profile-b-action { min-height:44px; font-size:11px; }
.profile-b-empty { display:flex; align-items:center; gap:16px; padding:20px 0 4px; border-top:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); }
.profile-b-empty > img { width:44px; height:44px; padding:10px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .15); border-radius:13px; background:rgba(var(--theme-accent-rgb, 120, 169, 255), .06); }
.profile-b-empty strong { font-size:14px; font-weight:600; }
.profile-b-empty p { margin:7px 0 0; color:var(--theme-muted, #98a9c2); font-size:12px; line-height:1.7; }
.profile-b-empty a { display:inline-block; margin-top:12px; color:var(--theme-pale, #b7d0ff); font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.profile-b-empty > img { filter:brightness(0) saturate(100%) invert(83%) sepia(22%) saturate(600%) hue-rotate(182deg); }
@media(max-width:560px) {
  .profile-b-stats article { display:flex; align-items:flex-start; justify-content:center; text-align:left; gap:8px; padding:16px; }
  .profile-b-stats .profile-b-stat-icon { margin-bottom:4px; }
  .profile-b-stats .profile-b-stat-label { font-size:9px; }
  .profile-b-stats strong { max-width:100%; }
  .profile-b-empty { align-items:flex-start; }
  .profile-b-empty > img { flex-shrink:0; }
}
@media(max-width:1100px) { .profile-b { gap:24px; grid-template-columns:minmax(0,.65fr) minmax(0,1fr); }.profile-b-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-b-stats article { min-height:165px; }.profile-b-portrait { min-height:720px; }.profile-b-history { padding:20px; } }
@media(max-width:760px) { .account-page-body .account-page { width:calc(100% - 28px); }.profile-b { grid-template-columns:1fr; gap:22px; }.profile-b-portrait { min-height:480px; }.profile-b-skin { inset:60px 5% 60px; height:calc(100% - 120px); }.profile-b-caption { bottom:14px; }.profile-b-content { padding:0; }.account-page-body .account-sidebar { flex-wrap:wrap; gap:10px; }.profile-b-history header { flex-wrap:wrap; }.profile-b-heading p { font-size:16px; }.profile-b-event { gap:10px; grid-template-columns:36px minmax(0,1fr); }.profile-b-event time { grid-column:2; }.profile-b-event-icon { width:36px; height:36px; }.profile-b-stats strong { font-size:14px; } }
/* The skin, platform and contact shadow share a single ground level. */
.profile-b-portrait { --profile-ground:100px; }
.profile-b-portrait .profile-b-skin { inset:55px 3% auto; height:calc(100% - 55px - var(--profile-ground) + 28px); width:94%; object-position:center bottom; transform:translate(-5.5%,12px); filter:drop-shadow(3px 2px 2px rgba(var(--theme-deep-rgb, 0, 3, 13), .6)) drop-shadow(-7px -3px 14px rgba(var(--theme-pale-rgb, 156, 193, 255), .28)); }
.profile-b-portrait .profile-b-platform { bottom:var(--profile-ground); left:9%; width:82%; height:64px; transform:translateY(50%); background:radial-gradient(ellipse,rgba(var(--theme-accent-rgb, 119, 163, 239), .24),rgba(var(--theme-strong-rgb, 76, 117, 192), .12) 47%,transparent 73%); }
.profile-b-portrait .profile-b-platform::after { inset:5px 3%; border-color:rgba(var(--theme-pale-rgb, 153, 194, 255), .42); background:linear-gradient(180deg,rgba(var(--theme-accent-rgb, 132, 176, 251), .025),rgba(var(--theme-accent-rgb, 132, 176, 251), .08)); }
.profile-b-portrait .profile-b-platform::before { content:''; position:absolute; z-index:1; left:43%; bottom:45%; width:37%; height:65px; transform-origin:15% 100%; transform:rotate(-22deg) skewX(-25deg); border-radius:60% 40% 35% 35%; background:radial-gradient(ellipse at 28% 85%,rgba(var(--theme-deep-rgb, 0, 3, 12), .7),rgba(var(--theme-deep-rgb, 0, 4, 16), .35) 40%,transparent 72%); filter:blur(5px); pointer-events:none; }
.profile-b-portrait::after { bottom:var(--profile-ground); left:36%; width:28%; height:14px; transform:translateY(50%) rotate(-5deg); filter:blur(2px); background:radial-gradient(ellipse,rgba(var(--theme-deep-rgb, 0, 2, 8), .95) 20%,rgba(var(--theme-deep-rgb, 0, 3, 10), .8) 45%,transparent 74%); }
@media(max-width:760px) { .profile-b-portrait { --profile-ground:72px; }.profile-b-portrait .profile-b-skin { inset:55px 3% auto; height:calc(100% - 55px - var(--profile-ground) + 18px); }.profile-b-portrait .profile-b-platform { height:44px; } }

/* Compact the account header and make the mode statistics read as deliberate groups. */
.account-page-body .account-page { padding-top:0; }
.account-page-body .account-sidebar { padding-top:0; padding-bottom:14px; }
.profile-b-content { padding-top:0; }
.profile-b-portrait .profile-b-skin { inset:-96px 3% auto; height:calc(100% - var(--profile-ground) + 150px); transform:translate(-5.5%,-132px) scale(.92); transform-origin:50% 58%; transition:none; }
.profile-b-portrait:hover .profile-b-skin { transform:translate(-5.5%,-132px) scale(.92); }
.profile-b-data-group { min-width:0; margin-top:14px; padding:18px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius:17px; background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 17, 29, 50), .82),rgba(var(--theme-base-rgb, 8, 16, 30), .86)); box-shadow:inset 0 1px rgba(219,233,255,.035),0 14px 30px rgba(var(--theme-deep-rgb, 0, 5, 15), .1); }
.profile-b-overview-group { margin-top:0; }
.profile-b-group-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.profile-b-group-heading>div { min-width:0; }
.profile-b-group-heading span { display:block; margin-bottom:5px; color:var(--theme-accent, #83a9e6); font-size:8px; font-weight:800; letter-spacing:.16em; }
.profile-b-group-heading h3 { margin:0; color:#e8effb; font-size:15px; letter-spacing:-.035em; }
.profile-b-group-heading>small { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius:8px; color:var(--theme-muted, #9aacc5); background:rgba(var(--theme-deep-rgb, 5, 13, 25), .42); font-size:9px; }
.profile-b-data-group .profile-b-stats { gap:8px; }
.profile-b-data-group .profile-b-stats article { min-height:84px; padding:13px; border-radius:12px; background:rgba(var(--theme-deep-rgb, 5, 13, 25), .36); box-shadow:none; }
.profile-b-data-group .profile-b-stat-icon { width:36px; height:36px; border-radius:11px; }
.profile-b-data-group .profile-b-stat-icon img { width:18px; height:18px; }
.profile-b-data-group .profile-b-stat-label { font-size:9px; }
.profile-b-data-group .profile-b-stats strong { font-size:14px; }
.profile-b-extra-section { margin-top:14px; padding:18px; }
.profile-b-extra-section .profile-b-group-heading { margin-bottom:13px; }
.profile-b-extra-grid { gap:8px; }
.profile-b-extra-grid>div { padding:11px 12px; border-radius:10px; background:rgba(var(--theme-deep-rgb, 5, 13, 25), .34); }
.profile-b-jobs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.profile-b-jobs article { padding:13px; border-radius:11px; background:rgba(var(--theme-deep-rgb, 5, 13, 25), .34); }
.profile-b-professions-group { margin-bottom:18px; }
.profile-b-history { margin-top:14px; }
@media(max-width:760px) {
  .account-page-body .account-page { padding-top:0; }
  .profile-b-portrait { min-height:470px; }
  .profile-b-portrait .profile-b-skin { inset:-54px 3% auto; height:calc(100% - var(--profile-ground) + 76px); transform:translate(-4%,-34px) scale(.96); }
  .profile-b-portrait:hover .profile-b-skin { transform:translate(-4%,-34px) scale(.96); }
  .profile-b-data-group { padding:15px; }
}
@media(max-width:480px) {
  .profile-b-data-group .profile-b-stats article { min-height:78px; padding:11px; column-gap:9px; }
  .profile-b-data-group .profile-b-stats strong { font-size:12px; }
  .profile-b-extra-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-b-jobs { grid-template-columns:1fr; }
}

/* Keep the character stage independent from the taller statistics column. */
.profile-b { align-items:start; }
.profile-b-portrait { align-self:start; height:680px; min-height:680px; overflow:hidden; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius:22px; background:radial-gradient(ellipse at 50% 40%,rgba(var(--theme-accent-rgb, 99, 145, 220), .17),rgba(var(--theme-panel-rgb, 24, 43, 75), .08) 48%,transparent 74%); }
.profile-b-portrait .profile-b-skin { top:-8px; right:auto; bottom:auto; left:3%; width:94%; height:650px; object-fit:contain; object-position:center bottom; transform:translate(-3%,0) scale(.94); transform-origin:50% 50%; transition:none; }
.profile-b-portrait:hover .profile-b-skin { transform:translate(-3%,0) scale(.94); }
.profile-b-portrait .profile-b-platform { bottom:44px; left:12%; width:76%; height:54px; transform:translateY(50%); }
.profile-b-portrait::after { bottom:44px; left:36%; width:28%; height:12px; transform:translateY(50%); }
@media(max-width:760px) {
  .profile-b-portrait { width:100%; height:510px; min-height:510px; }
  .profile-b-portrait .profile-b-skin { top:0; left:5%; width:90%; height:480px; transform:translateY(0) scale(.96); }
  .profile-b-portrait:hover .profile-b-skin { transform:translateY(0) scale(.96); }
  .profile-b-portrait .profile-b-platform,.profile-b-portrait::after { bottom:34px; }
}
.profile-b-portrait .profile-b-skin { transform:translate(-3%,22px) scale(.94); }
.profile-b-portrait:hover .profile-b-skin { transform:translate(-3%,22px) scale(.94); }
.profile-b-data-group .profile-b-stats article { border-color:rgba(var(--theme-accent-rgb, 154, 185, 235), .19); background:linear-gradient(140deg,rgba(var(--theme-panel-rgb, 24, 39, 64), .82),rgba(var(--theme-base-rgb, 11, 21, 38), .9)); }
.profile-b-data-group .profile-b-stat-label { color:var(--theme-accent, #afc1dd); }
.profile-b-data-group .profile-b-stats strong { color:#f1f5ff; font-size:15px; }
.profile-b-data-group .profile-b-stat-status .profile-b-stat-icon { color:#ffcb87; background:linear-gradient(135deg,rgba(255,185,93,.18),rgba(255,185,93,.04)); }
.profile-b-data-group .profile-b-stat-status strong { color:#ffd18e; }
.profile-b-data-group .profile-b-stat-role .profile-b-stat-icon { color:var(--theme-pale, #c9b8ff); background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 163, 130, 255), .2),rgba(var(--theme-accent-rgb, 163, 130, 255), .05)); }
.profile-b-data-group .profile-b-stat-role strong { color:var(--theme-pale, #d8ccff); }
.profile-b-data-group .profile-b-stat-clock strong { color:var(--theme-pale, #a9d4ff); }
.profile-b-data-group .profile-b-stat-calendar strong { color:#9fe4cb; }
#profile-mode-panel.is-player-online .profile-b-stat-status .profile-b-stat-icon { color:#8ff0c7; background:linear-gradient(135deg,rgba(83,218,168,.2),rgba(83,218,168,.05)); }
#profile-mode-panel.is-player-online .profile-b-stat-status strong { color:#9af0cd; }
@media(max-width:760px) { .profile-b-portrait .profile-b-skin,.profile-b-portrait:hover .profile-b-skin { transform:translateY(20px) scale(.96); } }

/* Account overview refresh: a composed character stage and clearer information hierarchy. */
.account-page-body .account-page { width:min(1440px,calc(100% - 56px)); padding:22px 0 76px; }
.account-page-body .account-sidebar { padding-bottom:20px; }
.account-page-body .account-nav { padding:6px; border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .17); border-radius:17px; background:linear-gradient(110deg,rgba(var(--theme-base-rgb, 17, 30, 52), .94),rgba(var(--theme-base-rgb, 9, 17, 31), .94)); box-shadow:0 12px 32px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.035); }
.profile-b { grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:26px; align-items:start; }
.profile-b-portrait { height:610px; min-height:610px; border:1px solid rgba(var(--theme-accent-rgb, 142, 178, 239), .2); border-radius:26px; background:radial-gradient(ellipse at 52% 40%,rgba(var(--theme-accent-rgb, 83, 139, 235), .22),transparent 48%),radial-gradient(ellipse at 52% 84%,rgba(var(--theme-strong-rgb, 59, 103, 184), .14),transparent 40%),linear-gradient(155deg,var(--theme-base, #101d32) 0%,var(--theme-base, #0a1324) 52%,var(--theme-base, #080f1d) 100%); box-shadow:inset 0 1px rgba(231,241,255,.07),0 24px 60px rgba(var(--theme-deep-rgb, 0, 3, 12), .27); }
.profile-b-portrait::before { inset:0; z-index:0; opacity:.56; background-image:radial-gradient(circle at 17% 22%,var(--theme-pale, #b7d8ff) 0 1px,transparent 2px),radial-gradient(circle at 84% 26%,var(--theme-pale, #9ac4ff) 0 1px,transparent 2px),radial-gradient(circle at 78% 68%,var(--theme-pale, #a8d9ff) 0 1.5px,transparent 3px),radial-gradient(circle at 16% 73%,var(--theme-accent, #79aaff) 0 1px,transparent 3px); background-size:240px 280px; }
.profile-b-portrait .profile-b-orbits { z-index:0; inset:13% 8% 18%; border-color:rgba(var(--theme-accent-rgb, 145, 183, 255), .22); transform:rotate(-17deg); }
.profile-b-portrait .profile-b-orbits::before { border-color:rgba(var(--theme-accent-rgb, 145, 183, 255), .11); }
.profile-b-portrait .profile-b-orbits::after { border-color:rgba(var(--theme-accent-rgb, 145, 183, 255), .07); }
.profile-b-portrait .profile-b-skin { z-index:2; top:10px; left:4%; width:92%; height:535px; object-fit:contain; object-position:center bottom; transform:none; filter:drop-shadow(0 20px 20px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(var(--theme-accent-rgb, 112, 164, 255), .28)); }
.profile-b-portrait:hover .profile-b-skin { transform:none; }
.profile-b-portrait .profile-b-platform { z-index:1; bottom:48px; left:14%; width:72%; height:46px; border-color:rgba(var(--theme-pale-rgb, 157, 194, 255), .35); background:radial-gradient(ellipse,rgba(var(--theme-accent-rgb, 112, 159, 247), .2),transparent 72%); box-shadow:0 0 26px rgba(var(--theme-accent-rgb, 108, 157, 255), .15),inset 0 0 22px rgba(var(--theme-accent-rgb, 108, 157, 255), .1); }
.profile-b-portrait .profile-b-platform::after { inset:4px 2%; border-color:rgba(var(--theme-pale-rgb, 157, 194, 255), .3); }
.profile-b-portrait::after { z-index:1; bottom:48px; left:34%; width:32%; height:12px; }
.profile-b-presence { top:20px; left:20px; padding:9px 13px; border-color:rgba(var(--theme-accent-rgb, 163, 190, 235), .18); border-radius:999px; background:rgba(var(--theme-deep-rgb, 6, 14, 27), .76); backdrop-filter:blur(12px); }
.profile-b-caption { z-index:3; bottom:20px; color:var(--theme-accent, #9db8e3); font-size:8px; letter-spacing:.3em; }
.profile-b-content { padding:0; }
.profile-b-heading { align-items:center; margin:0 0 20px; padding:4px 2px 3px; }
.profile-b-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--theme-accent, #8db8ff); font-size:9px; font-weight:800; letter-spacing:.2em; }
.profile-b-kicker::before { content:''; width:17px; height:1px; background:var(--theme-accent, #72a8ff); box-shadow:0 0 9px rgba(var(--theme-accent-rgb, 114, 168, 255), .7); }
.account-page-body .profile-b-heading h2 { margin:6px 0 2px; font-size:clamp(42px,4.1vw,66px); line-height:1.04; letter-spacing:-.07em; text-shadow:0 8px 30px rgba(var(--theme-accent-rgb, 92, 142, 226), .16); }
.profile-b-heading p { color:var(--theme-muted, #9cacc4); font-size:13px; }
.profile-b-action { flex:0 0 auto; min-height:42px; padding:0 14px; border-radius:12px; background:rgba(var(--theme-base-rgb, 18, 31, 52), .72); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.profile-b-modes { margin:0 0 14px; padding:5px; border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .17); border-radius:15px; background:rgba(var(--theme-deep-rgb, 7, 14, 26), .72); }
.profile-b-modes button { min-height:48px; border-radius:11px; font-size:11px; }
.profile-b-modes button[aria-selected=true] { border-color:rgba(var(--theme-accent-rgb, 143, 183, 255), .37); background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 91, 139, 220), .34),rgba(var(--theme-raised-rgb, 39, 66, 112), .2)); box-shadow:inset 0 1px rgba(232,241,255,.1),0 5px 16px rgba(0,0,0,.14); }
.profile-b-data-group { margin-top:12px; padding:18px; border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .16); border-radius:18px; background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 18, 31, 52), .92),rgba(var(--theme-base-rgb, 9, 17, 31), .94)); box-shadow:inset 0 1px rgba(231,241,255,.045),0 12px 30px rgba(var(--theme-deep-rgb, 0, 3, 12), .15); }
.profile-b-overview-group { margin-top:0; }
.profile-b-group-heading { margin-bottom:13px; }
.profile-b-group-heading span { color:var(--theme-accent, #8eb7f8); font-size:8px; }
.profile-b-group-heading h3 { color:#f0f5ff; font-size:16px; }
.profile-b-group-heading>small { border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .14); color:var(--theme-accent, #b2c3dc); background:rgba(var(--theme-deep-rgb, 5, 12, 23), .56); }
.profile-b-data-group .profile-b-stats { gap:9px; }
.profile-b-data-group .profile-b-stats article { min-height:82px; padding:12px 14px; border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .13); border-radius:13px; background:linear-gradient(130deg,rgba(var(--theme-panel-rgb, 27, 43, 68), .72),rgba(var(--theme-base-rgb, 11, 20, 36), .82)); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.profile-b-data-group .profile-b-stats article:hover { transform:translateY(-2px); border-color:rgba(var(--theme-pale-rgb, 151, 190, 255), .31); background:linear-gradient(130deg,rgba(var(--theme-panel-rgb, 35, 55, 86), .78),rgba(var(--theme-base-rgb, 12, 22, 40), .9)); }
.profile-b-data-group .profile-b-stat-icon { width:38px; height:38px; border-color:rgba(var(--theme-pale-rgb, 157, 194, 255), .2); border-radius:12px; background:linear-gradient(145deg,rgba(var(--theme-accent-rgb, 102, 151, 233), .19),rgba(var(--theme-raised-rgb, 34, 57, 94), .22)); }
.profile-b-data-group .profile-b-stat-icon img { width:19px; height:19px; }
.profile-b-data-group .profile-b-stat-label { color:var(--theme-muted, #a9bad3); font-size:8px; letter-spacing:.1em; }
.profile-b-data-group .profile-b-stats strong { color:#f2f6ff; font-size:14px; }
.profile-b-data-group .profile-b-stat-status .profile-b-stat-icon { color:#ffc77f; background:linear-gradient(135deg,rgba(255,185,93,.2),rgba(255,185,93,.05)); }
.profile-b-data-group .profile-b-stat-role .profile-b-stat-icon { color:var(--theme-pale, #d1b8ff); background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 163, 130, 255), .22),rgba(var(--theme-accent-rgb, 163, 130, 255), .06)); }
.profile-b-extra-section { margin-top:12px; }
.profile-b-extra-grid>div,.profile-b-jobs article { border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .1); background:rgba(var(--theme-deep-rgb, 5, 12, 23), .42); }
.profile-b-extra-grid small,.profile-b-jobs small { color:var(--theme-muted, #9eafc8); }
.profile-b-extra-grid strong,.profile-b-jobs strong,.profile-b-jobs span { color:#edf3ff; }
.profile-b-history { margin-top:12px; padding:20px; border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .16); border-radius:18px; background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 18, 31, 52), .88),rgba(var(--theme-base-rgb, 9, 17, 31), .92)); }
.profile-b-history h3 { color:#f0f5ff; font-size:19px; }
.profile-b-history header p { color:var(--theme-muted, #9eafc8); }
.profile-b-event { border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .11); }
.profile-b-event-icon { border-radius:13px; }
.profile-b-event strong { color:#edf3ff; }
.profile-b-event time { color:var(--theme-muted, #a9bad3); }
@media(max-width:1050px) {
  .profile-b { grid-template-columns:minmax(275px,.72fr) minmax(0,1fr); gap:20px; }
  .profile-b-portrait { height:560px; min-height:560px; }
  .profile-b-portrait .profile-b-skin { height:490px; }
  .profile-b-data-group .profile-b-stats article { min-height:76px; }
}
@media(max-width:760px) {
  .account-page-body .account-page { width:calc(100% - 30px); padding-top:12px; }
  .profile-b { grid-template-columns:minmax(0,1fr); gap:20px; }
  .profile-b-portrait { height:min(112vw,500px); min-height:390px; }
  .profile-b-portrait .profile-b-skin { top:4px; left:6%; width:88%; height:calc(100% - 55px); }
  .profile-b-portrait .profile-b-platform,.profile-b-portrait::after { bottom:42px; }
  .profile-b-heading { align-items:flex-start; }
  .account-page-body .profile-b-heading h2 { font-size:clamp(40px,11vw,58px); }
}
@media(max-width:480px) {
  .profile-b-heading { gap:10px; flex-direction:column; }
  .profile-b-action { align-self:flex-start; }
  .profile-b-data-group { padding:14px; }
  .profile-b-data-group .profile-b-stats article { min-height:76px; padding:10px; column-gap:8px; }
  .profile-b-data-group .profile-b-stat-icon { width:32px; height:32px; }
  .profile-b-data-group .profile-b-stats strong { font-size:12px; }
  .profile-b-history { padding:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .profile-b-data-group .profile-b-stats article { transition:none; }
}

/* Make account navigation and profile actions feel anchored, not scattered. */
.account-page-body .account-sidebar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label logout" "nav nav";
  align-items:center;
  gap:13px 18px;
  margin:0 0 22px;
  padding:14px 16px;
  border:1px solid rgba(var(--theme-accent-rgb, 150, 184, 242), .16);
  border-radius:18px;
  background:linear-gradient(110deg,rgba(var(--theme-base-rgb, 17, 30, 52), .9),rgba(var(--theme-base-rgb, 9, 17, 31), .9));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 28px rgba(var(--theme-deep-rgb, 0, 3, 12), .12);
}
.account-page-body .account-sidebar > .eyebrow {
  grid-area:label;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--theme-muted, #a8bad4);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.account-page-body .account-sidebar > .eyebrow span { width:6px; height:6px; border-radius:50%; background:var(--theme-accent, #82b4ff); box-shadow:0 0 10px rgba(var(--theme-accent-rgb, 130, 180, 255), .65); }
.account-page-body .account-nav {
  grid-area:nav;
  justify-self:start;
  gap:6px;
  padding:0;
  border:0;
  background:transparent;
}
.account-page-body .account-tab {
  min-height:40px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:11px;
  color:var(--theme-muted, #91a2bc);
  font-size:11px;
  font-weight:700;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.account-page-body .account-tab:hover { border-color:rgba(var(--theme-accent-rgb, 150, 184, 242), .13); color:#eaf1ff; background:rgba(var(--theme-accent-rgb, 126, 168, 238), .08); }
.account-page-body .account-tab.active { border-color:rgba(var(--theme-accent-rgb, 143, 183, 255), .3); color:#f2f6ff; background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 111, 158, 238), .24),rgba(var(--theme-strong-rgb, 61, 94, 151), .17)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 16px rgba(0,0,0,.13); }
.account-page-body .account-tab.active::after { display:none; }
.account-page-body .logout-button {
  grid-area:logout;
  width:auto;
  min-height:36px;
  margin:0;
  padding:0 12px;
  border-color:rgba(231,137,148,.17);
  border-radius:10px;
  background:rgba(113,40,53,.12);
  color:#c39098;
  font-size:10px;
}
.account-page-body .logout-button:hover { border-color:rgba(231,137,148,.34); color:#ffc0c6; background:rgba(132,49,62,.2); }
.profile-b-heading { position:relative; align-items:center; gap:18px; margin-bottom:18px; }
.profile-b-heading > div { min-width:0; flex:1 1 auto; }
.profile-b-heading .profile-b-action { flex:0 0 auto; align-self:center; }
.profile-b-heading .profile-b-action:hover { border-color:rgba(var(--theme-accent-rgb, 143, 183, 255), .38); color:#edf4ff; background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 110, 157, 235), .2),rgba(var(--theme-raised-rgb, 55, 83, 132), .14)); }
.profile-b-modes { position:relative; }
.profile-b-modes button { font-weight:700; }
@media(max-width:760px) {
  .account-page-body .account-sidebar { grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:18px; padding:12px; }
  .account-page-body .account-nav { display:flex; width:100%; overflow-x:auto; justify-self:stretch; scrollbar-width:none; }
  .account-page-body .account-nav::-webkit-scrollbar { display:none; }
  .account-page-body .account-tab { flex:1 0 auto; min-height:39px; padding-inline:12px; text-align:center; }
  .account-page-body .logout-button { min-height:34px; padding-inline:10px; }
  .profile-b-heading { flex-wrap:wrap; }
  .profile-b-heading .profile-b-action { margin-top:5px; }
}
@media(max-width:420px) {
  .account-page-body .account-sidebar > .eyebrow { font-size:9px; }
  .account-page-body .logout-button { font-size:9px; }
  .account-page-body .account-tab { padding-inline:9px; font-size:10px; }
  .profile-b-heading .profile-b-action { margin-top:2px; }
}

/* Final layout pass: one compact account toolbar, less empty chrome. */
.account-page-body .account-sidebar {
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"label nav logout";
  gap:12px 20px;
  min-height:66px;
  margin-bottom:20px;
  padding:10px 14px;
  border-radius:16px;
}
.account-page-body .account-sidebar > .eyebrow { white-space:nowrap; }
.account-page-body .account-nav { justify-self:center; width:max-content; max-width:100%; }
.account-page-body .account-tab { min-height:38px; padding-inline:16px; }
.profile-b { grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr); gap:24px; }
.profile-b-portrait { height:540px; min-height:540px; border-radius:24px; }
.profile-b-portrait .profile-b-skin { top:10px; height:468px; }
.profile-b-portrait .profile-b-orbits { inset:12% 8% 19%; }
.profile-b-portrait .profile-b-platform,.profile-b-portrait::after { bottom:44px; }
.profile-b-heading { margin-bottom:16px; }
.profile-b-modes { margin-bottom:12px; }
.profile-b-modes button { min-height:46px; }
.profile-b-data-group { padding:16px; }
.profile-b-data-group .profile-b-stats article { min-height:76px; }
@media(max-width:900px) {
  .account-page-body .account-sidebar { grid-template-columns:auto minmax(0,1fr) auto; gap:8px 12px; }
  .account-page-body .account-tab { padding-inline:11px; }
  .profile-b { grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); gap:18px; }
  .profile-b-portrait { height:500px; min-height:500px; }
  .profile-b-portrait .profile-b-skin { height:430px; }
}
@media(max-width:760px) {
  .account-page-body .account-sidebar { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label logout" "nav nav"; gap:9px 10px; padding:11px; }
  .account-page-body .account-nav { width:100%; justify-self:stretch; }
  .account-page-body .account-tab { flex:1 0 auto; padding-inline:10px; }
  .profile-b-portrait { height:min(105vw,470px); min-height:370px; }
  .profile-b-portrait .profile-b-skin { top:4px; height:calc(100% - 52px); }
}

/* Bright, game-like account stats with restrained per-metric color. */
.profile-b-overview-group {
  position:relative;
  overflow:hidden;
  border-color:rgba(var(--theme-accent-rgb, 116, 162, 245), .25);
  background:radial-gradient(ellipse at 100% 0%,rgba(var(--theme-strong-rgb, 65, 111, 199), .2),transparent 48%),linear-gradient(145deg,rgba(var(--theme-panel-rgb, 18, 34, 60), .97),rgba(var(--theme-base-rgb, 8, 17, 33), .98));
  box-shadow:inset 0 1px rgba(226,239,255,.07),0 18px 42px rgba(var(--theme-deep-rgb, 0, 4, 15), .2);
}
.profile-b-overview-group::before { content:''; position:absolute; top:0; left:18px; right:18px; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb, 143, 187, 255), .62),transparent); }
.profile-b-overview-group .profile-b-group-heading { position:relative; margin-bottom:16px; }
.profile-b-overview-group .profile-b-group-heading span { color:var(--theme-pale, #9bc2ff); }
.profile-b-overview-group .profile-b-group-heading h3 { font-size:18px; }
.profile-b-overview-group .profile-b-group-heading>small { color:#d6e5ff; border-color:rgba(var(--theme-accent-rgb, 135, 179, 255), .22); background:rgba(var(--theme-strong-rgb, 65, 106, 177), .14); }
.profile-b-data-group .profile-b-stats { gap:10px; }
.profile-b-data-group .profile-b-stats article {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:92px;
  border-color:rgba(var(--theme-accent-rgb, 147, 179, 229), .16);
  background:linear-gradient(140deg,rgba(var(--theme-panel-rgb, 26, 44, 72), .88),rgba(var(--theme-base-rgb, 10, 20, 38), .95));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 18px rgba(var(--theme-deep-rgb, 1, 6, 18), .13);
}
.profile-b-data-group .profile-b-stats article::after { content:''; position:absolute; z-index:-1; width:100px; height:100px; right:-43px; bottom:-63px; border-radius:50%; background:var(--stat-glow,rgba(var(--theme-accent-rgb, 94, 151, 255), .2)); filter:blur(18px); opacity:.8; }
.profile-b-data-group .profile-b-stat-icon { border-color:color-mix(in srgb,var(--stat-color,var(--theme-pale, #9fc5ff)) 34%,transparent); color:var(--stat-color,var(--theme-pale, #a9d1ff)); background:linear-gradient(145deg,color-mix(in srgb,var(--stat-color,var(--theme-pale, #9fc5ff)) 20%,transparent),rgba(var(--theme-base-rgb, 9, 18, 34), .55)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 20px color-mix(in srgb,var(--stat-color,var(--theme-pale, #9fc5ff)) 10%,transparent); }
.profile-b-data-group .profile-b-stat-label { color:var(--theme-pale, #bdcbe0); font-weight:700; }
.profile-b-data-group .profile-b-stats strong { color:var(--stat-color,#eef5ff); font-size:16px; text-shadow:0 0 18px color-mix(in srgb,var(--stat-color,var(--theme-pale, #9fc5ff)) 17%,transparent); }
.profile-b-data-group .profile-b-stat-status { --stat-color:#ffc66e; --stat-glow:rgba(255,174,67,.27); }
.profile-b-data-group .profile-b-stat-role { --stat-color:var(--theme-pale, #c5a4ff); --stat-glow:rgba(var(--theme-accent-rgb, 153, 105, 255), .3); }
.profile-b-data-group .profile-b-stat-clock { --stat-color:var(--theme-accent, #79c5ff); --stat-glow:rgba(var(--theme-accent-rgb, 68, 161, 255), .28); }
.profile-b-data-group .profile-b-stat-calendar { --stat-color:#65e0be; --stat-glow:rgba(56,220,174,.26); }
#profile-mode-panel.is-player-online .profile-b-data-group .profile-b-stat-status { --stat-color:#65e0be; --stat-glow:rgba(56,220,174,.26); }
.profile-b-extra-section { border-color:rgba(var(--theme-accent-rgb, 110, 151, 219), .2); background:radial-gradient(ellipse at 0% 0%,rgba(var(--theme-strong-rgb, 58, 105, 185), .13),transparent 45%),linear-gradient(145deg,rgba(var(--theme-base-rgb, 15, 28, 50), .95),rgba(var(--theme-base-rgb, 8, 16, 30), .97)); }
.profile-b-extra-section .profile-b-group-heading span { color:var(--theme-accent, #8cbaff); }
.profile-b-extra-grid>div { position:relative; border-color:rgba(var(--theme-accent-rgb, 133, 169, 225), .14); background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 22, 38, 63), .72),rgba(var(--theme-base-rgb, 8, 17, 32), .76)); }
.profile-b-extra-grid small { color:var(--theme-accent, #9fb4d3); }
.profile-b-extra-grid strong { color:#e9f2ff; font-size:12px; }
.profile-b-jobs article { border-color:rgba(116,206,181,.17); background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 17, 48, 54), .5),rgba(var(--theme-base-rgb, 8, 20, 34), .78)); }
.profile-b-jobs article strong { color:#8ce5ca; }
@media(max-width:480px) {
  .profile-b-data-group .profile-b-stats article { min-height:82px; }
  .profile-b-data-group .profile-b-stats strong { font-size:13px; }
}
@media(prefers-reduced-motion:no-preference) {
  .profile-b-data-group .profile-b-stats article { animation:profile-stat-in .42s both; }
  .profile-b-data-group .profile-b-stats article:nth-child(2) { animation-delay:.045s; }
  .profile-b-data-group .profile-b-stats article:nth-child(3) { animation-delay:.09s; }
  .profile-b-data-group .profile-b-stats article:nth-child(4) { animation-delay:.135s; }
  @keyframes profile-stat-in { from { opacity:.65; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}
@media(prefers-reduced-motion:reduce) {
  .profile-b-data-group .profile-b-stats article { animation:none; }
}

/* Give the Minecraft skin a brighter, more dimensional hero treatment. */
.profile-b-portrait {
  background:
    radial-gradient(ellipse at 50% 40%,rgba(var(--theme-accent-rgb, 77, 157, 255), .3),transparent 39%),
    radial-gradient(ellipse at 58% 47%,rgba(var(--theme-accent-rgb, 146, 91, 255), .2),transparent 53%),
    radial-gradient(ellipse at 50% 88%,rgba(var(--theme-accent-rgb, 49, 134, 255), .2),transparent 40%),
    linear-gradient(155deg,var(--theme-base, #101d32) 0%,var(--theme-base, #0a1324) 52%,var(--theme-base, #080f1d) 100%);
}
.profile-b-portrait .profile-b-skin {
  filter:brightness(1.22) contrast(.96) saturate(1.22)
    drop-shadow(0 18px 18px rgba(0,0,0,.36))
    drop-shadow(0 0 14px rgba(var(--theme-accent-rgb, 84, 156, 255), .32))
    drop-shadow(0 0 32px rgba(var(--theme-accent-rgb, 123, 99, 255), .2));
}
.profile-b-portrait .profile-b-orbits {
  border-color:rgba(var(--theme-accent-rgb, 117, 182, 255), .34);
  box-shadow:0 0 30px rgba(var(--theme-accent-rgb, 61, 139, 255), .12),inset 0 0 30px rgba(var(--theme-accent-rgb, 74, 129, 255), .1);
}
.profile-b-portrait .profile-b-orbits::before { border-color:rgba(var(--theme-accent-rgb, 111, 167, 255), .17); }
.profile-b-portrait .profile-b-orbits::after { border-color:rgba(var(--theme-accent-rgb, 168, 132, 255), .12); }
.profile-b-portrait .profile-b-platform {
  border-color:rgba(var(--theme-accent-rgb, 142, 194, 255), .55);
  background:radial-gradient(ellipse,rgba(var(--theme-accent-rgb, 119, 172, 255), .34),rgba(var(--theme-accent-rgb, 87, 128, 231), .12) 46%,transparent 74%);
  box-shadow:0 0 34px rgba(var(--theme-accent-rgb, 81, 146, 255), .24),inset 0 0 25px rgba(var(--theme-accent-rgb, 116, 165, 255), .17);
}
.profile-b-portrait .profile-b-platform::after {
  border-color:rgba(var(--theme-pale-rgb, 165, 204, 255), .48);
  box-shadow:0 0 18px rgba(var(--theme-accent-rgb, 99, 161, 255), .2),inset 0 0 14px rgba(var(--theme-accent-rgb, 128, 173, 255), .12);
}
@media(max-width:760px) {
  .profile-b-portrait .profile-b-skin { filter:brightness(1.16) contrast(.97) saturate(1.18) drop-shadow(0 14px 16px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(var(--theme-accent-rgb, 84, 156, 255), .28)); }
}

/* Signature character portal: layered rift, floating shards and studio markings. */
.profile-b-portrait {
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(var(--theme-panel-rgb, 22, 41, 80), .4),transparent 48%),
    radial-gradient(ellipse at 50% 42%,rgba(var(--theme-accent-rgb, 64, 167, 255), .2),transparent 34%),
    radial-gradient(ellipse at 53% 45%,rgba(var(--theme-accent-rgb, 145, 83, 255), .17),transparent 53%),
    linear-gradient(155deg,var(--theme-base, #0c1a31) 0%,var(--theme-base, #091327) 54%,var(--theme-base, #080f1e) 100%);
}
.profile-b-portrait::before {
  z-index:0;
  opacity:.42;
  background-image:
    radial-gradient(ellipse at 50% 43%,rgba(var(--theme-accent-rgb, 91, 158, 255), .19),transparent 42%),
    radial-gradient(circle at 17% 22%,var(--theme-pale, #c3e2ff) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 26%,var(--theme-pale, #a8ceff) 0 1px,transparent 2px),
    radial-gradient(circle at 78% 68%,var(--theme-pale, #b3deff) 0 1.5px,transparent 3px),
    radial-gradient(circle at 16% 73%,var(--theme-accent, #88baff) 0 1px,transparent 3px);
  background-size:auto,240px 280px,240px 280px,240px 280px,240px 280px;
}
.profile-b-rift {
  position:absolute;
  z-index:1;
  inset:13% 19% 20%;
  overflow:hidden;
  border:1px solid rgba(var(--theme-accent-rgb, 134, 191, 255), .4);
  border-radius:50%;
  transform:rotate(-16deg) scaleX(.78);
  background:radial-gradient(ellipse,rgba(var(--theme-strong-rgb, 61, 111, 203), .16),rgba(var(--theme-strong-rgb, 79, 90, 180), .06) 49%,transparent 72%);
  box-shadow:0 0 24px rgba(var(--theme-accent-rgb, 64, 142, 255), .18),inset 0 0 30px rgba(var(--theme-accent-rgb, 82, 145, 255), .13),0 0 0 8px rgba(var(--theme-accent-rgb, 83, 142, 255), .025),0 0 0 19px rgba(var(--theme-accent-rgb, 139, 113, 255), .025);
  pointer-events:none;
}
.profile-b-rift::before {
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from 15deg,transparent 0 16%,rgba(var(--theme-accent-rgb, 113, 192, 255), .08) 23%,rgba(var(--theme-accent-rgb, 140, 207, 255), .95) 27%,rgba(var(--theme-accent-rgb, 128, 117, 255), .12) 32% 56%,rgba(var(--theme-accent-rgb, 186, 139, 255), .84) 63%,rgba(var(--theme-accent-rgb, 83, 173, 255), .08) 67% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(var(--theme-accent-rgb, 97, 171, 255), .55));
}
.profile-b-rift span { position:absolute; left:50%; top:50%; width:5px; height:5px; border-radius:50%; background:#d8f1ff; box-shadow:0 0 12px 4px rgba(var(--theme-accent-rgb, 105, 187, 255), .8); }
.profile-b-rift span:nth-child(1) { transform:translate(-50%,-50%); }
.profile-b-rift span:nth-child(2) { left:23%; top:25%; width:3px; height:3px; background:var(--theme-pale, #d4baff); box-shadow:0 0 10px 3px rgba(var(--theme-accent-rgb, 164, 119, 255), .8); }
.profile-b-rift span:nth-child(3) { left:77%; top:76%; width:3px; height:3px; }
.profile-b-portrait .profile-b-orbits { z-index:0; inset:9% 7% 14%; border-color:rgba(var(--theme-accent-rgb, 108, 157, 236), .17); box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb, 129, 162, 255), .025),inset 0 0 38px rgba(var(--theme-accent-rgb, 75, 124, 229), .08); }
.profile-b-portrait .profile-b-orbits::before { inset:8%; border-color:rgba(var(--theme-accent-rgb, 135, 173, 243), .12); }
.profile-b-portrait .profile-b-orbits::after { inset:17%; border-color:rgba(var(--theme-accent-rgb, 172, 141, 255), .1); }
.profile-b-portrait .profile-b-sparks { z-index:3; }
.profile-b-portrait .profile-b-sparks i { width:5px; height:5px; background:#d5efff; box-shadow:0 0 12px 3px rgba(var(--theme-accent-rgb, 80, 169, 255), .65); }
.profile-b-portrait .profile-b-sparks i:nth-child(2) { background:#d7baff; box-shadow:0 0 12px 3px rgba(var(--theme-accent-rgb, 148, 103, 255), .72); }
.profile-b-portrait .profile-b-sparks i:nth-child(3) { width:4px; height:4px; background:#8bf0ee; box-shadow:0 0 12px 3px rgba(63,224,226,.58); }
.profile-b-portrait .profile-b-sparks i:nth-child(4) { background:var(--theme-pale, #a9c5ff); box-shadow:0 0 12px 3px rgba(var(--theme-accent-rgb, 91, 143, 255), .62); }
.profile-b-portrait .profile-b-skin { z-index:2; filter:brightness(1.25) contrast(.96) saturate(1.24) drop-shadow(0 18px 18px rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(var(--theme-accent-rgb, 74, 167, 255), .4)) drop-shadow(0 0 34px rgba(var(--theme-accent-rgb, 135, 86, 255), .26)); }
.profile-b-portrait .profile-b-skin,
.profile-b-portrait:hover .profile-b-skin { transform:translate(-3%,47px) scale(1); transform-origin:50% 50%; transition:none; }
.profile-b-portrait .profile-b-platform { z-index:1; bottom:48px; left:13%; width:74%; height:43px; border:1px solid rgba(var(--theme-accent-rgb, 131, 194, 255), .64); background:radial-gradient(ellipse at 50% 35%,rgba(var(--theme-accent-rgb, 110, 177, 255), .44),rgba(var(--theme-accent-rgb, 93, 101, 226), .14) 46%,transparent 75%); box-shadow:0 0 32px rgba(var(--theme-accent-rgb, 67, 144, 255), .3),0 0 62px rgba(var(--theme-accent-rgb, 109, 79, 244), .13),inset 0 0 22px rgba(var(--theme-accent-rgb, 140, 191, 255), .21); }
.profile-b-portrait .profile-b-platform::after { inset:4px 2%; border-color:rgba(var(--theme-pale-rgb, 175, 216, 255), .6); box-shadow:0 0 16px rgba(var(--theme-accent-rgb, 109, 181, 255), .26),inset 0 0 15px rgba(var(--theme-accent-rgb, 128, 173, 255), .19); }
.profile-b-portrait::after { z-index:3; bottom:48px; left:35%; width:30%; height:11px; background:radial-gradient(ellipse,rgba(var(--theme-deep-rgb, 0, 2, 10), .98) 12%,rgba(var(--theme-deep-rgb, 0, 3, 12), .68) 44%,transparent 76%); }
.profile-b-platform-front { position:absolute; z-index:4; left:13%; bottom:48px; width:74%; height:43px; overflow:hidden; border-radius:50%; transform:translateY(50%); pointer-events:none; }
.profile-b-platform-front::after { content:''; position:absolute; inset:0; border:1px solid transparent; border-bottom-color:rgba(var(--theme-pale-rgb, 174, 218, 255), .84); border-radius:50%; box-shadow:0 5px 12px rgba(var(--theme-accent-rgb, 63, 143, 255), .3); clip-path:inset(50% 0 0); }
.profile-b-stage-id { position:absolute; z-index:5; right:20px; bottom:19px; display:grid; grid-template-columns:auto 5px auto; align-items:center; gap:8px; color:var(--theme-accent, #9bb9e7); }
.profile-b-stage-id span { font-size:7px; font-weight:800; letter-spacing:.16em; }
.profile-b-stage-id i { width:4px; height:4px; border-radius:50%; background:#73e4d0; box-shadow:0 0 8px #73e4d0; }
.profile-b-stage-id strong { color:#d5e5ff; font-size:7px; line-height:1.35; letter-spacing:.12em; }
.profile-b-caption { z-index:5; bottom:19px; left:20px; right:auto; color:var(--theme-accent, #91a9cf); font-size:7px; letter-spacing:.2em; }
@media(max-width:760px) {
  .profile-b-rift { inset:12% 20% 19%; }
  .profile-b-portrait .profile-b-platform,.profile-b-portrait::after { bottom:43px; }
  .profile-b-portrait .profile-b-skin,
  .profile-b-portrait:hover .profile-b-skin { transform:translateY(44px) scale(1); filter:brightness(1.2) contrast(.97) saturate(1.2) drop-shadow(0 14px 16px rgba(0,0,0,.4)) drop-shadow(0 0 25px rgba(var(--theme-accent-rgb, 74, 167, 255), .36)) drop-shadow(0 0 28px rgba(var(--theme-accent-rgb, 135, 86, 255), .2)); }
  .profile-b-platform-front { bottom:43px; }
}
@media(max-width:420px) {
  .profile-b-stage-id { right:13px; bottom:14px; }
  .profile-b-caption { left:13px; bottom:14px; }
}
@media(prefers-reduced-motion:no-preference) {
  .profile-b-rift::before { animation:profile-rift-turn 32s linear infinite; }
  .profile-b-portrait .profile-b-sparks i { animation:profile-shard-glint 3.8s ease-in-out infinite alternate; }
  .profile-b-portrait .profile-b-sparks i:nth-child(2) { animation-delay:-1.1s; }
  .profile-b-portrait .profile-b-sparks i:nth-child(3) { animation-delay:-2.3s; }
  .profile-b-portrait .profile-b-sparks i:nth-child(4) { animation-delay:-.6s; }
  @keyframes profile-rift-turn { to { transform:rotate(1turn); } }
  @keyframes profile-shard-glint { from { opacity:.48; } to { opacity:1; } }
}
@media(prefers-reduced-motion:reduce) {
  .profile-b-rift::before,.profile-b-portrait .profile-b-sparks i { animation:none; }
}

/* Privilege is presented as a compact rank chip, distinct from numeric stats. */
.profile-b-data-group .profile-b-privilege-value {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  margin-top:7px;
  padding:5px 10px;
  overflow-wrap:anywhere;
  border:1px solid rgba(var(--theme-pale-rgb, 176, 151, 255), .28);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 139, 105, 224), .2),rgba(var(--theme-muted-rgb, 79, 91, 166), .12));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 14px rgba(var(--theme-strong-rgb, 88, 67, 165), .12);
  color:#e2d8ff;
  font-size:12px;
  line-height:1.25;
  text-align:center;
}

/* Mobile account profile: keep every section inside the viewport and preserve
   the character-stage composition without making it dominate the whole page. */
@media (max-width: 760px) {
  .account-page-body { overflow-x:hidden; }
  .account-page-body .account-page { width:calc(100% - 32px); padding:12px 0 48px; }
  .account-page-body .account-layout,
  .account-page-body .account-main,
  .profile-b,
  .profile-b-content,
  #profile-mode-panel { min-width:0; width:100%; }
  .account-page-body .account-sidebar {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label logout" "nav nav";
    gap:10px;
    margin-bottom:18px;
    padding:11px;
  }
  .account-page-body .account-sidebar > .eyebrow { font-size:9px; }
  .account-page-body .account-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; width:100%; overflow:visible; }
  .account-page-body .account-tab { min-width:0; min-height:42px; padding:0 5px; font-size:clamp(10px,2.9vw,12px); white-space:nowrap; }
  .account-page-body .logout-button { min-height:38px; padding:0 10px; font-size:10px; }
  .profile-b { grid-template-columns:minmax(0,1fr); gap:18px; }
  .profile-b-portrait { height:clamp(350px,105vw,450px); min-height:0; border-radius:21px; }
  .profile-b-portrait .profile-b-skin,
  .profile-b-portrait:hover .profile-b-skin { top:2px; left:5%; width:90%; height:calc(100% - 48px); transform:translateY(20px) scale(.96); object-position:center bottom; }
  .profile-b-portrait .profile-b-platform,
  .profile-b-portrait::after { bottom:40px; }
  .profile-b-portrait .profile-b-platform { left:12%; width:76%; height:38px; }
  .profile-b-platform-front { left:12%; bottom:40px; width:76%; height:38px; }
  .profile-b-portrait .profile-b-orbits { inset:11% 8% 17%; }
  .profile-b-presence { top:14px; left:14px; min-height:36px; padding:8px 11px; font-size:12px; }
  .profile-b-caption { bottom:13px; left:13px; max-width:55%; font-size:7px; letter-spacing:.16em; }
  .profile-b-stage-id { right:12px; bottom:12px; }
  .profile-b-content { padding:0; }
  .profile-b-heading { align-items:flex-start; gap:12px; margin-bottom:16px; }
  .account-page-body .profile-b-heading h2 { margin:7px 0 5px; font-size:clamp(35px,10vw,54px); line-height:1; overflow-wrap:anywhere; }
  .profile-b-heading p { font-size:14px; line-height:1.5; }
  .profile-b-heading .profile-b-action { min-height:42px; margin:0; padding:9px 12px; font-size:11px; }
  .profile-b-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
  .profile-b-modes button { min-height:52px; justify-content:flex-start; gap:9px; padding:10px 12px; border-radius:14px; font-size:12px; text-align:left; }
  .profile-b-modes img { width:20px; height:20px; }
  .profile-b-data-group { margin-top:10px; padding:14px; border-radius:16px; }
  .profile-b-group-heading { align-items:flex-start; gap:9px; }
  .profile-b-group-heading h3 { font-size:14px; }
  .profile-b-group-heading > small { max-width:48%; white-space:normal; text-align:right; line-height:1.35; }
  .profile-b-data-group .profile-b-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .profile-b-data-group .profile-b-stats article { min-height:90px; align-items:flex-start; justify-content:center; gap:7px; padding:11px; text-align:left; }
  .profile-b-data-group .profile-b-stat-icon { width:32px; height:32px; flex:0 0 32px; margin:0; border-radius:10px; }
  .profile-b-data-group .profile-b-stat-icon img { width:16px; height:16px; }
  .profile-b-data-group .profile-b-stat-label { font-size:9px; line-height:1.3; }
  .profile-b-data-group .profile-b-stats strong { max-width:100%; margin-top:0; font-size:13px; overflow-wrap:anywhere; }
  .profile-b-data-group .profile-b-privilege-value { align-self:flex-start; font-size:11px; }
  .profile-b-extra-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .profile-b-extra-grid > div { min-width:0; padding:10px; }
  .profile-b-extra-grid small,.profile-b-extra-grid strong { overflow-wrap:anywhere; }
  .profile-b-extra-grid strong { font-size:11px; }
  .profile-b-jobs { grid-template-columns:1fr; }
  .profile-b-history { margin-top:12px; padding:14px; border-radius:16px; }
  .profile-b-history header { align-items:flex-start; gap:10px; }
  .profile-b-history h3 { font-size:18px; }
  .profile-b-history header p { font-size:12px; line-height:1.45; }
  .profile-b-history header .profile-b-action { min-height:40px; padding:8px 10px; font-size:10px; white-space:nowrap; }
  .profile-b-event { grid-template-columns:36px minmax(0,1fr); gap:9px; padding:12px 0; }
  .profile-b-event-icon { width:36px; height:36px; }
  .profile-b-event strong { font-size:12px; }
  .profile-b-event small { font-size:11px; line-height:1.4; }
  .profile-b-event time { grid-column:2; margin-top:-5px; font-size:10px; }
}
@media (max-width: 390px) {
  .account-page-body .account-page { width:calc(100% - 24px); }
  .account-page-body .account-sidebar { padding:9px; }
  .account-page-body .account-tab { padding-inline:3px; font-size:10px; }
  .account-page-body .logout-button { padding-inline:8px; font-size:9px; }
  .profile-b-portrait { height:350px; }
  .profile-b-heading .profile-b-action { width:100%; }
  .profile-b-data-group .profile-b-stats article { min-height:84px; padding:9px; }
  .profile-b-history header { flex-direction:column; }
  .profile-b-history header .profile-b-action { align-self:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .profile-b-data-group .profile-b-stats article { animation:none!important; transition:none!important; }
}

/* Mobile hierarchy pass: put identity first, keep the avatar as a framed
   feature, then present mode controls and information in clearly separated steps. */
@media (max-width: 760px) {
  .profile-b { gap:14px; }
  .profile-b-content { display:contents; }
  .profile-b-heading { order:1; flex-direction:column; align-items:flex-start; gap:10px; margin:0; padding:2px 2px 4px; }
  .profile-b-heading > div { width:100%; }
  .profile-b-heading .profile-b-action { align-self:flex-start; width:auto; min-height:44px; padding:0 15px; border-radius:13px; font-size:12px; }
  .profile-b-portrait { order:2; height:clamp(310px,92vw,390px); }
  .profile-b-modes { order:3; margin:3px 0 0; padding:4px; border:1px solid rgba(var(--theme-accent-rgb, 150, 184, 242), .14); border-radius:16px; background:rgba(var(--theme-base-rgb, 12, 22, 39), .72); }
  .profile-b-modes button { min-height:48px; justify-content:center; gap:7px; padding:9px 7px; border-radius:11px; font-size:11px; line-height:1.25; text-align:center; }
  .profile-b-modes button span { min-width:0; overflow-wrap:anywhere; }
  #profile-mode-panel { order:4; }
  .profile-b-history { order:5; }
  .profile-b-data-group { margin-top:0; }
  .profile-b-data-group + .profile-b-data-group { margin-top:10px; }
  .profile-b-group-heading { align-items:center; margin-bottom:12px; }
  .profile-b-group-heading > small { max-width:45%; font-size:9px; }
  .profile-b-data-group .profile-b-stats article { display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; justify-content:initial; column-gap:9px; row-gap:2px; min-height:74px; padding:10px; }
  .profile-b-data-group .profile-b-stat-icon { grid-row:1 / 3; }
  .profile-b-data-group .profile-b-stat-label { align-self:end; font-size:9px; }
  .profile-b-data-group .profile-b-stats strong { align-self:start; font-size:13px; }
  .profile-b-data-group .profile-b-privilege-value { justify-self:start; }
  .profile-b-history header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .profile-b-history header .profile-b-action { flex:0 0 auto; }
}
@media (max-width: 390px) {
  .profile-b-heading .profile-b-action { width:auto; }
  .profile-b-portrait { height:310px; }
  .profile-b-history header { grid-template-columns:1fr; }
  .profile-b-history header .profile-b-action { justify-self:start; }
}

/* Support center: account inbox, guided ticket form and message thread. */
.account-page-body .account-tab { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.support-unread-badge { display:inline-grid; min-width:18px; height:18px; place-items:center; padding:0 5px; border:1px solid rgba(120,169,255,.24); border-radius:999px; color:#c4d8ff; background:rgba(120,169,255,.13); font-size:9px; font-style:normal; }
.support-unread-badge[hidden] { display:none; }
.account-support-view { min-width:0; }
#account-support .account-view-heading { align-items:center; gap:20px; margin-bottom:20px; }
#account-support .account-view-heading h2 { margin:0; font-size:clamp(38px,5vw,58px); }
#account-support .account-lead { margin:8px 0 0; font-size:12px; }
.support-new-button { min-height:46px; flex:0 0 auto; padding-inline:19px; border:1px solid rgba(var(--theme-pale-rgb, 178, 207, 255), .35); border-radius:12px; color:var(--theme-base, #071326); background:linear-gradient(135deg,var(--theme-pale, #b5d1ff),var(--theme-accent, #78a8ff)); box-shadow:0 10px 25px rgba(var(--theme-strong-rgb, 60, 111, 205), .2); font-weight:800; }
.support-client-filters { display:flex; gap:8px; margin:20px 0 14px; padding:6px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .1); border-radius:13px; background:rgba(var(--theme-base-rgb, 13, 23, 41), .7); }
.support-client-filters button { display:flex; align-items:center; gap:8px; min-height:34px; padding:0 12px; border:1px solid transparent; border-radius:9px; color:var(--theme-muted, #8495b0); background:transparent; font-size:10px; font-weight:700; cursor:pointer; }
.support-client-filters button b { color:var(--theme-accent, #7f9dce); font-size:9px; }
.support-client-filters button.active { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .2); color:#e7efff; background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 120, 169, 255), .18),rgba(var(--theme-accent-rgb, 120, 169, 255), .07)); }
.support-client-list { display:grid; gap:9px; }
.support-ticket-row { width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) auto 18px; align-items:center; gap:13px; padding:15px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius:15px; color:inherit; background:linear-gradient(125deg,rgba(var(--theme-base-rgb, 17, 30, 51), .92),rgba(var(--theme-base-rgb, 10, 19, 34), .88)); text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.support-ticket-row:hover { transform:translateY(-2px); border-color:rgba(var(--theme-accent-rgb, 132, 177, 255), .34); background:linear-gradient(125deg,rgba(var(--theme-panel-rgb, 22, 40, 67), .96),rgba(var(--theme-base-rgb, 11, 21, 38), .94)); }
.support-ticket-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .18); border-radius:13px; color:var(--theme-pale, #a9c6ff); background:rgba(var(--theme-accent-rgb, 94, 139, 219), .13); font-size:17px; font-weight:800; }
.support-ticket-copy { min-width:0; }
.support-ticket-copy strong,.support-ticket-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-ticket-copy strong { color:#eaf1ff; font-size:12px; }
.support-ticket-copy small { margin-top:6px; color:var(--theme-muted, #8193ae); font-size:9px; }
.support-ticket-pills { display:grid; justify-items:end; gap:5px; }
.support-ticket-pills i,.support-conversation-head>span { padding:5px 8px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .12); border-radius:999px; color:var(--theme-muted, #a8b8d2); background:rgba(var(--theme-muted-rgb, 115, 137, 174), .08); font-size:8px; font-style:normal; font-weight:800; white-space:nowrap; }
.support-status-open,.support-status-in_progress { color:#9dc3ff!important; border-color:rgba(120,169,255,.2)!important; background:rgba(82,131,211,.12)!important; }
.support-status-waiting_customer { color:#f1c27a!important; border-color:rgba(238,185,99,.2)!important; background:rgba(209,151,57,.1)!important; }
.support-status-resolved,.support-status-closed { color:#82d9b2!important; border-color:rgba(102,214,165,.2)!important; background:rgba(66,171,127,.1)!important; }
.support-priority-low { color:#97a8c1!important; }.support-priority-medium { color:#f0c475!important; }.support-priority-high { color:#ff8c9a!important; }
.support-row-arrow { color:var(--theme-muted, #7086a6); font-size:15px; }
.support-empty-state { display:grid; justify-items:center; gap:9px; padding:48px 22px; border:1px dashed rgba(var(--theme-accent-rgb, 142, 171, 218), .16); border-radius:16px; color:var(--theme-muted, #8799b5); text-align:center; }
.support-empty-state>span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .2); border-radius:14px; color:var(--theme-pale, #9abaff); background:rgba(var(--theme-accent-rgb, 85, 132, 213), .12); font-size:19px; }
.support-empty-state strong { color:#dce7fa; font-size:13px; }
.support-empty-state p { max-width:380px; margin:0; color:var(--theme-muted, #8294ae); font-size:10px; line-height:1.7; }
.support-create-card { position:relative; margin-top:15px; padding:clamp(20px,3vw,32px); border:1px solid rgba(var(--theme-accent-rgb, 135, 177, 249), .22); border-radius:20px; background:radial-gradient(ellipse at 0 0,rgba(var(--theme-strong-rgb, 72, 119, 202), .13),transparent 42%),linear-gradient(145deg,var(--theme-base, #0f1b30),var(--theme-base, #0a1221) 75%); box-shadow:0 25px 65px rgba(var(--theme-deep-rgb, 1, 6, 16), .22),inset 0 1px rgba(255,255,255,.035); animation:support-card-in .32s cubic-bezier(.2,.8,.2,1) both; }
.support-create-card[hidden],.support-conversation[hidden] { display:none!important; }
.support-form-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:23px; }
.support-form-heading h3 { margin:8px 0 6px; color:#f0f5ff; font-size:24px; letter-spacing:-.05em; }
.support-form-heading p:last-child { margin:0; color:var(--theme-muted, #8b9bb5); font-size:11px; }
.support-back-button { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(var(--theme-accent-rgb, 140, 166, 207), .16); border-radius:10px; color:var(--theme-muted, #a5b6d1); background:rgba(255,255,255,.025); font-size:10px; font-weight:700; cursor:pointer; }
.support-back-button:hover { color:#e6efff; border-color:rgba(var(--theme-accent-rgb, 143, 183, 255), .34); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .08); }
.support-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.support-category-choice { min-width:0; min-height:112px; display:grid; justify-items:start; align-content:start; gap:8px; padding:13px; border:1px solid rgba(var(--theme-accent-rgb, 157, 181, 224), .13); border-radius:14px; color:#edf3ff; background:rgba(var(--theme-base-rgb, 15, 27, 47), .75); text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.support-category-choice:hover { transform:translateY(-2px); border-color:rgba(var(--theme-accent-rgb, 133, 177, 255), .34); }
.support-category-choice.is-selected { border-color:rgba(var(--theme-accent-rgb, 129, 174, 255), .7); background:linear-gradient(145deg,rgba(var(--theme-strong-rgb, 74, 119, 196), .3),rgba(var(--theme-base-rgb, 17, 31, 54), .88)); box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb, 120, 169, 255), .09),inset 0 1px rgba(255,255,255,.05); }
.support-category-choice>span { width:29px; height:29px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 126, 171, 255), .2); border-radius:9px; color:var(--theme-pale, #a9c7ff); background:rgba(var(--theme-accent-rgb, 94, 141, 226), .13); font-size:14px; }
.support-category-choice>b { font-size:11px; }
.support-category-choice>small { color:var(--theme-muted, #8395af); font-size:9px; line-height:1.4; }
.support-form-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:13px; margin:14px 0; }
.support-create-card label,.support-agent-controls>label { display:grid; gap:7px; color:var(--theme-pale, #bac9df); font-size:10px; font-weight:800; }
.support-create-card input:not([type=radio]),.support-create-card select,.support-create-card textarea { width:100%; min-width:0; border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .16); border-radius:11px; outline:none; color:#edf3ff; background:var(--theme-base, #080f1d); font:inherit; font-size:11px; transition:border-color .18s ease,box-shadow .18s ease; }
.support-create-card input:not([type=radio]),.support-create-card select { height:43px; padding:0 12px; }
.support-create-card textarea { min-height:136px; padding:12px; resize:vertical; line-height:1.6; }
.support-create-card input:focus,.support-create-card select:focus,.support-create-card textarea:focus { border-color:var(--theme-accent, #84adf4); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 120, 169, 255), .1); }
.support-create-card select:disabled { opacity:.55; }
.support-message-label { position:relative; display:grid; gap:7px; margin-top:15px; }
.support-message-label>small { display:flex; justify-content:flex-end; color:var(--theme-muted, #7789a5); font-size:9px; font-weight:500; }
.support-priority-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:20px 0 0; padding:0; border:0; }
.support-priority-picker legend { margin-bottom:10px; color:#c1cfe4; font-size:10px; font-weight:800; }
.support-priority-picker label { position:relative; display:flex; align-items:flex-start; gap:9px; min-height:62px; padding:11px; border:1px solid rgba(151,180,225,.13); border-radius:12px; background:rgba(12,22,39,.78); cursor:pointer; }
.support-priority-picker input { width:14px; height:14px; flex:0 0 14px; margin:2px 0 0; accent-color:#8ab5ff; }
.support-priority-picker label:has(input:checked) { border-color:rgba(130,174,255,.58); background:rgba(61,101,168,.18); }
.support-priority-picker label span { display:grid; gap:5px; }
.support-priority-picker b { color:#dfe9fa; font-size:10px; }
.support-priority-picker small { color:#8394ad; font-size:8px; line-height:1.4; }
.support-form-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:22px; padding-top:17px; border-top:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .1); }
.support-form-footer p { margin:0; color:var(--theme-muted, #8192ab); font-size:9px; }
.support-form-footer .button { min-height:43px; }
.support-form-feedback { margin:10px 0 0; color:#ff9da9; font-size:10px; }
.support-form-feedback:empty { display:none; }
.support-form-feedback.is-error { color:#ff9da9; }
.support-conversation { margin-top:14px; padding:clamp(18px,3vw,30px); border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .14); border-radius:19px; background:linear-gradient(145deg,rgba(var(--theme-base-rgb, 15, 26, 46), .92),rgba(var(--theme-base-rgb, 8, 15, 28), .94)); animation:support-card-in .28s ease both; }
.support-conversation-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin:20px 0 13px; }
.support-conversation-head h3 { margin:7px 0; color:#f0f5ff; font-size:clamp(20px,3vw,28px); letter-spacing:-.05em; }
.support-conversation-head small { color:var(--theme-muted, #8496b1); font-size:9px; }
.support-conversation-meta { display:flex; justify-content:space-between; gap:12px; padding:11px 13px; border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .1); border-radius:11px; color:var(--theme-muted, #889bb7); background:rgba(var(--theme-base-rgb, 8, 15, 28), .55); font-size:9px; }
.support-conversation-meta b { margin-left:6px; }
.support-message-thread,.support-admin-thread { display:grid; gap:12px; max-height:520px; overflow:auto; padding:19px 2px; }
.support-message { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; max-width:92%; }
.support-message.is-customer { justify-self:end; }
.support-message.is-staff { justify-self:start; }
.support-message-avatar { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(var(--theme-accent-rgb, 145, 183, 255), .22); border-radius:10px; color:var(--theme-pale, #c0d6ff); background:rgba(var(--theme-accent-rgb, 86, 133, 215), .17); font-size:11px; font-weight:800; }
.support-message>div { min-width:0; padding:12px 14px; border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .1); border-radius:12px; background:rgba(var(--theme-panel-rgb, 20, 34, 57), .85); }
.support-message.is-customer>div { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .19); background:linear-gradient(135deg,rgba(var(--theme-strong-rgb, 56, 91, 151), .34),rgba(var(--theme-panel-rgb, 20, 34, 57), .85)); }
.support-message header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:#dbe6f7; font-size:9px; }
.support-message time { color:var(--theme-muted, #7d91ae); font-size:8px; }
.support-message p { margin:9px 0 0; color:var(--theme-muted, #becce0); font-size:10px; line-height:1.7; overflow-wrap:anywhere; }
.support-reply-form { display:grid; justify-items:end; gap:9px; padding-top:14px; border-top:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .1); }
.support-reply-form textarea { width:100%; min-height:90px; padding:12px; border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .16); border-radius:11px; outline:none; color:#edf3ff; background:var(--theme-base, #080f1d); font:inherit; font-size:11px; resize:vertical; }
.support-reply-form textarea:focus { border-color:var(--theme-accent, #84adf4); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 120, 169, 255), .1); }
.support-reply-form button { min-height:39px; }
.support-closed-note { padding:13px; border:1px solid rgba(var(--theme-accent-rgb, 151, 180, 225), .1); border-radius:10px; color:var(--theme-muted, #96a7c1); background:rgba(var(--theme-base-rgb, 8, 15, 28), .55); font-size:10px; }
@keyframes support-card-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:760px) {
  .account-page-body .account-nav { flex-wrap:wrap; }
  #account-support .account-view-heading { align-items:flex-start; flex-direction:column; }
  .support-new-button { width:100%; justify-content:center; }
  .support-ticket-row { grid-template-columns:36px minmax(0,1fr) auto; gap:9px; padding:12px; }
  .support-ticket-icon { width:36px; height:36px; }
  .support-ticket-pills { grid-column:2; display:flex; justify-self:start; }
  .support-row-arrow { grid-column:3; grid-row:1 / 3; }
  .support-form-grid { grid-template-columns:1fr; }
  .support-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-priority-picker { grid-template-columns:1fr; }
  .support-priority-picker label { min-height:52px; }
  .support-form-footer { align-items:stretch; flex-direction:column; }
  .support-form-footer .button { width:100%; justify-content:center; }
  .support-conversation-meta { align-items:flex-start; flex-direction:column; }
  .support-message { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { .support-create-card,.support-conversation { animation:none; }.support-ticket-row,.support-category-choice { transition:none; } }

/* Support UI refinement: calmer hierarchy for players, denser but clearer desk for staff. */
#account-support { max-width:940px; }
#account-support .account-view-heading { margin-bottom:24px; padding:24px 26px; border:1px solid rgba(var(--theme-accent-rgb, 133, 174, 245), .18); border-radius:20px; background:radial-gradient(ellipse at 0 0,rgba(var(--theme-strong-rgb, 73, 123, 207), .18),transparent 48%),linear-gradient(135deg,rgba(var(--theme-base-rgb, 16, 31, 54), .96),rgba(var(--theme-base-rgb, 9, 17, 31), .96)); }
#account-support .account-view-heading h2 { font-size:clamp(32px,4vw,44px); line-height:1; }
#account-support .account-lead { max-width:440px; font-size:13px; line-height:1.6; }
.support-new-button { min-height:48px; padding-inline:20px; border-radius:13px; font-size:12px; box-shadow:0 8px 22px rgba(var(--theme-accent-rgb, 69, 120, 216), .16); }
.support-client-filters { width:max-content; max-width:100%; margin:0 0 14px; padding:5px; border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .13); border-radius:12px; background:rgba(var(--theme-base-rgb, 9, 17, 30), .76); }
.support-client-filters button { min-height:38px; padding-inline:14px; font-size:11px; }
.support-client-filters button b { min-width:20px; height:20px; display:grid; place-items:center; border-radius:99px; background:rgba(var(--theme-accent-rgb, 132, 170, 235), .1); }
.support-client-list { gap:9px; }
.support-ticket-row { grid-template-columns:48px minmax(0,1fr) auto 18px; gap:14px; min-height:88px; padding:15px 17px; border-color:rgba(var(--theme-accent-rgb, 143, 172, 219), .12); border-radius:16px; background:linear-gradient(110deg,rgba(var(--theme-base-rgb, 17, 30, 51), .96),rgba(var(--theme-base-rgb, 11, 19, 33), .94)); }
.support-ticket-icon { width:46px; height:46px; border-radius:14px; font-size:18px; }
.support-ticket-copy { display:grid; gap:5px; }
.support-ticket-eyebrow { color:var(--theme-muted, #8da3c4); font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.support-ticket-eyebrow i { padding-inline:3px; color:var(--theme-muted, #57739f); font-style:normal; }
.support-ticket-copy strong { font-size:13px; }
.support-ticket-copy small { max-width:520px; margin:0; color:var(--theme-muted, #8597b2); font-size:10px; line-height:1.45; }
.support-ticket-meta { display:grid; justify-items:end; gap:5px; }
.support-ticket-meta i,.support-ticket-meta b { padding:5px 8px; border:1px solid rgba(var(--theme-accent-rgb, 151, 181, 224), .12); border-radius:8px; background:rgba(var(--theme-deep-rgb, 7, 14, 25), .58); font-size:9px; font-style:normal; font-weight:800; white-space:nowrap; }
.support-ticket-meta time { margin-top:2px; color:var(--theme-muted, #7184a0); font-size:9px; }
.support-row-arrow { color:var(--theme-accent, #8db5ff); font-size:17px; }
.support-empty-state { min-height:210px; align-content:center; padding:34px 22px; border-style:solid; border-color:rgba(var(--theme-accent-rgb, 142, 171, 218), .12); background:radial-gradient(ellipse at 50% 0,rgba(var(--theme-strong-rgb, 72, 117, 193), .1),transparent 55%),rgba(var(--theme-base-rgb, 11, 19, 33), .55); }
.support-create-card { margin-top:0; padding:clamp(20px,3vw,30px); border-color:rgba(var(--theme-accent-rgb, 133, 174, 245), .2); border-radius:20px; }
.support-form-heading { align-items:center; margin-bottom:24px; }
.support-form-heading h3 { font-size:26px; }
.support-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.support-category-choice { min-height:122px; gap:8px; padding:15px; border-radius:15px; }
.support-category-choice>span { width:34px; height:34px; border-radius:11px; font-size:16px; }
.support-category-choice>b { font-size:12px; }
.support-category-choice>small { font-size:10px; }
.support-form-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:14px; margin-top:18px; }
.support-create-card label,.support-agent-controls>label { font-size:11px; }
.support-create-card input:not([type=radio]),.support-create-card select { height:46px; border-radius:12px; font-size:12px; }
.support-create-card textarea { min-height:145px; border-radius:12px; font-size:12px; }
.support-priority-picker { gap:10px; margin-top:22px; }
.support-priority-picker legend { font-size:11px; }
.support-priority-picker label { min-height:76px; align-items:center; padding:13px; border-radius:13px; }
.support-priority-picker b { font-size:11px; }
.support-priority-picker small { font-size:9px; }
.support-form-footer { margin-top:24px; }
.support-form-footer p { font-size:10px; }
.support-form-footer .button { min-height:46px; padding-inline:19px; border-radius:12px; font-size:11px; }
.support-conversation { margin-top:0; padding:clamp(20px,3vw,30px); border-radius:20px; }
.support-conversation-head { margin:18px 0 16px; }
.support-conversation-head h3 { font-size:clamp(22px,3vw,30px); }
.support-conversation-head small { font-size:10px; }
.support-conversation-meta { font-size:10px; }
.support-message-thread { max-height:560px; gap:14px; padding:22px 2px; }
.support-message { grid-template-columns:36px minmax(0,1fr); gap:11px; max-width:86%; }
.support-message-avatar { width:34px; height:34px; border-radius:11px; }
.support-message>div { padding:14px 16px; border-radius:14px; }
.support-message header { font-size:10px; }
.support-message time { font-size:9px; }
.support-message p { font-size:12px; line-height:1.65; }
.support-reply-form textarea { min-height:105px; border-radius:13px; font-size:12px; }
.support-reply-form button { min-height:43px; border-radius:11px; }
@media(max-width:760px) {
  #account-support .account-view-heading { padding:19px; border-radius:17px; }
  .support-ticket-row { grid-template-columns:40px minmax(0,1fr) 16px; gap:10px; padding:12px; }
  .support-ticket-icon { width:39px; height:39px; }
  .support-ticket-meta { grid-column:2; display:flex; justify-self:start; justify-items:start; flex-wrap:wrap; }
  .support-ticket-meta time { align-self:center; margin:0 0 0 2px; }
  .support-row-arrow { grid-column:3; grid-row:1 / 3; }
  .support-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-form-grid { grid-template-columns:1fr; }
}
@media(max-width:430px) {
  #account-support .account-view-heading { padding:16px; }
  .support-client-filters { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .support-client-filters button { justify-content:center; gap:5px; padding-inline:5px; font-size:10px; }
  .support-ticket-copy small { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .support-form-heading h3 { font-size:22px; }
  .support-priority-picker { grid-template-columns:1fr; }
}

/* Customer support center: distinct inbox, new-ticket and conversation stages. */
#account-support { max-width:1120px; color:#f3f4f6; }
#account-support .account-view-heading { min-height:0; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 26px; padding:0 0 20px; border:0; border-bottom:1px solid rgba(255,255,255,.1); border-radius:0; background:transparent; box-shadow:none; }
#account-support .account-view-heading[hidden] { display:none!important; }
#account-support .account-view-heading .eyebrow { color:#a0a4ac; }
#account-support .account-view-heading h2 { margin:0; color:#f6f7f9; font-size:clamp(30px,4vw,40px); line-height:1.1; letter-spacing:-.045em; }
#account-support .account-view-heading .account-lead { margin:9px 0 0; color:#92969e; font-size:13px; }
#account-support .support-new-button { min-height:46px; padding:0 17px; border:1px solid rgba(255,255,255,.12); border-radius:12px; color:#f4f5f6; background:#17191d; box-shadow:none; font-size:12px; }
#account-support .support-new-button:hover { border-color:rgba(255,255,255,.23); background:var(--theme-panel, #202329); }
#account-support .support-client-filters { width:100%; display:flex; justify-content:flex-start; gap:7px; margin:0 0 15px; padding:0 0 13px; border:0; border-bottom:1px solid rgba(255,255,255,.08); border-radius:0; background:transparent; }
#account-support .support-client-filters button { min-height:37px; padding:0 13px; border:1px solid transparent; border-radius:9px; color:#9599a1; font-size:11px; }
#account-support .support-client-filters button.active { border-color:rgba(255,255,255,.1); color:#f1f2f4; background:#181a1e; }
#account-support .support-client-filters button b { min-width:19px; height:19px; color:#d2d4d8; background:#292c32; }
#account-support .support-client-list { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); align-items:stretch; gap:13px; }
#account-support .support-ticket-row { position:relative; min-height:244px; display:grid; grid-template-columns:1fr; grid-template-rows:42px auto 1fr auto; align-items:start; gap:13px; padding:17px; overflow:hidden; border:1px solid rgba(255,255,255,.085); border-radius:15px; color:#f0f1f3; background:linear-gradient(145deg,#141619,#101113); box-shadow:0 8px 24px rgba(0,0,0,.12); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
#account-support .support-ticket-row:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.2); background:linear-gradient(145deg,#191b1f,#121416); }
#account-support .support-ticket-icon { width:40px; height:40px; border:1px solid rgba(255,255,255,.09); border-radius:11px; color:#c5c8ce; background:#1b1d21; font-size:15px; }
#account-support .support-ticket-copy { display:grid; align-content:start; gap:7px; }
#account-support .support-ticket-eyebrow { color:#9a9da4; font-size:9px; letter-spacing:.08em; }
#account-support .support-ticket-eyebrow i { color:#5e626a; }
#account-support .support-ticket-copy strong { color:#f2f3f5; font-size:14px; line-height:1.4; white-space:normal; }
#account-support .support-ticket-copy small { display:-webkit-box; max-width:100%; margin:0; overflow:hidden; color:#91959d; font-size:10px; line-height:1.55; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#account-support .support-ticket-meta { display:flex; flex-wrap:wrap; justify-items:start; justify-content:flex-start; align-items:center; gap:6px; padding-right:25px; }
#account-support .support-ticket-meta i,#account-support .support-ticket-meta b { padding:5px 8px; border-color:rgba(255,255,255,.08); border-radius:999px; color:#c4c7cd; background:#1b1d21; font-size:9px; }
#account-support .support-ticket-meta .support-status-open,#account-support .support-ticket-meta .support-status-in_progress { color:#c7d8fb!important; border-color:rgba(127,165,236,.15)!important; background:rgba(83,115,173,.15)!important; }
#account-support .support-ticket-meta .support-status-waiting_customer { color:#e8c27e!important; border-color:rgba(223,180,96,.16)!important; background:rgba(150,111,39,.12)!important; }
#account-support .support-ticket-meta .support-status-resolved,#account-support .support-ticket-meta .support-status-closed { color:#a2e0bb!important; border-color:rgba(89,184,121,.17)!important; background:rgba(45,122,73,.13)!important; }
#account-support .support-ticket-meta .support-priority-low { color:#c3c7cf!important; }
#account-support .support-ticket-meta .support-priority-medium { color:#efc677!important; }
#account-support .support-ticket-meta .support-priority-high { color:#ff9aa1!important; }
#account-support .support-ticket-meta time { width:100%; margin:2px 0 0; color:#777c85; font-size:9px; }
#account-support .support-row-arrow { position:absolute; right:16px; bottom:16px; color:#c4c7cd; font-size:15px; }
#account-support .support-empty-state { min-height:270px; border:1px solid rgba(255,255,255,.08); border-radius:15px; color:#a3a6ad; background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.035),transparent 60%),#111315; }
#account-support .support-empty-state>span { border-color:rgba(255,255,255,.1); color:#d0d2d6; background:#1c1e22; }
#account-support .support-empty-state strong { color:#f0f1f3; }
#account-support .support-empty-state p { color:#969aa2; font-size:11px; }
#account-support .support-create-card,#account-support .support-conversation { margin:0; padding:clamp(20px,3vw,30px); border:1px solid rgba(255,255,255,.1); border-radius:17px; color:#f0f1f3; background:linear-gradient(145deg,#141619,#101113); box-shadow:0 18px 45px rgba(0,0,0,.17); }
#account-support .support-form-heading { padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.08); }
#account-support .support-form-heading .eyebrow { color:#a0a4ac; }
#account-support .support-form-heading h3,#account-support .support-conversation-head h3 { color:#f4f5f7; }
#account-support .support-form-heading p:last-child,#account-support .support-conversation-head small { color:#969aa2; }
#account-support .support-back-button { border-color:rgba(255,255,255,.1); color:#c0c3c9; background:#1a1c20; }
#account-support .support-back-button:hover { border-color:rgba(255,255,255,.22); color:#fff; background:#22252a; }
#account-support .support-category-choice { border-color:rgba(255,255,255,.09); border-radius:13px; color:#f2f3f5; background:#191b1f; }
#account-support .support-category-choice:hover { border-color:rgba(255,255,255,.2); background:#202227; }
#account-support .support-category-choice.is-selected { border-color:rgba(255,255,255,.35); background:#24272c; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
#account-support .support-category-choice>span { border-color:rgba(255,255,255,.1); color:#e0e2e6; background:#24262b; }
#account-support .support-category-choice>small { color:#969aa2; }
#account-support .support-create-card label,#account-support .support-priority-picker legend { color:#c3c6cc; }
#account-support .support-create-card input:not([type=radio]),#account-support .support-create-card select,#account-support .support-create-card textarea,#account-support .support-reply-form textarea { border-color:rgba(255,255,255,.1); border-radius:11px; color:#f0f1f3; background:var(--theme-deep, #0b0c0e); }
#account-support .support-create-card input::placeholder,#account-support .support-create-card textarea::placeholder,#account-support .support-reply-form textarea::placeholder { color:#747880; }
#account-support .support-create-card input:focus,#account-support .support-create-card select:focus,#account-support .support-create-card textarea:focus,#account-support .support-reply-form textarea:focus { border-color:rgba(255,255,255,.36); box-shadow:0 0 0 3px rgba(255,255,255,.045); }
#account-support .support-priority-picker label { border-color:rgba(255,255,255,.09); border-radius:11px; background:#191b1f; }
#account-support .support-priority-picker label:has(input:checked) { border-color:rgba(255,255,255,.27); background:#22252a; }
#account-support .support-priority-picker b { color:#e6e7ea; }
#account-support .support-priority-picker small { color:#979ba3; }
#account-support .support-form-footer { border-color:rgba(255,255,255,.08); }
#account-support .support-form-footer p { color:#92969e; }
#account-support .support-form-footer .button-primary { border-color:#f0f1f3; color:#111214; background:#f0f1f3; box-shadow:none; }
#account-support .support-form-footer .button-primary:hover { background:#d8dade; }
#account-support .support-conversation-head .support-status-open,#account-support .support-conversation-head .support-status-in_progress,#account-support .support-conversation-head .support-status-waiting_customer,#account-support .support-conversation-head .support-status-resolved,#account-support .support-conversation-head .support-status-closed { border-color:rgba(255,255,255,.1)!important; color:#d5d7dc!important; background:#1b1d21!important; }
#account-support .support-conversation-meta { border-color:rgba(255,255,255,.08); color:#a0a4ac; background:#0c0d0f; }
#account-support .support-message>div { border-color:rgba(255,255,255,.09); border-radius:13px 13px 13px 4px; color:#e6e7ea; background:#1a1c20; }
#account-support .support-message.is-customer>div { border-color:rgba(255,255,255,.12); border-radius:13px 13px 4px 13px; background:#23262b; }
#account-support .support-message-avatar { border-color:rgba(255,255,255,.1); color:#dedfe3; background:#24262a; }
#account-support .support-message header { color:#e2e3e6; }
#account-support .support-message time { color:#8b8f97; }
#account-support .support-message p { color:#d0d2d6; }
#account-support .support-reply-form { grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
#account-support .support-reply-form textarea { min-height:88px; }
#account-support .support-reply-form .button-primary { min-height:43px; border-color:#f0f1f3; color:#111214; background:#f0f1f3; box-shadow:none; }
#account-support .support-closed-note { border-color:rgba(255,255,255,.08); color:#b5b8bf; background:#191b1f; }
@media(max-width:760px) {
  #account-support .account-view-heading { align-items:flex-start; }
  #account-support .support-ticket-row { min-height:220px; }
  #account-support .support-reply-form { grid-template-columns:1fr; }
  #account-support .support-reply-form .button-primary { width:100%; justify-content:center; }
}
@media(max-width:520px) {
  #account-support .account-view-heading { flex-direction:column; align-items:stretch; }
  #account-support .support-new-button { width:100%; justify-content:center; }
  #account-support .support-ticket-row { min-height:205px; }
  #account-support .support-create-card,#account-support .support-conversation { padding:17px; }
}

/* Keep native hidden states authoritative even on grid/flex support components. */
#account-support [hidden] { display:none!important; }

/* Support center follows the site's midnight-blue glass palette, not neutral black. */
#account-support .support-new-button { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .32); color:#eaf2ff; background:linear-gradient(135deg,var(--theme-raised, #263d60),var(--theme-panel, #172943)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(var(--theme-raised-rgb, 31, 75, 144), .18); }
#account-support .support-new-button:hover { border-color:rgba(var(--theme-accent-rgb, 145, 187, 255), .62); background:linear-gradient(135deg,var(--theme-raised, #304d76),var(--theme-panel, #1b3151)); }
#account-support .support-client-filters { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .13); background:rgba(var(--theme-base-rgb, 9, 17, 30), .76); }
#account-support .support-client-filters button.active { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .22); color:#e7efff; background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 120, 169, 255), .2),rgba(var(--theme-accent-rgb, 120, 169, 255), .08)); }
#account-support .support-client-filters button b { color:var(--theme-pale, #b9d2ff); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .13); }
#account-support .support-ticket-row { border-color:rgba(var(--theme-accent-rgb, 135, 177, 249), .18); color:#edf3ff; background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 18, 34, 57), .98),rgba(var(--theme-base-rgb, 9, 18, 33), .98)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(var(--theme-deep-rgb, 1, 7, 20), .16); }
#account-support .support-ticket-row:hover { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .42); background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 25, 46, 75), .98),rgba(var(--theme-base-rgb, 11, 23, 42), .98)); }
#account-support .support-ticket-icon { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .24); color:var(--theme-pale, #b9d5ff); background:linear-gradient(145deg,rgba(var(--theme-accent-rgb, 120, 169, 255), .2),rgba(var(--theme-raised-rgb, 32, 65, 112), .2)); }
#account-support .support-ticket-eyebrow { color:var(--theme-accent, #8ea9d0); }
#account-support .support-ticket-eyebrow i { color:var(--theme-muted, #57749f); }
#account-support .support-ticket-copy strong { color:#f0f5ff; }
#account-support .support-ticket-copy small { color:var(--theme-muted, #9aabc5); }
#account-support .support-ticket-meta i,#account-support .support-ticket-meta b { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .12); color:var(--theme-pale, #cad8ee); background:rgba(var(--theme-panel-rgb, 20, 35, 58), .85); }
#account-support .support-ticket-meta time { color:var(--theme-muted, #7890b1); }
#account-support .support-row-arrow { color:var(--theme-pale, #9fc2ff); }
#account-support .support-empty-state { border-color:rgba(var(--theme-accent-rgb, 135, 177, 249), .16); color:var(--theme-muted, #a4b6d1); background:radial-gradient(ellipse at 50% 0,rgba(var(--theme-accent-rgb, 82, 132, 214), .12),transparent 62%),linear-gradient(145deg,var(--theme-base, #101d31),var(--theme-base, #0b1424)); }
#account-support .support-empty-state>span { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .22); color:var(--theme-pale, #b9d5ff); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .12); }
#account-support .support-empty-state strong { color:#eef4ff; }
#account-support .support-empty-state p { color:var(--theme-muted, #8fa2bf); }
#account-support .support-create-card,#account-support .support-conversation { border-color:rgba(var(--theme-accent-rgb, 135, 177, 249), .22); color:#edf3ff; background:radial-gradient(ellipse at 0 0,rgba(var(--theme-strong-rgb, 72, 119, 202), .14),transparent 44%),linear-gradient(145deg,var(--theme-base, #101d32),var(--theme-base, #0a1425) 76%); box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 54px rgba(var(--theme-deep-rgb, 1, 6, 18), .24); }
#account-support .support-form-heading { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .14); }
#account-support .support-form-heading .eyebrow { color:var(--theme-accent, #8fb7ff); }
#account-support .support-form-heading h3,#account-support .support-conversation-head h3 { color:#f1f5ff; }
#account-support .support-form-heading p:last-child,#account-support .support-conversation-head small { color:var(--theme-muted, #8fa2bf); }
#account-support .support-back-button { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .18); color:var(--theme-pale, #c6d8f4); background:rgba(var(--theme-panel-rgb, 21, 37, 61), .88); }
#account-support .support-back-button:hover { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .45); color:#fff; background:rgba(var(--theme-raised-rgb, 37, 62, 99), .95); }
#account-support .support-category-choice { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .16); color:#eaf2ff; background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 21, 38, 63), .92),rgba(var(--theme-base-rgb, 13, 26, 45), .92)); }
#account-support .support-category-choice:hover { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .38); background:linear-gradient(145deg,rgba(var(--theme-panel-rgb, 30, 52, 84), .96),rgba(var(--theme-base-rgb, 15, 31, 54), .96)); }
#account-support .support-category-choice.is-selected { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .62); background:linear-gradient(145deg,rgba(var(--theme-raised-rgb, 49, 82, 132), .68),rgba(var(--theme-panel-rgb, 19, 40, 72), .96)); box-shadow:inset 0 0 0 1px rgba(var(--theme-pale-rgb, 153, 191, 255), .1),0 8px 24px rgba(var(--theme-strong-rgb, 40, 91, 168), .14); }
#account-support .support-category-choice>span { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .24); color:var(--theme-pale, #c8ddff); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .12); }
#account-support .support-category-choice>small { color:var(--theme-muted, #91a6c5); }
#account-support .support-create-card label,#account-support .support-priority-picker legend { color:#c4d3e9; }
#account-support .support-create-card input:not([type=radio]),#account-support .support-create-card select,#account-support .support-create-card textarea,#account-support .support-reply-form textarea { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .18); color:#eef4ff; background:var(--theme-base, #091426); }
#account-support .support-create-card input::placeholder,#account-support .support-create-card textarea::placeholder,#account-support .support-reply-form textarea::placeholder { color:var(--theme-muted, #7489a8); }
#account-support .support-create-card input:focus,#account-support .support-create-card select:focus,#account-support .support-create-card textarea:focus,#account-support .support-reply-form textarea:focus { border-color:var(--theme-accent, #83adf4); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 120, 169, 255), .12); }
#account-support .support-priority-picker label { border-color:rgba(142,170,216,.16); background:rgba(18,34,57,.78); }
#account-support .support-priority-picker label:has(input:checked) { border-color:rgba(120,169,255,.48); background:rgba(42,70,112,.55); }
#account-support .support-priority-picker b { color:#e6efff; }
#account-support .support-priority-picker small { color:#91a6c5; }
#account-support .support-form-footer { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .14); }
#account-support .support-form-footer p { color:var(--theme-muted, #8fa2bf); }
#account-support .support-form-footer .button-primary,#account-support .support-reply-form .button-primary { border-color:var(--theme-accent, #8db5ff); color:var(--theme-base, #071326); background:linear-gradient(135deg,var(--theme-pale, #a8c8ff),var(--theme-accent, #6e9ce9)); box-shadow:0 8px 22px rgba(var(--theme-strong-rgb, 66, 117, 202), .2); }
#account-support .support-form-footer .button-primary:hover,#account-support .support-reply-form .button-primary:hover { background:linear-gradient(135deg,var(--theme-pale, #bfd6ff),var(--theme-accent, #83adf4)); }
#account-support .support-conversation-meta { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .14); color:var(--theme-accent, #a7bbd9); background:rgba(var(--theme-base-rgb, 9, 20, 38), .8); }
#account-support .support-message>div { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .15); color:#e5efff; background:linear-gradient(145deg,var(--theme-panel, #14243c),var(--theme-base, #101d32)); }
#account-support .support-message.is-customer>div { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .23); background:linear-gradient(145deg,var(--theme-panel, #1b3152),var(--theme-panel, #142642)); }
#account-support .support-message-avatar { border-color:rgba(var(--theme-accent-rgb, 120, 169, 255), .2); color:var(--theme-pale, #c6dcff); background:rgba(var(--theme-accent-rgb, 120, 169, 255), .12); }
#account-support .support-message header { color:#e5efff; }
#account-support .support-message time { color:var(--theme-muted, #8298b7); }
#account-support .support-message p { color:var(--theme-pale, #c3d1e6); }
#account-support .support-closed-note { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .15); color:var(--theme-pale, #b7c8df); background:rgba(var(--theme-panel-rgb, 20, 35, 57), .8); }
#account-support .support-create-card select { appearance:none; padding-right:42px; background-image:linear-gradient(45deg,transparent 50%,var(--theme-accent, #9db9e3) 50%),linear-gradient(135deg,var(--theme-accent, #9db9e3) 50%,transparent 50%); background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
#account-support .support-create-card select option { color:#edf3ff; background:var(--theme-base, #101c30); }
#account-support .support-reply-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; width:100%; }
#account-support .support-close-ticket { min-height:43px; padding:0 15px; border:1px solid rgba(255,143,159,.24); border-radius:11px; color:#ffb1bc; background:rgba(130,39,61,.16); font:inherit; font-size:10px; font-weight:800; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
#account-support .support-close-ticket:hover { border-color:rgba(255,143,159,.48); background:rgba(130,39,61,.28); }
#account-support .support-image-preview { display:block; width:fit-content; max-width:min(100%,420px); margin-top:9px; overflow:hidden; border:1px solid rgba(var(--theme-accent-rgb, 120, 169, 255), .25); border-radius:12px; background:var(--theme-base, #071121); }
#account-support .support-image-preview img { display:block; max-width:100%; max-height:300px; object-fit:contain; }
#account-support .support-message a:not(.support-image-preview) { color:var(--theme-pale, #a8c8ff); text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
#account-support .support-message.is-system>div { border-style:dashed; border-color:rgba(var(--theme-accent-rgb, 112, 173, 255), .22); background:rgba(var(--theme-panel-rgb, 24, 47, 78), .48); }
.support-resolution-banner { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:13px; margin:16px 0 3px; padding:16px 18px; border:1px solid rgba(103,214,160,.27); border-radius:15px; background:radial-gradient(ellipse at 0 0,rgba(65,179,124,.14),transparent 58%),linear-gradient(135deg,rgba(13,42,39,.76),rgba(var(--theme-base-rgb, 11, 27, 39), .9)); }
.support-resolution-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(110,231,169,.3); border-radius:12px; color:#9aefbe; background:rgba(58,169,112,.17); font-size:18px; font-weight:900; }
.support-resolution-banner strong { color:#d9f8e6; font-size:12px; }
.support-resolution-banner p { margin:7px 0 0; color:#a7c8b7; font-size:11px; line-height:1.55; }
.support-resolution-banner p b { color:#b5f0ce; font-variant-numeric:tabular-nums; }
.support-resolution-banner small { display:block; margin-top:5px; color:#91aa9e; font-size:10px; line-height:1.55; }
#account-support .support-message.is-event>div { border-style:solid; border-color:rgba(103,214,160,.24); background:linear-gradient(135deg,rgba(28,70,61,.56),rgba(var(--theme-base-rgb, 14, 35, 42), .8)); }
#account-support .support-message.is-event .support-message-avatar { border-color:rgba(103,214,160,.3); color:#a5edc2; background:rgba(55,145,100,.18); }
#account-support .support-message.is-event header strong { color:#b5f0ce; }
#account-support .support-message.is-event-auto_closed>div,#account-support .support-message.is-event-customer_closed>div { border-color:rgba(var(--theme-accent-rgb, 142, 170, 216), .16); background:rgba(var(--theme-base-rgb, 16, 29, 48), .78); }
@media(max-width:520px) { #account-support .support-resolution-banner { grid-template-columns:34px minmax(0,1fr); gap:10px; padding:13px; }.support-resolution-icon { width:32px; height:32px; } }
@media(max-width:520px) { #account-support .support-reply-actions { display:grid; grid-template-columns:1fr; }.support-close-ticket { width:100%; } }
.support-mode-field { margin:0 0 16px; }
.support-mode-field[hidden] { display:none!important; }
.support-mode-field label { display:grid; gap:8px; color:var(--muted,var(--theme-muted, #9aaac4)); font-size:12px; font-weight:700; }
.support-mode-field select { width:100%; min-height:48px; padding:0 14px; border:1px solid rgba(var(--theme-accent-rgb, 133, 171, 236), .2); border-radius:12px; outline:none; color:var(--text,#edf3ff); background:linear-gradient(135deg,rgba(var(--theme-base-rgb, 18, 31, 52), .96),rgba(var(--theme-base-rgb, 10, 18, 32), .98)); font:inherit; }
.support-mode-field select:focus { border-color:var(--theme-accent, #83aaff); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb, 111, 157, 255), .12); }
.support-mode-field small { color:var(--theme-muted, #879ab6); font-size:10px; font-weight:500; line-height:1.5; }
.support-ticket-mode { display:inline-flex; align-items:center; width:max-content; margin:6px 0 0; padding:5px 9px; border:1px solid rgba(var(--theme-accent-rgb, 116, 171, 255), .2); border-radius:999px; color:var(--theme-pale, #b8d5ff); background:rgba(var(--theme-strong-rgb, 48, 91, 153), .16); font-size:10px; font-weight:750; }

/* Player support: brighter site-blue surfaces, clear card hierarchy, and a welcoming conversation. */
#account-support { position:relative; }
#account-support .account-view-heading {
  position:relative;
  isolation:isolate;
  min-height:142px;
  align-items:center;
  margin-bottom:23px;
  padding:25px 28px;
  overflow:hidden;
  border:1px solid rgba(var(--theme-accent-rgb, 124, 169, 245), .24);
  border-radius:20px;
  background:radial-gradient(ellipse at 8% 0%,rgba(var(--theme-accent-rgb, 71, 133, 230), .26),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(var(--theme-strong-rgb, 43, 101, 179), .15),transparent 45%),linear-gradient(115deg,var(--theme-panel, #12233b),var(--theme-base, #0c1729) 62%,var(--theme-base, #101c30));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 40px rgba(var(--theme-deep-rgb, 1, 8, 21), .18);
}
#account-support .account-view-heading::after { content:""; position:absolute; z-index:-1; top:-100px; right:20%; width:260px; height:220px; border:1px solid rgba(var(--theme-pale-rgb, 149, 190, 255), .09); border-radius:50%; box-shadow:0 0 0 22px rgba(var(--theme-pale-rgb, 149, 190, 255), .025),0 0 0 46px rgba(var(--theme-pale-rgb, 149, 190, 255), .018); pointer-events:none; }
#account-support .account-view-heading .eyebrow { color:var(--theme-pale, #9ec2ff); }
#account-support .account-view-heading h2 { font-size:clamp(34px,4vw,46px); letter-spacing:-.055em; }
#account-support .account-view-heading .account-lead { max-width:460px; color:var(--theme-muted, #a2b4d0); }
#account-support .support-new-button { border-color:#8fb6fb66; color:#f0f6ff; background:linear-gradient(135deg,var(--theme-strong, #385c91),var(--theme-raised, #203b63)); box-shadow:inset 0 1px #ffffff20,0 10px 24px #102f5b66; }
#account-support .support-new-button:hover { border-color:var(--theme-pale, #a9c9ff); background:linear-gradient(135deg,var(--theme-strong, #456da8),var(--theme-raised, #294a78)); box-shadow:inset 0 1px #ffffff28,0 12px 28px #173e756b; }
#account-support .support-client-filters { gap:8px; padding-bottom:12px; border-bottom-color:#91b4e51f; }
#account-support .support-client-filters button { min-height:40px; }
#account-support .support-client-filters button.active { box-shadow:inset 0 1px #ffffff0e; }
#account-support .support-client-list { grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:14px; }
#account-support .support-ticket-row {
  min-height:218px;
  grid-template-rows:42px auto 1fr auto;
  gap:12px;
  padding:18px;
  border-color:#81a9e52e;
  border-radius:17px;
  background:radial-gradient(ellipse at 100% 0,rgba(var(--theme-accent-rgb, 90, 143, 224), .13),transparent 46%),linear-gradient(145deg,var(--theme-panel, #14243b),var(--theme-base, #0e192a) 76%);
  box-shadow:inset 0 1px #ffffff08,0 12px 32px #02091755;
}
#account-support .support-ticket-row::before { content:""; position:absolute; top:0; left:18px; right:18px; height:1px; background:linear-gradient(90deg,transparent,#a8c9ff50,transparent); opacity:.7; }
#account-support .support-ticket-row:hover { transform:translateY(-3px); border-color:#90b9f77a; background:radial-gradient(ellipse at 100% 0,rgba(var(--theme-accent-rgb, 100, 157, 243), .2),transparent 48%),linear-gradient(145deg,var(--theme-panel, #1a304e),var(--theme-base, #101e33) 76%); box-shadow:inset 0 1px #ffffff10,0 18px 38px #02091777; }
#account-support .support-ticket-icon { border-color:#82adf045; color:var(--theme-pale, #c4dcff); background:linear-gradient(145deg,var(--theme-raised, #29476d),var(--theme-panel, #172b47)); box-shadow:inset 0 1px #ffffff12; }
#account-support .support-ticket-copy strong { font-size:15px; letter-spacing:-.02em; }
#account-support .support-ticket-copy small { color:var(--theme-muted, #a0b1ca); }
#account-support .support-ticket-meta i,#account-support .support-ticket-meta b { padding:5px 9px; }
#account-support .support-ticket-meta time { color:var(--theme-muted, #8298b8); }
#account-support .support-row-arrow { right:18px; bottom:15px; width:28px; height:28px; display:grid; place-items:center; border:1px solid #91b8ef30; border-radius:9px; color:var(--theme-pale, #b5d0fa); background:#29446966; transition:transform .18s ease,background .18s ease; }
#account-support .support-ticket-row:hover .support-row-arrow { transform:translate(2px,-2px); background:#345781aa; }
#account-support .support-empty-state { border-color:#81a9e52b; border-radius:18px; background:radial-gradient(ellipse at 50% 0,rgba(var(--theme-accent-rgb, 82, 132, 214), .17),transparent 62%),linear-gradient(145deg,var(--theme-panel, #122139),var(--theme-base, #0c1728)); }
#account-support .support-empty-state>span { border-radius:14px; box-shadow:0 0 24px #5d94e32e; }
#account-support .support-create-card,#account-support .support-conversation { border-color:#81a9e53b; border-radius:20px; background:radial-gradient(ellipse at 0 0,rgba(var(--theme-strong-rgb, 72, 119, 202), .19),transparent 45%),radial-gradient(ellipse at 100% 100%,rgba(var(--theme-strong-rgb, 44, 90, 157), .11),transparent 40%),linear-gradient(145deg,var(--theme-panel, #122139),var(--theme-base, #0b1627) 75%); box-shadow:inset 0 1px #ffffff09,0 24px 55px #02091770; }
#account-support .support-form-heading { border-bottom-color:#91b4e526; }
#account-support .support-form-heading .eyebrow { color:var(--theme-pale, #9fc2ff); }
#account-support .support-form-heading h3 { font-size:clamp(24px,3vw,30px); }
#account-support .support-category-choice { position:relative; min-height:118px; border-color:#83a9df2d; border-radius:15px; background:linear-gradient(145deg,var(--theme-panel, #172a44),var(--theme-base, #101d31)); box-shadow:inset 0 1px #ffffff07; }
#account-support .support-category-choice>span { width:36px; height:36px; border-radius:11px; color:var(--theme-pale, #c8ddff); background:linear-gradient(145deg,var(--theme-raised, #31547f),var(--theme-panel, #1b3558)); }
#account-support .support-category-choice.is-selected { border-color:var(--theme-accent, #91baff); background:linear-gradient(145deg,var(--theme-raised, #28466f),var(--theme-panel, #172d4c)); box-shadow:inset 0 1px #ffffff15,0 8px 22px #102c523b; }
#account-support .support-create-card input:not([type=radio]),#account-support .support-create-card select,#account-support .support-create-card textarea,#account-support .support-reply-form textarea { border-color:#7898c533; border-radius:12px; background:linear-gradient(145deg,var(--theme-base, #091526),var(--theme-base, #0b192c)); box-shadow:inset 0 2px 8px #02091655; }
#account-support .support-create-card input:focus,#account-support .support-create-card select:focus,#account-support .support-create-card textarea:focus,#account-support .support-reply-form textarea:focus { border-color:var(--theme-accent, #8eb7ff); box-shadow:0 0 0 3px #78a9ff20, inset 0 2px 8px #02091644; }
#account-support .support-priority-picker label { border-color:#83a9df2b; background:linear-gradient(145deg,#14243a,#101c2e); }
#account-support .support-priority-picker label:hover { border-color:#8eb7ff77; }
#account-support .support-priority-picker label:has(input:checked) { border-color:#8eb7ff9c; background:linear-gradient(135deg,#263f62,#172d4b); box-shadow:inset 0 1px #ffffff0c,0 6px 18px #0c244233; }
#account-support .support-form-footer { border-top-color:#91b4e526; }
#account-support .support-form-footer .button-primary,#account-support .support-reply-form .button-primary { color:var(--theme-base, #091426); background:linear-gradient(135deg,var(--theme-pale, #b4d0ff),var(--theme-accent, #78a5f2)); box-shadow:inset 0 1px #ffffff85,0 9px 22px #416dc242; }
#account-support .support-form-footer .button-primary:hover,#account-support .support-reply-form .button-primary:hover { background:linear-gradient(135deg,var(--theme-pale, #c9ddff),var(--theme-accent, #8ab3ff)); }
#account-support .support-conversation { padding:clamp(20px,3vw,32px); }
#account-support .support-conversation-head { align-items:center; margin:4px 0 18px; }
#account-support .support-conversation-head h3 { font-size:clamp(24px,3vw,32px); }
#account-support .support-conversation-head>span { padding:7px 11px; font-size:10px; }
#account-support .support-conversation-meta { justify-content:flex-start; flex-wrap:wrap; gap:9px; padding:12px 14px; border-radius:12px; background:linear-gradient(100deg,var(--theme-panel, #10213a),var(--theme-base, #0c192b)); }
#account-support .support-message-thread { max-height:min(58vh,680px); gap:17px; padding:23px 4px; }
#account-support .support-message { max-width:min(86%,720px); grid-template-columns:36px minmax(0,1fr); gap:11px; }
#account-support .support-message.is-customer { max-width:min(82%,680px); }
#account-support .support-message-avatar { width:34px; height:34px; border:1px solid #85afea40; border-radius:50%; background:linear-gradient(145deg,var(--theme-raised, #28466d),var(--theme-panel, #172a45)); box-shadow:0 4px 12px #02091755; }
#account-support .support-message>div { padding:15px 17px; border-color:#8daed128; border-radius:16px 16px 16px 5px; background:linear-gradient(145deg,var(--theme-panel, #192c46),var(--theme-panel, #122139)); box-shadow:0 9px 22px #02091744,inset 0 1px #ffffff08; }
#account-support .support-message.is-customer>div { border-color:#83b1fa52; border-radius:16px 16px 5px 16px; background:linear-gradient(145deg,var(--theme-raised, #294b75),var(--theme-panel, #1b3554)); }
#account-support .support-message header { font-size:11px; }
#account-support .support-message time { font-size:9px; }
#account-support .support-message p { color:var(--theme-pale, #d2def0); font-size:13px; line-height:1.72; }
#account-support .support-message a.support-attachment-link { display:inline-flex; align-items:center; gap:8px; max-width:100%; margin:3px 0 1px; padding:7px 11px; border:1px solid #8eb7ed42; border-radius:9px; color:var(--theme-pale, #c9deff); background:linear-gradient(110deg,#31547daa,#1b3554aa); font-size:11px; line-height:1.45; text-decoration:none; overflow-wrap:anywhere; }
#account-support .support-message a.support-attachment-link>span { color:var(--theme-pale, #9fc5ff); font-size:15px; }
#account-support .support-message a.support-attachment-link:hover { border-color:var(--theme-pale, #a9caff); background:#345a86cc; }
#account-support .support-message .support-image-preview { display:block; width:fit-content; max-width:min(100%,440px); margin-top:10px; padding:5px; border:1px solid #8eb7ed42; border-radius:12px; background:#081525aa; box-shadow:0 10px 24px #02091766; }
#account-support .support-message .support-image-preview img { display:block; max-width:100%; max-height:280px; border-radius:8px; }
#account-support .support-resolution-banner { border-color:#6ad39c55; box-shadow:inset 0 1px #ffffff0a,0 10px 24px #02091744; }
#account-support .support-reply-form { gap:12px; padding-top:18px; border-top-color:#8baed02b; }
#account-support .support-reply-form textarea { min-height:112px; padding:14px 15px; font-size:13px; line-height:1.6; }
#account-support .support-reply-actions { align-items:center; }
#account-support .support-reply-form .button-primary,#account-support .support-close-ticket { min-height:45px; border-radius:12px; padding-inline:17px; }
#account-support .support-close-ticket { border-color:#ff9aa143; background:linear-gradient(135deg,#652d4144,#3e203044); }
#account-support .support-close-ticket:hover { border-color:#ff9aa180; background:linear-gradient(135deg,#74334b66,#47243a66); }
#account-support .support-closed-note { padding:16px; border-color:#81a9e52b; border-radius:13px; background:linear-gradient(110deg,var(--theme-panel, #142641),var(--theme-base, #101d31)); }
@media(max-width:760px) {
  #account-support .account-view-heading { align-items:flex-start; padding:20px; }
  #account-support .account-view-heading::after { right:-90px; }
  #account-support .support-new-button { width:auto; }
  #account-support .support-ticket-row { min-height:204px; }
  #account-support .support-message { max-width:100%; }
  #account-support .support-message.is-customer { max-width:96%; }
  #account-support .support-conversation-head { align-items:flex-start; }
}
@media(max-width:520px) {
  #account-support .account-view-heading { min-height:0; padding:17px; border-radius:16px; }
  #account-support .account-view-heading h2 { font-size:31px; }
  #account-support .account-view-heading .account-lead { font-size:12px; }
  #account-support .support-new-button { width:100%; }
  #account-support .support-ticket-row { min-height:190px; }
  #account-support .support-conversation { padding:16px; }
  #account-support .support-conversation-head { flex-direction:column; gap:10px; }
  #account-support .support-message,.support-message.is-customer { max-width:100%; grid-template-columns:28px minmax(0,1fr); gap:7px; }
  #account-support .support-message-avatar { width:27px; height:27px; font-size:9px; }
  #account-support .support-message>div { padding:12px; }
  #account-support .support-message p { font-size:13px; }
  #account-support .support-message .support-image-preview { max-width:100%; }
  #account-support .support-message .support-image-preview img { max-height:210px; }
  #account-support .support-reply-actions { display:grid; grid-template-columns:1fr; }
  #account-support .support-reply-actions>* { width:100%; justify-content:center; }
}
@media(prefers-reduced-motion:reduce) {
  #account-support .support-ticket-row,#account-support .support-row-arrow,#account-support .support-new-button { transition:none; }
}
#account-support .support-message.is-event-priority_changed>div { border-style:solid; border-color:#8db8f65c; background:linear-gradient(135deg,#233e61,#172b44); }
#account-support .support-message.is-event-priority_changed header strong { color:#c2dcff; }

/* Support inbox refinement: scan tickets like a conversation list, not a wall of cards. */
#account-support .account-view-heading { min-height:124px; margin-bottom:20px; padding:22px 25px; }
#account-support .account-view-heading .account-lead { max-width:520px; font-size:14px; line-height:1.6; }
#account-support .support-new-button { min-height:48px; gap:10px; padding-inline:18px; font-size:13px; font-weight:750; }
#account-support .support-client-filters { width:fit-content; max-width:100%; gap:6px; margin-bottom:14px; padding:5px; border:1px solid rgba(var(--theme-accent-rgb, 142, 170, 216), .14); border-radius:13px; background:rgba(var(--theme-base-rgb, 9, 17, 30), .76); }
#account-support .support-client-filters button { min-height:40px; gap:8px; padding:0 14px; border-radius:9px; font-size:12px; font-weight:700; }
#account-support .support-client-filters button b { min-width:21px; height:21px; font-size:10px; }
#account-support .support-client-list { grid-template-columns:minmax(0,1fr); gap:8px; }
#account-support .support-ticket-row {
  min-height:94px;
  grid-template-columns:44px minmax(0,1fr) auto 28px;
  grid-template-rows:auto;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  border-radius:14px;
}
#account-support .support-ticket-row::before { left:15px; right:15px; }
#account-support .support-ticket-icon { grid-column:1; grid-row:1; width:42px; height:42px; }
#account-support .support-ticket-copy { grid-column:2; grid-row:1; min-width:0; gap:4px; }
#account-support .support-ticket-eyebrow { font-size:10px; }
#account-support .support-ticket-copy strong { font-size:14px; line-height:1.35; }
#account-support .support-ticket-copy small { font-size:11px; line-height:1.45; }
#account-support .support-ticket-meta { grid-column:3; grid-row:1; align-content:center; justify-content:flex-end; padding:0; }
#account-support .support-ticket-meta time { width:auto; margin:0 0 0 3px; white-space:nowrap; }
#account-support .support-row-arrow { position:static; grid-column:4; grid-row:1; width:30px; height:30px; }
#account-support .support-ticket-row:focus-visible,
#account-support .support-category-choice:focus-visible,
#account-support .support-client-filters button:focus-visible,
#account-support .support-new-button:focus-visible { outline:2px solid var(--theme-pale, #a8c8ff); outline-offset:3px; }
#account-support .support-create-card label { font-size:12px; }
#account-support .support-create-card input:not([type=radio]),#account-support .support-create-card select { min-height:48px; font-size:14px; }
#account-support .support-create-card textarea,#account-support .support-reply-form textarea { font-size:14px; line-height:1.6; }
#account-support .support-category-choice { min-height:112px; padding:16px; }
#account-support .support-category-choice>b { font-size:13px; }
#account-support .support-category-choice>small { font-size:11px; }
#account-support .support-priority-picker label { min-height:72px; }
#account-support .support-priority-picker b { font-size:12px; }
#account-support .support-priority-picker small { font-size:10px; }
#account-support .support-form-footer p { max-width:360px; font-size:11px; line-height:1.5; }
#account-support .support-message-thread { scroll-padding-block:18px; }
#account-support .support-message header { gap:12px; font-size:12px; }
#account-support .support-message time { font-size:10px; }
#account-support .support-message p { font-size:14px; }
#account-support .support-reply-form .support-reply-actions { display:flex; }
@media (max-width: 760px) {
  #account-support .account-view-heading { min-height:0; gap:15px; padding:19px; }
  #account-support .account-view-heading .account-lead { font-size:13px; }
  #account-support .support-new-button { width:auto; min-height:46px; }
  #account-support .support-ticket-row { min-height:92px; }
  #account-support .support-ticket-meta { justify-content:flex-start; }
  #account-support .support-ticket-meta time { width:100%; margin:1px 0 0; }
  #account-support .support-message-thread { max-height:58vh; }
}
@media (max-width: 560px) {
  #account-support .account-view-heading { align-items:stretch; padding:17px; }
  #account-support .support-new-button { width:100%; justify-content:center; }
  #account-support .support-client-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  #account-support .support-client-filters button { justify-content:center; padding-inline:5px; font-size:11px; }
  #account-support .support-ticket-row { grid-template-columns:38px minmax(0,1fr) 28px; grid-template-rows:auto auto; gap:8px 10px; min-height:0; padding:12px; }
  #account-support .support-ticket-icon { grid-column:1; grid-row:1; width:36px; height:36px; }
  #account-support .support-ticket-copy { grid-column:2; grid-row:1; }
  #account-support .support-ticket-copy strong { font-size:13px; }
  #account-support .support-ticket-copy small { -webkit-line-clamp:1; }
  #account-support .support-ticket-meta { grid-column:2; grid-row:2; justify-content:flex-start; gap:5px; }
  #account-support .support-ticket-meta time { width:auto; margin:0 0 0 2px; }
  #account-support .support-row-arrow { grid-column:3; grid-row:1 / 3; align-self:center; }
  #account-support .support-category-grid { gap:8px; }
  #account-support .support-category-choice { min-height:104px; padding:12px; }
  #account-support .support-priority-picker { grid-template-columns:1fr; }
  #account-support .support-priority-picker label { min-height:58px; }
  #account-support .support-form-footer { align-items:stretch; flex-direction:column; }
  #account-support .support-form-footer .button { width:100%; justify-content:center; }
  #account-support .support-reply-form .support-reply-actions { display:grid; grid-template-columns:1fr; }
  #account-support .support-reply-form .support-reply-actions>* { width:100%; justify-content:center; }
  #account-support .support-message-thread { max-height:55vh; }
}
@media (prefers-reduced-motion: reduce) {
  #account-support .support-ticket-row,#account-support .support-row-arrow,#account-support .support-new-button { transition:none!important; }
}
/* Messages written by the signed-in player follow chat direction: avatar on the right. */
#account-support .support-message.is-customer { grid-template-columns:minmax(0,1fr) 36px; }
#account-support .support-message.is-customer>div { grid-column:1; grid-row:1; }
#account-support .support-message.is-customer>.support-message-avatar { grid-column:2; grid-row:1; }
#account-support .support-message.is-system { grid-template-columns:28px minmax(0,1fr); }
@media (max-width:560px) {
  #account-support .support-message.is-customer { grid-template-columns:minmax(0,1fr) 28px; }
}
/* Visually separate the conversation canvas and keep its scrollbar quiet. */
#account-support .support-message-thread {
  padding:20px 14px;
  border:1px solid rgba(var(--theme-accent-rgb, 126, 166, 226), .13);
  border-radius:16px;
  background:radial-gradient(ellipse at 50% 0,rgba(var(--theme-strong-rgb, 54, 94, 151), .12),transparent 58%),linear-gradient(180deg,rgba(var(--theme-deep-rgb, 5, 13, 25), .56),rgba(var(--theme-base-rgb, 8, 17, 31), .78));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--theme-accent-rgb, 129, 164, 213), .42) transparent;
  overscroll-behavior:contain;
}
#account-support .support-message-thread::-webkit-scrollbar { width:5px; }
#account-support .support-message-thread::-webkit-scrollbar-track { margin-block:12px; background:transparent; }
#account-support .support-message-thread::-webkit-scrollbar-thumb { border-radius:99px; background:rgba(var(--theme-accent-rgb, 129, 164, 213), .34); }
#account-support .support-message-thread::-webkit-scrollbar-thumb:hover { background:rgba(var(--theme-accent-rgb, 154, 190, 241), .62); }
@media (max-width:560px) {
  #account-support .support-message-thread { padding:14px 9px; border-radius:13px; }
}
#account-support .support-order-field { display:grid; gap:7px; margin:8px 0 0; color:var(--theme-pale, #c3d3ed); font-size:12px; font-weight:600; }
#account-support .support-order-field small { color:var(--theme-muted, #8498b6); font-size:11px; font-weight:400; }
#account-support .support-order-field select { width:100%; min-height:44px; padding:10px 12px; border:1px solid #7898c544; border-radius:11px; color:#eef4ff; background:var(--theme-base, #091426); font:inherit; }
#account-support .support-order-field select:focus-visible { outline:2px solid var(--theme-accent, #87b1ff); outline-offset:2px; }