/* Clash Arena V2 — account: command-centre layout with side tabs (desktop) and a scrolling tab rail (touch) */
.v2-crest[data-size=sm]{--size:44px;border-width:1px}.v2-crest[data-size=xl]{--size:clamp(76px,10vw,110px)}
.v2-avatar-lg{width:52px;height:52px;border-radius:16px;font-size:1.15rem}
.v2-account{width:min(100% - 2*var(--v2-gutter),var(--v2-max));margin:clamp(20px,3vw,36px) auto clamp(30px,5vw,60px);display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--v2-gap);align-items:start}
.v2-account-side{position:sticky;top:calc(var(--v2-hud-h) + 16px);display:grid;gap:14px;padding:16px;border-radius:var(--v2-r-lg);background:var(--v2-mat-panel);border:1px solid var(--v2-stone-edge)}
.v2-account-person{display:flex;align-items:center;gap:12px;min-width:0}
.v2-account-person b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-account-person small{display:block;font-size:.85rem;color:var(--v2-text-3)}
.v2-account-tabs{display:grid;gap:4px}
.v2-account-tabs button{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border:1px solid transparent;border-radius:14px;background:none;color:var(--v2-text-2);font-weight:800;text-align:left}
.v2-account-tabs button img{width:26px;height:26px;object-fit:contain}
.v2-account-tabs button:hover{background:rgba(255,236,190,.06);color:var(--v2-text)}
.v2-account-tabs button[aria-selected=true]{background:linear-gradient(90deg,rgba(242,195,95,.2),rgba(242,195,95,.04));border-color:rgba(242,195,95,.45);color:var(--v2-gold-hi)}
.v2-badge{margin-left:auto;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:var(--v2-mat-danger);color:#fff;font:700 .86rem/1 var(--v2-display);font-style:normal}
.v2-account-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--v2-gap);min-width:0}
.v2-account-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--v2-gap);min-width:0}
.v2-account-panel[hidden]{display:none}
.v2-account-head h2{font-size:var(--v2-fs-h2);margin:6px 0}
.v2-account-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.v2-account-id h1{font-size:var(--v2-fs-h1);margin:4px 0 10px;overflow-wrap:anywhere}
.v2-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v2-gap)}
.v2-ownership-grid{align-items:start}
.v2-form{display:grid;gap:14px;align-content:start}
.v2-form>.v2-btn{justify-self:start}
.v2-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
.v2-disclosure{border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--v2-stone-line)}
.v2-disclosure summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;cursor:pointer;font-weight:800;color:var(--v2-gold-hi);list-style:none}
.v2-disclosure summary::-webkit-details-marker{display:none}
.v2-disclosure p{padding:0 14px 14px;color:var(--v2-text-2)}
.v2-dropzone{position:relative;display:grid;justify-items:center;gap:8px;padding:28px 16px;border-radius:20px;border:2px dashed rgba(242,195,95,.4);background:rgba(0,0,0,.25);text-align:center;cursor:pointer;transition:border-color var(--v2-fast),background var(--v2-fast)}
.v2-dropzone:hover,.v2-dropzone:focus-within{border-color:var(--v2-gold);background:rgba(242,195,95,.06)}
.v2-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.v2-dropzone small{color:var(--v2-text-3)}
.v2-artwork-preview{display:flex;align-items:center;gap:16px;padding:12px;border-radius:16px;background:rgba(0,0,0,.25)}
.v2-artwork-preview img{width:96px;height:96px;object-fit:cover;border-radius:16px;border:2px solid rgba(242,195,95,.5)}
.v2-artwork-preview small{display:block;color:var(--v2-text-3)}
.v2-country-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;background:rgba(0,0,0,.25)}
.v2-country-preview b{display:block;font-size:1.5rem;color:var(--v2-gold-hi)}
.v2-country-preview small{display:block;color:var(--v2-text-3)}
.v2-switch{align-items:flex-start}
.v2-switch input{flex:0 0 auto;position:relative}
.v2-switch>span{min-width:0}
.v2-rows li>img{width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.v2-rows li .v2-row-main{flex:1 1 160px}
/* Shared audio settings view, restyled */
.v2-sound-panel .arena-audio-game{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.v2-sound-panel .arena-audio-game h3{font:700 var(--v2-fs-h3)/1.1 var(--v2-display)}
.v2-sound-panel .arena-audio-game p{color:var(--v2-text-2)}
.v2-sound-panel .v2-audio-master,.v2-sound-panel .v2-audio-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid var(--v2-stone-line)}
.v2-sound-panel .v2-audio-master{border-color:rgba(242,195,95,.45)}
.v2-sound-panel label{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}
.v2-sound-panel label span b{display:block}.v2-sound-panel label span small{display:block;color:var(--v2-text-3);font-size:.9rem}
.v2-sound-panel input[type=checkbox]{appearance:none;flex:0 0 auto;position:relative;width:64px;height:34px;margin:0;border-radius:99px;border:2px solid #0d0906;background:#57514a;box-shadow:inset 0 3px 6px rgba(0,0,0,.5);cursor:pointer;transition:background var(--v2-mid)}
.v2-sound-panel input[type=checkbox]::before{content:"";position:absolute;top:-4px;left:-6px;width:38px;height:38px;border-radius:50%;border:2px solid #111;background:radial-gradient(circle at 50% 35%,#fff,#d9d6d0 70%) center/22px no-repeat;box-shadow:0 2px 0 rgba(0,0,0,.4);transition:transform var(--v2-mid) var(--v2-ease-pop)}
.v2-sound-panel input[type=checkbox]:checked{background:var(--v2-mat-go)}
.v2-sound-panel input[type=checkbox]:checked::before{transform:translateX(32px)}
.v2-sound-panel .v2-audio-options{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.v2-sound-panel [data-audio-preview]{min-height:40px;padding:0 14px;border-radius:12px;border:2px solid #0e0a07;background:linear-gradient(180deg,#3a2f25,#271f18);color:var(--v2-text);font:700 .9rem/1 var(--v2-display);box-shadow:0 3px 0 #0b0806}
.v2-sound-panel [data-audio-preview]:disabled{opacity:.4}
.v2-account-logout{display:grid;gap:10px}
@media (max-width:1023px){
  .v2-account{grid-template-columns:minmax(0,1fr)}
  .v2-account-side{position:static;padding:12px}
  .v2-account-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -4px;padding:0 4px}
  .v2-account-tabs::-webkit-scrollbar{display:none}
  .v2-account-tabs button{flex:0 0 auto;border-color:var(--v2-stone-line)}
  .v2-account-logout{display:flex;align-items:center;gap:12px}
  .v2-account-logout button{width:auto;flex:0 0 auto}
}
@media (max-width:760px){.v2-account-grid{grid-template-columns:minmax(0,1fr)}.v2-account-hero{grid-template-columns:auto minmax(0,1fr)}.v2-account-hero>.v2-btn{grid-column:1/-1}.v2-inline-form{grid-template-columns:minmax(0,1fr)}.v2-country-preview{grid-template-columns:minmax(0,1fr)}.v2-country-preview .v2-chip{grid-column:1/-1;justify-self:start}}
@media (max-width:420px){.v2-account-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.v2-account-hero .v2-profile-tag{justify-content:center}}
.v2-account .v2-combat-grid .v2-stat b{font-size:clamp(1.05rem,2.2vw,1.35rem)}

/* Settings area: one row of jump links to its sections (friends, country, privacy, sounds, support). */
.v2-account-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.v2-account-jumps .v2-chip{min-height:44px;padding-inline:14px;text-decoration:none;color:var(--v2-text)}
.v2-account-jumps .v2-chip:hover{border-color:rgba(242,195,95,.5);color:var(--v2-gold-hi)}
.v2-account-panel{scroll-margin-top:calc(var(--v2-hud-h) + 12px)}

/* Settings: compact disclosures and game-style music/effect controls. */
.v2-logout-hint{font-size:.8rem;line-height:1.5;margin:0}
.v2-support-panel{display:grid;gap:16px;align-content:start}
.v2-ticket-disclosure>form{padding:4px 16px 18px}
.v2-rewards-panel .v2-state{padding:20px 12px;min-height:0}
.v2-audio-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v2-audio-channel{min-width:0;padding:18px;border:1px solid var(--v2-stone-edge);border-radius:18px;background:rgba(0,0,0,.22)}
.v2-audio-channel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2-audio-channel-head label{font-size:var(--v2-fs-h3);line-height:1.3}
.v2-audio-channel-head output{font-size:1.15rem;color:var(--v2-gold-hi);white-space:nowrap}
.v2-audio-slider{display:flex;align-items:center;gap:8px;margin-block:14px;min-height:76px}
.v2-audio-mute{position:relative;flex:0 0 72px;width:72px;height:72px;border:0;border-radius:50%;padding:0;background:none;cursor:pointer}
.v2-audio-mute img{display:block;width:100%;height:100%}
.v2-audio-mute[aria-pressed=true] span{position:absolute;width:76%;height:10px;left:12%;top:44%;transform:rotate(35deg);border:2px solid #17120c;border-radius:5px;background:#eb4643;box-shadow:0 1px 0 #fff9}
.v2-audio-slider input[type=range]{--audio-level:3%;appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:26px;margin:0;border:3px solid #14110e;border-radius:9px;background:linear-gradient(90deg,#8bd83a var(--audio-level),#aaa9a1 var(--audio-level));box-shadow:inset 0 3px 2px #fffa,inset 0 -4px 3px #0004;cursor:pointer}
.v2-audio-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:38px;border:3px solid #17120c;border-radius:9px;background:linear-gradient(#fff,#dbded4);box-shadow:0 3px 0 #0006}
.v2-audio-slider input[type=range]::-moz-range-thumb{width:22px;height:32px;border:3px solid #17120c;border-radius:9px;background:linear-gradient(#fff,#dbded4);box-shadow:0 3px 0 #0006}
.v2-sound-panel .v2-audio-channel p{margin:0;font-size:.85rem;line-height:1.5}
.v2-audio-individual>.v2-audio-options{padding:0 14px 14px}
.v2-sound-panel .v2-audio-master{justify-content:flex-start}
.v2-sound-panel .v2-audio-master span{display:grid;gap:4px}
.v2-sound-panel .v2-audio-master small{color:var(--v2-text-3);font-size:.85rem}
.v2-sound-panel .arena-audio-game[hidden]{display:none}
@media(max-width:760px){.v2-audio-channels{grid-template-columns:minmax(0,1fr)}}