.account-page{position:relative;width:min(100% - 48px,960px);padding-top:44px;text-align:left}
.account-intro{margin-bottom:22px;text-align:center}
.account-intro>span{display:block;margin-bottom:7px;color:var(--muted2);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.account-intro h1{margin:0;font-family:Inter,sans-serif;font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.045em;text-transform:none}

.account-notifications{position:fixed;z-index:80;top:104px;right:24px;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.account-alert{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(18,8,12,.96);box-shadow:0 18px 48px rgba(0,0,0,.4);backdrop-filter:blur(14px);text-align:left;animation:account-toast 5.5s ease forwards}
.account-alert.is-error{border-color:rgba(255,77,109,.55)}
.account-alert.is-success{border-color:rgba(255,169,64,.5)}
@keyframes account-toast{0%{opacity:0;transform:translateX(18px)}6%,88%{opacity:1;transform:none}100%{opacity:0;visibility:hidden;transform:translateX(18px)}}
@keyframes account-toast-fade{0%,88%{opacity:1}100%{opacity:0;visibility:hidden}}

.account-auth{max-width:620px;margin-inline:auto;padding:0;border:1px solid var(--line);border-radius:14px;background:rgba(15,8,11,.84);box-shadow:0 28px 80px rgba(0,0,0,.32);overflow:hidden}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 24px;border-bottom:1px solid var(--line)}
.account-tabs a{min-height:58px;padding:19px 12px 16px;color:var(--muted);font-size:13px;font-weight:700;text-align:center;transition:color .18s ease,border-color .18s ease}
.account-tabs a.is-active{color:var(--text);border-bottom:2px solid var(--accent,#ff4d6d)}
.account-auth-head{padding:30px 32px 24px;text-align:left}
.account-auth h2{margin:0;font-family:Inter,sans-serif;font-size:26px;font-weight:750;letter-spacing:-.025em;text-transform:none}
.account-auth p{margin:10px 0 0;max-width:390px;color:var(--muted);font-size:13px;line-height:1.55}
.account-form{display:grid;gap:18px;padding:0 32px 32px}
.account-form .field{display:grid;gap:8px}
.account-form .field span{color:var(--muted);font-size:13px;font-weight:600}

.account-form input,
.account-inline-form input,
.account-promo-inline input,
.account-promo-form input{
  width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;
  background:#0b0709;color:var(--text);padding:0 14px;font:inherit;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.account-form input:hover,.account-inline-form input:hover{border-color:var(--line-hi)}
.account-form input:focus,.account-inline-form input:focus,.account-promo-inline input:focus{
  outline:0;border-color:var(--accent-ring);box-shadow:0 0 0 4px var(--accent-soft);background:#0e0809
}
.account-form input.is-invalid,.account-inline-form input.is-invalid,.account-promo-inline input.is-invalid{
  border-color:rgba(255,77,109,.85)!important;box-shadow:0 0 0 4px rgba(255,77,109,.25)!important;background:rgba(30,10,16,.9)!important
}
.account-form .btn-primary,.account-form .btn-ghost{min-height:52px;justify-content:center}
.account-forgot-link{justify-self:end;margin:-8px 0 -2px;color:#c8c6d1;font-size:12px;text-decoration:underline;text-underline-offset:3px;transition:color .18s ease}
.account-forgot-link:hover{color:#fff}
.account-text-link{justify-self:center;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.account-text-link:hover{color:#fff}
.account-form>.cf-turnstile{justify-self:center;max-width:100%;overflow:hidden;border-radius:7px}
.cf-turnstile{margin:0}

.account-oauth-login{padding:0 32px 32px;text-align:center}
.account-oauth-login>span{display:flex;align-items:center;gap:12px;color:var(--muted2);font-size:11px}
.account-oauth-login>span::before,.account-oauth-login>span::after{content:"";height:1px;flex:1;background:var(--line)}
.account-oauth-login>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.account-oauth-login form,.account-oauth-login button{width:100%}
.account-oauth-login button{justify-content:center}

.account-provider-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:11px!important;text-align:left!important}
.account-provider-button img{width:28px;height:28px;flex:0 0 28px;object-fit:contain}
.account-provider-button>span{display:grid;gap:2px}
.account-provider-button span{font-weight:800}
.account-provider-button small{color:var(--muted2);font-size:10px}
.account-oauth-login .account-provider-button{justify-content:center!important}
.account-oauth-login .account-provider-button img{width:24px;height:24px;flex-basis:24px}

.account-totp-field{min-width:0;margin:0;padding:0;border:0}
.account-totp-field legend{margin-bottom:8px;font-size:12px;font-weight:600}
.account-totp{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;letter-spacing:normal}
.account-form .account-totp input{min-width:0;padding:0;text-align:center;font-size:22px!important;font-weight:800!important;letter-spacing:normal;font-variant-numeric:tabular-nums}
.account-trust-device{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;user-select:none;transition:color .18s ease}
.account-trust-device:hover{color:var(--text)}
.account-trust-device input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 24px;box-sizing:border-box;aspect-ratio:1;padding:0!important;margin:0;border:1.5px solid var(--line-hi);border-radius:7px;background:rgba(12,6,9,.8);cursor:pointer;position:relative;display:grid;place-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.account-trust-device input[type="checkbox"]:hover{border-color:rgba(255,255,255,.35);background:rgba(22,12,17,.9);box-shadow:0 0 12px rgba(255,138,104,.15)}
.account-trust-device input[type="checkbox"]:focus-visible{outline:none;border-color:var(--accent,#ff4d6d);box-shadow:0 0 0 4px rgba(255,138,104,.25)}
.account-trust-device input[type="checkbox"]::before{content:"";width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0) translateY(-1px);transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}
.account-trust-device input[type="checkbox"]:checked{background:linear-gradient(135deg,#ff8a68 0%,#ff5252 100%);border-color:#ff8a68;box-shadow:0 2px 10px rgba(255,138,104,.4)}
.account-trust-device input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1) translateY(-1px)}

.account-profile{padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));backdrop-filter:blur(6px)}
.account-profile-head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:28px}

.account-skin-wrap{width:120px;flex:0 0 120px}
.account-skin-wrap .skin-preview-container{position:relative;width:120px;height:200px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.account-skin-wrap .skin-preview-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s ease}
.account-skin-wrap .skin-preview-container.skin-ready .skin-preview-fallback{opacity:0;pointer-events:none}
.account-skin-wrap .skin-3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab}
.account-skin-wrap .skin-3d-canvas:active{cursor:grabbing}
.account-skin-wrap [data-skin-static] .skin-3d-canvas{cursor:default;pointer-events:none}

.account-identity{min-width:0}
.account-player-name{margin:6px 0 8px;font-family:Inter,sans-serif;font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-.035em;text-transform:none}
.account-uuid{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted2);font-size:13px}
.account-uuid span{font-size:10px;font-weight:800;letter-spacing:.12em}
.account-uuid code{overflow-wrap:anywhere;color:var(--muted);font-size:12px}
.account-logout{flex:0 0 auto}

.account-quick-stats{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0 0;padding:0}
.account-quick-stats>div{display:grid;gap:4px}
.account-quick-stats dt{color:var(--muted2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.account-quick-stats dd{margin:0;color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:700}
.account-discord-linked{color:#fff}

.account-tab-nav{
  position:relative;display:flex;gap:2px;
  margin-top:20px;padding:0;
  border-bottom:1px solid var(--line);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none
}
.account-tab-nav::-webkit-scrollbar{display:none}
.account-tab{
  position:relative;display:flex;align-items:center;gap:8px;
  min-height:56px;padding:14px 20px;
  border:0;background:none;color:var(--muted);
  font:inherit;font-size:14px;font-weight:700;
  cursor:pointer;white-space:nowrap;
  transition:color .2s ease
}
.account-tab:hover{color:var(--text)}
.account-tab.is-active{color:var(--text)}
.account-tab svg{
  width:18px;height:18px;flex:0 0 18px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  opacity:.6;transition:opacity .2s ease
}
.account-tab.is-active svg{opacity:1}

.account-tab-indicator{
  position:absolute;bottom:-1px;left:0;height:2px;
  background:linear-gradient(90deg,#ff4d6d,#ffa940);
  border-radius:2px 2px 0 0;
  transform:translateX(0);will-change:transform,width;
  transition:transform .28s cubic-bezier(.16,1,.3,1),width .28s cubic-bezier(.16,1,.3,1)
}

.account-tab-panels{margin-top:24px}
.account-tab-panel{animation:account-panel-in .35s ease}
.account-tab-panel[hidden]{display:none}
@keyframes account-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.account-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.account-card{
  padding:24px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  transition:border-color .2s ease
}
.account-card:hover{border-color:var(--line-hi)}
.account-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.account-card-kicker{color:var(--muted2);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.account-balance-card{display:grid;align-content:center}
.account-balance-card header{display:grid;justify-content:start;gap:8px;margin:0}
.account-balance-display{font-family:Inter,sans-serif;font-size:clamp(32px,4vw,42px);font-weight:800;letter-spacing:-.03em;white-space:nowrap;background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.account-promo-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0}
.account-promo-inline label{display:grid;gap:6px}
.account-promo-inline label>span{color:var(--muted);font-size:12px;font-weight:700}
.account-promo-inline .btn-primary{min-height:52px;min-width:150px;padding-inline:22px}

.account-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease}
.account-list-row:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045)}
.account-list-icon{width:24px;height:24px;object-fit:contain;justify-self:center}

.account-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}
.account-badge.is-icon{width:28px;height:28px;padding:0}
.account-badge.is-ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35);color:#86efac}
.account-badge.is-warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35);color:#fde047}
.account-badge.is-off{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:var(--muted2)}
.account-badge.is-accent{border-color:rgba(255,138,104,.2);background:rgba(255,138,104,.07);color:#ffc0ad}
.account-badge.is-promo{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.35);color:#d8b4fe}
.account-badge.is-purchase{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.35);color:#93c5fd}
.account-badge.is-deposit,.account-badge.is-topup{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35);color:#86efac}
.account-badge.is-refund{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35);color:#fde047}

.account-service-list{display:grid;gap:10px}
.account-service-icon{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-service-info{display:grid;gap:2px;min-width:0}
.account-service-info strong{font-size:13px;font-weight:700}
.account-service-info span{color:var(--muted);font-size:11px}

.account-recent-list{display:grid;gap:8px}
.account-tab-link{background:none;border:0;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .18s ease}
.account-tab-link:hover{color:var(--text)}

.account-sessions-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.account-session-stat{display:grid;place-items:center;gap:6px;padding:18px 12px;background:rgba(14,8,11,.96);text-align:center}
.account-session-count{font-family:Inter,sans-serif;font-size:24px;font-weight:800;color:var(--text)}
.account-session-stat>span:last-child{color:var(--muted);font-size:11px;font-weight:600}

.account-panel{padding:0}
.account-panel header{padding:0 0 22px}
.account-panel h2{font-family:Inter,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.025em;text-transform:none}
.account-panel header p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.5}

.account-security-head{padding-bottom:22px}
.account-security-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.account-security-copy h3{font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.02em;text-transform:none}
.account-security-copy p{margin:7px 0 0;color:var(--muted);font-size:13px}
.account-security-row>.account-setting-toggle,.account-security-row>.account-settings-action{justify-self:end;margin:0}
.account-security-row>.account-disclosure-body,.account-security-row>.account-2fa-setup{grid-column:1/-1;width:100%}
.account-security-row>.account-settings-action .btn-primary{min-width:150px}
.account-setting-toggle{cursor:pointer;margin-top:0}

.account-disclosure-body{
  display:grid;grid-template-rows:0fr;opacity:0;
  transform:translateY(-4px);overflow:hidden;
  transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1)
}
.account-disclosure-body.is-open,.account-disclosure-visible{
  grid-template-rows:1fr;opacity:1;transform:none
}
.account-disclosure-body[hidden]{display:none}
.account-disclosure-inner{min-height:0;overflow:hidden}

.account-inline-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);margin-top:2px}
.account-inline-form label{display:grid;gap:7px}
.account-inline-form label>span{font-size:12px;font-weight:700;color:var(--muted)}
.account-inline-form .btn-primary{min-height:46px;justify-content:center;justify-self:start}
.account-password-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-password-grid .btn-primary{grid-column:1/-1;justify-self:start}

