:root{color-scheme:dark;--ink:#f2eadf;--gold:#e5c07b;--muted:#a6b6ce;--edge:#485873;--surface:#172437}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0,#34455d 0,transparent 38%),#0b1320;color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}.shell{max-width:1050px;margin:auto;padding:36px 22px}header{margin-bottom:20px}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:3px}h1,h2{font-family:Georgia,serif;color:#f7dab0}h1{font-size:clamp(32px,6vw,54px);margin:5px 0}h2{font-size:25px;margin:0 0 12px}p{color:var(--muted);margin:8px 0 15px}#status{background:#24344a;border:1px solid var(--edge);border-radius:10px;padding:12px 16px;margin:18px 0;white-space:pre-wrap}#status.error{border-color:#c97b78;color:#ffe0d7}#status.success{border-color:#7dbaa4;color:#c7f7e9}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:24px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(165deg,#203149,#121b2a);margin-bottom:20px;box-shadow:0 15px 34px #0006}form{display:grid;gap:12px;margin:14px 0}label{display:grid;gap:6px;font-size:13px;font-weight:650}input,select{padding:12px 13px;border-radius:9px;border:1px solid #758198;background:#0d1828;color:white;font-size:15px;width:100%}button,a{font:inherit}button{padding:11px 14px;background:#e6c48a;color:#121b27;border:1px solid #dbbb81;border-radius:9px;font-weight:800;cursor:pointer}button.secondary{background:#263954;color:#f3e0bf}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--gold)}:focus-visible{outline:2px solid #f6d58c;outline-offset:2px}.fine,small{color:#9fafc3;font-size:12px}.game-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.game-modes>div{display:flex;flex-direction:column;align-items:start;gap:10px;border:1px solid #455773;background:#102137;border-radius:9px;padding:16px}.game-modes strong{font-size:15px}.game-modes button{font-size:12px}footer{color:#889db3;border-top:1px solid #33445b;padding:20px 0;font-size:12px}@media(max-width:750px){.panels,.game-modes{grid-template-columns:1fr}.shell{padding:22px 12px}.panel{padding:17px}}[hidden]{display:none!important}
.saved-deck{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #405575;border-radius:8px;padding:10px;margin:8px 0;font-size:13px;flex-wrap:wrap}

/* BALANDIR Account Beta dashboard — original CSS art, no external images. */
:root{--gold:#e6c48a;--edge:#42536c;--muted:#b0bdd2}
body{background:radial-gradient(ellipse 80% 55% at 12% -10%,#31496966,transparent 70%),radial-gradient(ellipse 65% 35% at 90% 15%,#2a304a55,transparent 75%),#0b1320}
.shell{max-width:1170px;padding:30px 24px 52px}
.masthead{border-bottom:1px solid #3a4960;margin-bottom:20px;padding-bottom:26px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff19;padding:0 0 24px}
.brand{display:flex;align-items:center;gap:12px;color:#f7dab0;text-decoration:none;font-family:Georgia,serif;font-size:19px;font-weight:800;letter-spacing:2px}
.brand small{display:block;font:700 10px system-ui,sans-serif;color:#a8b5c9;letter-spacing:2.5px}
.brand-glyph{width:42px;height:42px;border:1px solid #e6c48a;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#253a52,#0e1622);color:#f5d9a5;font-size:29px}
.beta-label{border:1px solid #ad9159;color:#efd39d;border-radius:40px;font-size:10px;font-weight:800;letter-spacing:2px;padding:8px 12px}
.hero-text{padding:35px 0 9px;max-width:780px}.hero-text h1{line-height:1.1;letter-spacing:-1.5px}.hero-text h1 em{font-style:normal;color:#e5c07b}
.hero-text p{font-size:16px;max-width:670px}
.account-panel{padding:0 27px 30px}
.dashboard-nav{display:flex;gap:5px;overflow-x:auto;padding:16px 0 14px;border-bottom:1px solid #ffffff24;margin-bottom:22px;scrollbar-width:thin}
.dashboard-nav a{color:#c4d0e1;text-decoration:none;white-space:nowrap;padding:9px 13px;border-radius:8px;font-size:13px;font-weight:750}
.dashboard-nav a:hover,.dashboard-nav a:focus-visible{background:#2f4361;color:#ffe1a9}
.player-overview{display:flex;align-items:center;gap:25px;padding:15px 0 25px}.overview-copy h2{font-size:clamp(24px,3vw,35px);margin:1px 0 5px}.overview-copy p{margin:4px 0}.account-bio{color:#e0c5a7;white-space:pre-wrap;overflow-wrap:anywhere}
.avatar-portrait{flex:none;width:105px;height:105px;display:grid;place-items:center;border:2px solid #d9b778;border-radius:22px;box-shadow:0 0 0 5px #d9b77819,0 15px 24px #0008;font:700 54px Georgia,serif;color:#fff4d8;text-shadow:0 4px 16px #0009;background:linear-gradient(145deg,#607897,#182c46);position:relative;overflow:hidden}
.avatar-portrait:before{content:"";position:absolute;inset:7px;border:1px solid #ffffff40;border-radius:16px;pointer-events:none;transform:rotate(0)}
.avatar-portrait span{position:relative}
.avatar-portrait[data-faction="nordheim"]{background:linear-gradient(145deg,#6c96b0,#172d49)}
.avatar-portrait[data-faction="ignaris"]{background:linear-gradient(145deg,#d47645,#4e1e20)}
.avatar-portrait[data-faction="sylvaris"]{background:linear-gradient(145deg,#72a184,#143f38)}
.avatar-portrait[data-faction="nocthar"]{background:linear-gradient(145deg,#796eab,#201632)}
.avatar-portrait[data-faction="aetherion"]{background:linear-gradient(145deg,#7c9db8,#363f80)}
.avatar-portrait[data-faction="ferrum"]{background:linear-gradient(145deg,#a7a4a1,#3b464e)}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.dashboard-stats div{display:grid;gap:3px;padding:17px 18px;background:#101e32;border:1px solid #40516d;border-radius:12px}
.dashboard-stats strong{font:700 27px Georgia,serif;color:#f5d6a2}
.dashboard-stats span{font-size:12px;color:#afbed3}
.dashboard-section{padding:26px 0 28px;border-top:1px solid #ffffff22;scroll-margin-top:15px}.dashboard-section h2{margin:4px 0 14px}
.profile-editor{display:flex;gap:22px;align-items:center}.profile-editor label{flex:1}
.avatar-preview{width:72px;height:72px;border-radius:17px;font-size:40px}.avatar-preview:before{border-radius:10px}
#profileSettingsForm textarea{width:100%;padding:12px 13px;border-radius:9px;border:1px solid #758198;background:#0d1828;color:white;font:inherit;resize:vertical;min-height:80px}
#bioCounter{text-align:right}
.planned-feature{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px dashed #68768e;border-radius:11px;padding:18px;color:#f1d2a1;background:#17263b}
.planned-feature span{font-size:12px;color:#aebcce}
.accessory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.accessory-grid>div{border:1px solid #4c5e78;background:linear-gradient(160deg,#20314a,#111d2f);border-radius:11px;padding:20px 12px;display:grid;gap:8px;text-align:center}
.accessory-grid span{font-size:30px;color:#e3bf87;line-height:1.2}.accessory-grid strong{font-size:13px}.accessory-grid small{font-size:11px}
#signout{margin-top:16px}
@media(max-width:750px){.shell{padding:14px 12px 45px}.topbar{padding-bottom:14px}.hero-text{padding:28px 0 4px}.account-panel{padding:0 15px 22px}.player-overview{gap:15px;align-items:start}.avatar-portrait{height:76px;width:76px;border-radius:16px;font-size:41px}.avatar-portrait:before{border-radius:10px}.dashboard-stats{gap:7px}.dashboard-stats div{padding:11px 9px}.dashboard-stats strong{font-size:21px}.dashboard-stats span{font-size:10px}.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor .avatar-portrait{height:65px;width:65px;font-size:35px}.planned-feature{flex-direction:column;align-items:start}}
@media(max-width:430px){.brand{font-size:15px}.brand small{font-size:8px}.beta-label{font-size:9px;padding:7px}.overview-copy h2{font-size:23px}}

/* Interactive Edition-I deckbuilder */
.deckbuilder{border:1px solid #6c7590;border-radius:12px;background:#111f33;margin:23px 0;padding:0 17px}
.deckbuilder>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:17px 6px;font-weight:800;color:#f2d29b}
.deckbuilder>summary::-webkit-details-marker{display:none}
.deckbuilder>summary:after{content:"+";font-size:24px;margin-left:auto}
.deckbuilder[open]>summary:after{content:"−"}
.deckbuilder>summary small{font-weight:500;white-space:nowrap}
.deckbuilder-fields{display:grid;grid-template-columns:2fr 1fr 1.8fr;gap:14px}
.deckbuilder-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#edce99}
#deckBuilderCount{color:#f7dab0;font-size:20px}
.deckbuilder-cards{max-height:470px;overflow:auto;border:1px solid #425773;border-radius:9px;margin-bottom:12px;background:#0f1c30}
.deckbuilder-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #344b67;padding:10px 13px}
.deckbuilder-card:last-child{border-bottom:0}
.deckbuilder-card-details{display:grid;gap:2px;min-width:0}
.deckbuilder-card-details strong{font-size:13px;overflow-wrap:anywhere}
.deckbuilder-card-details small{font-size:11px}
.deckbuilder-actions{display:flex;align-items:center;gap:7px}
.deckbuilder-actions button{width:34px;height:34px;display:grid;place-items:center;padding:0}
.deckbuilder-actions span{min-width:20px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
#saveCustomDeck{width:100%;margin-bottom:10px}
#deckPanel>h3{margin:22px 0 10px;color:#f5d8ad;font:700 19px Georgia,serif}
@media(max-width:750px){.deckbuilder-fields{grid-template-columns:1fr}.deckbuilder>summary{flex-wrap:wrap}.deckbuilder>summary small{white-space:normal}.deckbuilder-cards{max-height:370px}}

/* Illustrated faction-avatar gallery, with keyboard-friendly selected state */
.avatar-portrait{padding:0;overflow:hidden}
.avatar-portrait svg{width:100%;height:100%;display:block;position:relative;z-index:1}
.avatar-portrait:before{display:none}
.avatar-preview{width:82px;height:82px}
.avatar-gallery-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:12px 0 4px}
.avatar-gallery-intro strong{color:#f2d7ac}
.avatar-gallery-intro small{color:#b4c2d6}
.avatar-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.avatar-choice{min-width:0;padding:9px;border:2px solid #445775;background:#101e32;color:#e4eaf4;border-radius:14px;display:grid;gap:7px;justify-items:center;box-shadow:none;transition:border-color .18s,background-color .18s}
.avatar-choice:hover:not(:disabled){filter:none;background:#1c3049;border-color:#a8b9d2}
.avatar-choice[aria-pressed="true"]{border-color:#f0cc8b;background:#273d54;box-shadow:0 0 0 2px #f0cc8b33}
.avatar-choice svg{display:block;width:100%;max-width:114px;height:auto;aspect-ratio:1;border-radius:14px;box-shadow:0 5px 14px #0006}
.avatar-choice span{font:750 12px system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere;letter-spacing:.2px}
.avatar-choice[aria-pressed="true"] span{color:#ffe2ad}
@media(max-width:850px){.avatar-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:440px){.avatar-gallery{gap:7px}.avatar-choice{padding:5px}.avatar-choice span{font-size:11px}}


/* BALANDIR original world map — main entrance, account, deckbuilder, lobby.
   This is deliberately not the duel battlefield artwork. */
body{
 background-color:#080e16;
 background-image:
  linear-gradient(180deg,rgba(4,8,14,.32) 0%,rgba(5,9,16,.48) 47%,rgba(5,9,16,.63) 100%),
  url("/assets/ui/balandir-menu-background.png?v=fe5fd4a8");
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center top;
 background-attachment:fixed;
}
.shell{position:relative;isolation:isolate}
.masthead{
 min-height:285px;
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 border-bottom:1px solid #c6a26691;
}
.masthead .topbar{border-bottom:1px solid #ddbb7c4f}
.masthead .hero-text{
 margin-top:18px;
 max-width:680px;
 padding:22px 25px 23px;
 background:linear-gradient(90deg,rgba(4,10,17,.92),rgba(5,10,17,.72) 76%,rgba(5,10,17,.08));
 border-left:3px solid #d8b477;
 border-radius:0 13px 13px 0;
 text-shadow:0 2px 9px #000;
}
.masthead .hero-text p{color:#e0e8f1}
.panel,.game-modes>div,.dashboard-stats>div,.planned-feature,.deckbuilder,
.saved-deck,#status{
 background:linear-gradient(155deg,rgba(16,27,42,.94),rgba(8,16,28,.91));
 border-color:#b8996c80;
 box-shadow:0 12px 32px #0008;
}
.dashboard-nav{background:rgba(8,15,25,.46);border-radius:8px}
.dashboard-nav a{color:#f2dfbb}
.dashboard-nav a:hover,.dashboard-nav a:focus-visible{background:#6a5033aa;color:#fff3d8}
.deckbuilder-cards,.deckbuilder-card{background-color:rgba(8,17,31,.91)}
@media(max-width:750px){
 body{background-attachment:scroll;background-position:54% top}
 .masthead{min-height:220px}
 .masthead .hero-text{margin-top:6px;padding:18px 15px;max-width:100%}
 .masthead .hero-text p{font-size:13px}
}


/* Account recovery: distinguish signup from self-service email confirmation. */
.confirmation-help{margin-top:20px;padding:16px 15px 12px;border:1px solid #c2a57577;border-radius:11px;
 background:linear-gradient(135deg,#111b2ad9,#0b1523b8)}
.confirmation-help h3{font:700 17px/1.3 Georgia,serif;color:#f1d7a2;margin:0 0 8px}
.confirmation-help .fine{line-height:1.55;overflow-wrap:anywhere}
.confirmation-help form{margin:13px 0 7px}
.confirmation-help button{margin-top:5px;max-width:100%}
#resendHelp{margin:9px 0 0;color:#c3d0de}

/* BALANDIR Beta: drei klare Navigationsbereiche statt einer langen Ankerliste. */
.dashboard-nav{gap:10px;scrollbar-width:none}
.dashboard-nav a{border:1px solid #cfb2783a;min-width:120px;text-align:center;transition:background .15s,border-color .15s}
.dashboard-nav a[aria-current="page"]{background:linear-gradient(140deg,#cba66c,#f0d7a0);border-color:#f4deb2;color:#171a20;box-shadow:0 3px 16px #c89a4c20}
.dashboard-nav a[aria-current="page"]:hover{color:#171a20;background:#f3dba7}
.dashboard-section[hidden]{display:none!important}
.arena-launch{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 22px;padding:22px 25px;border:1px solid #f5dca5;border-radius:12px;text-decoration:none;background:linear-gradient(120deg,#ebce91,#bf9754);color:#141820;box-shadow:0 12px 28px #0006}
.arena-launch strong{font:700 clamp(19px,2.4vw,26px)/1.3 Georgia,serif;color:#1f1b17}
.arena-launch span{font-size:13px;font-weight:700;color:#3b3026}
.arena-launch:hover,.arena-launch:focus-visible{background:linear-gradient(120deg,#f8e4b7,#dfb76e);color:#151a1d}
.game-modes>div{min-height:120px}
.game-modes small{line-height:1.55}
body.bal-logged-in .hero-text{display:none}
body.bal-logged-in #status.success{padding:8px 12px;font-size:12px;margin:10px 0}
@media(max-width:680px){
 .dashboard-nav{gap:5px}
 .dashboard-nav a{min-width:0;flex:1;padding:10px 6px;font-size:12px}
 .arena-launch{padding:17px;flex-direction:column;align-items:flex-start}
}


/* Community and leaderboard are primary destinations. */
.dashboard-nav{overflow-x:auto}.dashboard-nav a{min-width:0;flex:1 0 auto}
.community-find{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.community-find label{flex:1 1 220px}.community-find button{min-height:45px}
.community-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.community-two-col>div{min-width:0}
.community-two-col h3{font:700 20px Georgia,serif;color:#f1d6a4;margin-bottom:13px}
.community-list{display:grid;gap:9px;margin-bottom:16px}
.community-person,.community-search-card{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;background:linear-gradient(145deg,#1d3045,#111c2a);border:1px solid #806b47;border-radius:10px;padding:13px 15px}
.community-person>div:first-child{display:grid;gap:2px}
.community-person strong,.community-search-card strong{color:#ffe2ae}
.community-person small,.community-search-card small{display:block;font-size:12px;color:#b9c9d7}
.community-search-card{margin:13px 0}
.community-actions{display:flex;gap:6px;flex-wrap:wrap}.community-actions button,.community-search-card button{font-size:12px;padding:9px 10px}
.community-table-scroll{overflow-x:auto;border-radius:10px;border:1px solid #806b47;margin-top:20px}
.community-table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px}
.community-table th,.community-table td{padding:13px 14px;border-bottom:1px solid #ffffff20;text-align:left}
.community-table th{background:#1b3045;color:#f8d898;font-weight:800}
.community-table tbody tr:nth-child(odd){background:#132336}
.community-table td:nth-child(3){color:#f2d18a;font-weight:900}
.community-table tbody tr:hover{background:#253a50}
@media(max-width:800px){.community-two-col{grid-template-columns:1fr}.dashboard-nav a{font-size:12px;padding:10px 12px}}


/* Local Store admin-only dashboard, with intentionally plain shipment labels. */
.store-private-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;padding:16px;border:1px solid #ab884b;border-radius:10px;margin:12px 0 16px;min-width:0}
.store-private-fields legend{color:#f7d69a;font-weight:750;padding:0 8px}
.store-private-fields label{min-width:0}
.store-request-form{max-width:850px}
.store-own-shipping{padding:13px 17px;margin:15px 0;border:1px solid #755c3b;background:#122337;border-radius:8px}
.store-own-shipping p{white-space:pre-line}
.store-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:15px;margin-top:18px}
.store-admin-card{background:#15243a;border:1px solid #8c754e;border-radius:13px;padding:18px;min-width:0}
.store-admin-card h4{font-size:20px;color:#f6d69a;margin:0 0 7px}
.store-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.store-admin-stats>div{display:flex;flex-direction:column;background:#0a182a;border:1px solid #45516a;padding:10px 8px;border-radius:8px;gap:3px}
.store-admin-stats strong{font:700 21px Georgia,serif;color:#f8d395}
.store-admin-stats small{font-size:11px;line-height:1.35;color:#c7d4e1}
.store-private-detail{padding:13px;margin-top:16px;background:#101b2d;border:1px solid #a78956;border-radius:9px}
.store-shipping-address{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.55 ui-monospace,Consolas,monospace;color:#f0dfbe;background:#0e1523;padding:12px;border-radius:6px}
@media(max-width:580px){.store-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Artwork shown throughout the game and deckbuilder from one /api/artworks catalog. */
.deckbuilder-card{display:flex;align-items:center;justify-content:flex-start}
.deckbuilder-card-details{flex:1}
.deckbuilder-art-slot{flex:0 0 52px;width:52px;height:73px;border:1px solid #967b4e;border-radius:5px;overflow:hidden;background:#0b182a}
.deckbuilder-art-button{display:block;width:100%;height:100%;margin:0;border:0;padding:0;cursor:zoom-in;background:transparent}
.deckbuilder-art-button img{display:block;width:100%;height:100%;object-fit:contain}
.deckbuilder-no-art{display:grid;place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;color:#d0ad78}
.deck-art-dialog{max-height:92vh;max-width:min(95vw,520px);padding:12px;border:1px solid #c7a267;border-radius:12px;background:#101c2d;color:#f4dcae;text-align:center}
.deck-art-dialog::backdrop{background:#020713da}
.deck-art-dialog img{display:block;max-width:100%;max-height:77vh;object-fit:contain;margin:auto}
.deck-art-dialog p{font-weight:700;margin:8px 0}
@media(max-width:560px){.deckbuilder-card{flex-wrap:wrap}.deckbuilder-art-slot{flex-basis:45px;width:45px;height:63px}.deckbuilder-actions{margin-left:auto}}


/* Exclusive verified BALANDIR manufacturer identity; privilege is server-side. */
.account-public-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:7px 0 6px}
.account-public-name>strong{color:#fff2d9;font-size:clamp(15px,2vw,20px)}
.founder-badge{display:inline-flex;align-items:center;vertical-align:middle;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid #f0c67b;background:linear-gradient(120deg,#153558,#0e233d 49%,#795728);box-shadow:inset 0 1px 0 #ffe3b860,0 1px 9px #c38b3b28;color:#ffe2a6;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.07em;white-space:nowrap;text-shadow:0 1px 1px #000}
.founder-sigil{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #fae0a9;color:#102841;background:radial-gradient(circle at 35% 20%,#fff0bd,#d49c45);font:900 13px/1 Georgia,serif;box-shadow:0 0 7px #f8d2834c}
.community-person>.founder-badge{margin-right:auto}
td .founder-badge{margin-left:8px}
@media(max-width:480px){.founder-badge{font-size:9px;padding:4px 6px}.founder-sigil{height:17px;width:17px}}

/* The unverified profile must never display a decorative badge. */
#accountFounderBadge[hidden]{display:none!important}

/* Avatar choices include veteran variants, and a private, exact original-logo slot. */
.avatar-portrait svg[hidden],.official-avatar-logo[hidden]{display:none!important}
.avatar-portrait .official-avatar-logo{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;border-radius:16px}
.avatar-choice img{display:block;width:100%;max-width:114px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 5px 14px #0006}

/* Verified account identity and role-badges; no admin privileges are derived from CSS. */
.account-role-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px}
.role-badge{margin-inline:4px}
.role-tcg_shop{background:linear-gradient(110deg,#183d50,#695431);border-color:#e8be81}
.role-organized_play{background:linear-gradient(120deg,#11385e,#2b6683);border-color:#a9d3e5;color:#e8f5ff}
.role-creator{background:linear-gradient(120deg,#503260,#89613b);border-color:#e5b1ed}
.role-partner{background:linear-gradient(120deg,#363f6a,#9a7640)}
.store-public-consent{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;font-weight:650}
.store-public-consent input{width:18px;height:18px;flex:none}

/* Clearly visible navigation controls; the links remain keyboard-scrollable. */
.dashboard-nav-wrap{display:flex;align-items:stretch;gap:6px;min-width:0;margin-bottom:22px}
.dashboard-nav-wrap .dashboard-nav{flex:1;min-width:0;margin-bottom:0;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin}
.dashboard-nav-wrap .dashboard-nav a{flex:0 0 auto;min-width:max-content;padding-inline:13px}
.dashboard-nav-arrow{flex:0 0 38px;align-self:center;background:#152237;border:1px solid #cfb27880;color:#efcc8d;border-radius:9px;font-size:29px;line-height:1;min-height:45px;cursor:pointer}
.dashboard-nav-arrow:hover:not(:disabled),.dashboard-nav-arrow:focus-visible{background:#39486a;color:white}
.dashboard-nav-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:550px){.dashboard-nav-arrow{flex-basis:31px;min-height:42px}.dashboard-nav-wrap .dashboard-nav a{min-width:max-content;padding-inline:11px}}

/* Compact secondary navigation */
.dashboard-nav-wrap{overflow:visible}
.dashboard-nav{overflow:visible!important;flex-wrap:wrap;align-items:center}
.dashboard-nav-wrap .dashboard-nav a{min-width:auto}
.dashboard-nav-arrow{display:none}
.dashboard-more{position:relative;flex:0 0 auto;z-index:40}
.dashboard-more>summary{cursor:pointer;list-style:none;white-space:nowrap;padding:10px 15px;border:1px solid #cfb27865;border-radius:8px;font-size:13px;font-weight:750;color:#f2dfbb}
.dashboard-more>summary::-webkit-details-marker{display:none}
.dashboard-more[open]>summary{background:#cba66c;color:#151a21}
.dashboard-more-items{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;display:grid;gap:4px;background:#0c182a;border:1px solid #cba66c;border-radius:10px;padding:8px;box-shadow:0 14px 28px #0008}
.dashboard-more-items a{display:block!important;text-align:left!important;flex:none!important}
.dashboard-more-items a[hidden]{display:none!important}
@media(max-width:750px){.dashboard-nav{overflow-x:auto!important;flex-wrap:nowrap}.dashboard-nav-arrow{display:block}.dashboard-more-items{right:0}}

.avatar-gallery-panel{margin:14px 0;border:1px solid #bfa07170;border-radius:12px;padding:10px 14px;background:#0c192a70}
.avatar-gallery-panel>summary{cursor:pointer;font-weight:750;color:#f2d6a5;padding:7px 2px}
.avatar-gallery-panel>summary span{color:#becfe1;font-weight:400;font-size:12px}
.avatar-gallery-tools{margin:10px 0 14px}
.avatar-gallery-tools label{display:grid;gap:6px}
.avatar-gallery-panel .avatar-gallery{max-height:460px;overflow-y:auto;padding:4px;scrollbar-width:thin}
.avatar-gallery-panel .avatar-choice[hidden]{display:none!important}

.social-notification-count{display:inline-block;min-width:17px;padding:1px 5px;margin-left:4px;background:#caa467;color:#101827;border-radius:12px;text-align:center;font-weight:800;font-size:11px}
.social-notification-count[hidden]{display:none}
.social-friend-count:not(:empty){display:inline-block;margin-left:4px;background:#caa467;color:#101827;padding:1px 5px;border-radius:12px;font-weight:800;font-size:11px}
.social-notification-text{font-size:12px;color:#e5ca91;padding:10px 12px;border-bottom:1px solid #caa46750;line-height:1.5}

/* Private two-pane BALANDIR messenger, independent from long account page scrolling */
.mail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mail-header h2{margin:0}
.mail-layout{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);min-height:480px;height:min(68vh,700px);border:1px solid #bfa070;border-radius:12px;overflow:hidden;background:#0b1729dd}
.mail-sidebar{min-height:0;overflow-y:auto;border-right:1px solid #bfa07065;padding:14px;background:#112238}
.mail-sidebar h3{margin:0 0 12px;color:#f0d7a7}
.mail-sidebar input{width:100%;box-sizing:border-box;margin:0 0 12px}
.mail-conversation{margin:0 0 5px;display:block!important;padding:0!important}
.mail-conversation[hidden]{display:none!important}
.mail-contact{width:100%;text-align:left;display:flex;flex-direction:column;gap:5px;padding:13px 10px!important;background:#1b2d45!important;color:#f4ddb6!important;border:1px solid transparent!important;border-radius:9px;cursor:pointer}
.mail-contact:hover,.mail-contact:focus-visible{border-color:#d4ac70!important;background:#2b3f57!important}
.mail-contact small{color:#bbcbda;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.mail-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.mail-thread-heading{padding:12px 16px;background:#16283d;border-bottom:1px solid #bfa07065}
.mail-thread-heading h3{margin:0}
.mail-thread-heading small{color:#bac9d6}
.mail-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.mail-bubble{max-width:82%;align-self:flex-start;padding:10px 14px;border:1px solid #c8ac8060;border-radius:12px;background:#203249;color:#edf3fa;overflow-wrap:anywhere}
.mail-bubble.mine{align-self:flex-end;background:#3d3630;border-color:#d3aa69}
.mail-bubble strong{font-size:11px;color:#f7d18c}
.mail-bubble p{margin:5px 0 0;white-space:pre-wrap}
.mail-thread.compact{gap:4px;padding:10px}
.mail-thread.compact .mail-bubble{padding:5px 9px}
.mail-compose{padding:12px 15px;background:#122239;border-top:1px solid #bfa07055;display:grid;gap:8px}
.mail-compose label{display:grid;gap:3px;font-size:12px}
.mail-compose label input{max-width:300px}
.mail-compose-row{display:flex;gap:10px;align-items:stretch}
.mail-compose-row textarea{flex:1;min-width:0;resize:none;max-height:90px;background:#0e1b2f;color:white}
.mail-compose-row button{flex:0 0 auto}
.player-settings-form{display:grid;gap:12px;max-width:650px;border:1px solid #bfa07077;padding:18px;border-radius:12px;background:#14243a}
.player-settings-form label{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #ffffff15}
.player-settings-form input[type=checkbox]{width:18px;height:18px;accent-color:#d8b574}
@media(max-width:650px){.mail-layout{display:flex;flex-direction:column;height:min(76vh,740px)}.mail-sidebar{flex:0 0 145px;border-right:0;border-bottom:1px solid #bfa07065}.mail-main{flex:1}.mail-compose-row{flex-direction:column}.mail-compose-row button{align-self:end}}

.player-safety-panel{margin-top:20px;padding:15px;border:1px solid #bfa07088;border-radius:12px;background:#0f2035}
.player-safety-panel summary{cursor:pointer;font-weight:750;color:#edca93}
.player-safety-panel form{display:grid;gap:10px;padding:12px 0;max-width:650px}
.player-safety-panel form label{display:grid;gap:5px}
.player-safety-panel input,.player-safety-panel select,.player-safety-panel textarea{max-width:100%;box-sizing:border-box}
.mail-bubble button.secondary{display:block;margin-top:8px;font-size:11px;padding:4px 8px}

.training-room{border:1px solid #c6a16e;border-radius:14px;background:linear-gradient(160deg,#182c47,#0c182a);padding:22px;max-width:780px;margin:15px auto}
.training-room h3{color:#f1cb8e;font:700 25px Georgia,serif}
.training-room #trainingStep{font-weight:700;letter-spacing:.06em;color:#d1b181;font-size:13px}
.training-room .training-progress{height:8px;background:#334255;border-radius:8px;overflow:hidden}
.training-room .training-progress>span{display:block;background:#d7b578;height:100%;width:0%;transition:width .15s}
.training-actions{display:grid;gap:10px;margin:18px 0}
.training-actions button{white-space:normal;text-align:left;border:1px solid #c4a371;background:#14283f;color:#f3deb9;border-radius:10px;min-height:48px;padding:12px 15px;cursor:pointer}
.training-actions button:hover{background:#263b54}
#trainingFeedback{color:#d7c49c;min-height:24px}
.history-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:17px}
#historyList{display:grid;gap:10px;max-width:900px}
#historyList .saved-deck{margin:0;padding:14px}
@media(max-width:580px){.training-room{padding:14px}.history-pagination{gap:8px;flex-wrap:wrap}}

/* Community supporter badge is cosmetic; never confers admin access. */
.role-pioneer{background:linear-gradient(120deg,#172d49,#544077 55%,#9b8148);border-color:#bca2df;color:#f4e4ff}
.role-pioneer .founder-sigil{color:#f6d9a4}

/* Small notification bell; the dropdown contains its own scroll area. */
.notification-panel{position:relative;z-index:45;flex:0 0 auto}
.notification-panel>summary{cursor:pointer;list-style:none;border-radius:9px;border:1px solid #cda97077;color:#f0d2a3;font-size:22px;padding:7px 12px;min-height:37px;display:flex;align-items:center;gap:4px}
.notification-panel>summary::-webkit-details-marker{display:none}
.notification-panel[open]>summary{background:#cda970;color:#142037}
.notification-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(385px,calc(100vw - 38px));background:#0b192b;border:1px solid #cda970;border-radius:12px;box-shadow:0 16px 32px #0009;padding:12px;z-index:110}
.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.notification-heading button{font-size:16px;padding:4px 10px}
.notification-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;scrollbar-width:thin}
.notification-entry{padding:9px;border:1px solid #cda97055;border-radius:9px;display:flex;align-items:center;gap:10px}
.notification-entry>a{flex:1;min-width:0;color:#eed6ac;text-decoration:none;font-size:13px;white-space:normal}
.notification-entry>button{flex:0 0 auto;font-size:12px;padding:5px 8px}
.profile-share-button{border:1px solid #bfa07070;border-radius:8px;padding:6px 10px;color:#ecd2a9;background:#14253d;cursor:pointer;font-size:12px}
@media(max-width:650px){.notification-dropdown{right:-32px}.notification-panel>summary{padding:6px 9px}}

/* Beta readiness: mobile readability and accessible touch targets.
   Scoped to narrow screens to retain existing desktop play/deck layouts. */
@media (max-width:600px){
 .shell{width:100%;max-width:100%;padding:15px 12px 36px;overflow-x:clip}
 .account-panel{padding:0 13px 22px;min-width:0}
 .topbar{gap:8px;min-width:0;flex-wrap:wrap}
 .brand{min-width:0;letter-spacing:1px;font-size:16px}
 .brand small{letter-spacing:1px}
 .hero-text{padding:22px 0 6px}
 .hero-text h1{font-size:clamp(27px,9vw,40px)}
 .panel{padding:15px}
 .player-overview{gap:13px;align-items:flex-start;min-width:0}
 .player-overview .overview-copy{flex:1;min-width:0}
 .overview-copy h2,.overview-copy p{overflow-wrap:anywhere}
 .avatar-portrait{width:80px;height:80px;border-radius:16px;font-size:38px}
 .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .dashboard-stats div{padding:10px 8px;min-width:0}
 .dashboard-stats strong{font-size:clamp(17px,5vw,25px)}
 .dashboard-stats span{font-size:11px;overflow-wrap:anywhere}
 .dashboard-nav-wrap{min-width:0}
 .dashboard-nav-wrap .dashboard-nav{min-width:0}
 .dashboard-nav-wrap .dashboard-nav a{min-height:44px;display:inline-flex;align-items:center}
 .dashboard-nav-arrow{min-width:38px;min-height:44px}
 .notification-panel>summary{min-height:44px;min-width:44px;justify-content:center}
 .dashboard-section{min-width:0}
 .dashboard-section>div,.dashboard-section>form{max-width:100%}
 .community-table-scroll,.admin-table-scroll{max-width:100%;overflow-x:auto}
 .mail-layout{height:min(77dvh,720px);min-height:450px}
 .mail-sidebar{flex-basis:135px}
 .mail-contact{min-height:44px}
 .mail-compose{padding:9px}
 .mail-compose-row textarea{min-height:44px}
 .mail-compose-row button{min-height:44px}
 input,select,textarea{font-size:16px}
 button{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
 .dashboard-nav-wrap .dashboard-nav{scroll-behavior:auto}
}