.account-provider-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.account-provider-actions form{min-width:180px}
.account-provider-actions button{width:100%;min-height:52px;align-items:flex-start;flex-direction:column;gap:2px;text-align:left}

.account-2fa-setup{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);grid-column:1/-1}
.account-2fa-setup p{width:100%;margin:0;color:var(--muted);font-size:13px}
.account-2fa-setup code{padding:9px 12px;border-radius:7px;background:#0b0709;color:var(--text);font-size:13px;letter-spacing:.08em;overflow-wrap:anywhere}
.account-2fa-setup .btn-ghost{min-height:40px}

.account-access-disclosures{margin-top:20px;border-top:1px solid var(--line)}
.account-access-disclosures details{border-bottom:1px solid var(--line)}
.account-access-disclosures summary{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:76px;padding:16px 48px 16px 12px;cursor:pointer;list-style:none;
  border-radius:8px;user-select:none;-webkit-user-select:none;
  transition:color .18s ease,background .18s ease
}
.account-access-disclosures summary::-webkit-details-marker{display:none}
.account-access-disclosures summary::after{content:"";position:absolute;right:18px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .18s ease}
.account-access-disclosures details.is-expanded summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.account-access-disclosures summary:hover{color:#fff;background:rgba(255,255,255,.026)}
.account-access-disclosures summary:hover::after{border-color:#fff}
.account-access-disclosures summary:focus-visible{outline:2px solid var(--accent,#ff4d6d);outline-offset:2px}
.account-access-disclosures summary>span:first-child{display:grid;gap:6px}
.account-access-disclosures summary strong{font-family:Inter,sans-serif;font-size:17px}
.account-access-disclosures summary small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}
.account-disclosure-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border:1px solid var(--line-hi);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;font-weight:800}

.account-access-motion{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.account-access-disclosures details:not([data-enhanced])[open]>.account-access-motion,
.account-access-disclosures details.is-expanded>.account-access-motion{grid-template-rows:1fr;opacity:1;transform:none}
.account-access-content{min-height:0;overflow:hidden;padding:0 12px 18px}
.account-access-content .account-empty{min-height:96px;margin-top:0}

.account-client-list{display:grid;gap:9px}
.account-client-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,138,104,.18);border-radius:10px;background:rgba(255,138,104,.07);color:#ff9b7d}
.account-client-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-client-main{min-width:0}
.account-client-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.account-client-title strong{overflow-wrap:anywhere;font-family:Inter,sans-serif;font-size:14px}
.account-client-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:10px 0 0}
.account-client-meta>div{display:grid;gap:3px}
.account-client-meta dt{color:var(--muted2);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.account-client-meta dd{margin:0;color:var(--muted);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.account-list-row.is-client>.account-client-main+form .btn-ghost{min-height:38px;padding-inline:16px}

.account-empty,.account-empty-mini{display:grid;place-content:center;min-height:120px;padding:24px;border:1px dashed var(--line-hi);border-radius:10px;text-align:center}
.account-empty strong,.account-empty-mini strong{font-size:14px}
.account-empty p,.account-empty-mini p{margin:6px 0 0;color:var(--muted2);font-size:12px}
.account-empty p:only-child,.account-empty-mini p:only-child{margin:0}
.account-table-wrap{margin-top:18px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:rgba(12,6,9,.4)}
.account-table-wrap table{min-width:500px;width:100%;border-collapse:separate;border-spacing:0}
.account-table-wrap th,.account-table-wrap td{padding:14px 16px;font-size:12px}
.account-table-wrap th{letter-spacing:.08em;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line);color:var(--muted2);font-weight:800;text-transform:uppercase}
.account-table-wrap td{border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.account-table-wrap tbody tr:last-child td{border-bottom:none}
.account-table-wrap tbody tr{transition:background .15s ease}
.account-table-wrap tbody tr:hover{background:rgba(255,255,255,.03)}

.tx-amount{font-family:Inter,sans-serif;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}
.tx-amount.is-positive{color:#4cd964}
.tx-amount.is-negative{color:var(--text);opacity:.9}
.tx-date{color:var(--muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

@media(max-width:760px){
  .account-page{width:min(100% - 32px,960px);padding-top:34px}
  .account-intro{margin-bottom:18px}
  .account-notifications{top:86px;right:16px}

  .account-auth-head{padding:26px 24px 20px}
  .account-form{padding:0 24px 26px}
  .account-oauth-login{padding:0 24px 26px}

  .account-profile{padding:22px}
  .account-profile-head{grid-template-columns:auto 1fr;gap:18px}
  .account-logout{grid-column:1/-1}
  .account-logout .btn-ghost{width:100%;justify-content:center}
  .account-skin-wrap{width:90px;flex-basis:90px}
  .account-skin-wrap .skin-preview-container{width:90px;height:150px}
  .account-quick-stats{gap:16px}

  .account-tab{padding:12px 16px;font-size:13px}
  .account-tab svg{width:16px;height:16px}

  .account-overview-grid{grid-template-columns:1fr}
  .account-promo-inline{grid-template-columns:1fr}
  .account-promo-inline .btn-primary{width:100%}

  .account-security-row{grid-template-columns:1fr;gap:14px}
  .account-security-row>.account-setting-toggle,.account-security-row>.account-settings-action{justify-self:stretch;width:100%}
  .account-security-row>.account-settings-action .btn-primary{width:100%}
  .account-password-grid{grid-template-columns:1fr}
  .account-password-grid .btn-primary{grid-column:auto;justify-self:stretch}
  .account-provider-actions{display:grid;justify-content:stretch}
  .account-provider-actions form{min-width:0}

  .account-access-disclosures summary{min-height:72px;padding:14px 42px 14px 8px}
  .account-disclosure-count{display:none}
  .account-access-content{padding-inline:8px}
  .account-list-row.is-client{grid-template-columns:38px minmax(0,1fr);padding:13px}
  .account-client-icon{width:38px;height:38px}
  .account-list-row.is-client>form{grid-column:1/-1}
  .account-list-row.is-client>form .btn-ghost{width:100%;justify-content:center}
  .account-client-meta{gap:12px 18px}

  .account-sessions-summary{grid-template-columns:1fr}
}

@media(max-width:480px){
  .account-page{width:min(100% - 24px,960px)}
  .account-tabs{padding-inline:14px}
  .account-auth-head{padding:24px 18px 18px}
  .account-form{padding:0 18px 22px}
  .account-oauth-login{padding:0 18px 22px}
  .account-oauth-login>div{grid-template-columns:1fr}
  .account-profile-head{grid-template-columns:1fr;text-align:center;justify-items:center}
  .account-skin-wrap{width:100px;flex-basis:auto}
  .account-skin-wrap .skin-preview-container{width:100px;height:170px}
  .account-uuid{align-items:flex-start;flex-direction:column;gap:4px}
  .account-totp{gap:6px}
  .account-form .account-totp input{min-height:44px}
  .account-list-row.is-transaction{grid-template-columns:auto minmax(0,1fr)}
  .account-list-row.is-transaction .tx-date{grid-column:1/-1;justify-self:end}
}

@media(prefers-reduced-motion:reduce){
  .account-alert{animation-name:account-toast-fade}
  .account-access-motion,.account-access-disclosures summary::after,.account-disclosure-body,.account-tab-indicator,.account-tab-panel{transition:none!important;animation:none!important}
}