:root{
  --bg:#0f1318;--panel:#171c22;--panel2:#20262d;--line:#343c46;
  --text:#f6f8fa;--muted:#aab2bd;--yellow:#f5b800;--green:#43c969;--red:#e76666;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.account-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;background:#f5b800;color:#111;border-bottom:1px solid rgba(0,0,0,.25)}
.account-brand{display:flex;align-items:center;gap:9px;font-weight:900}.account-brand img{width:34px;height:34px}.account-topnav{display:flex;gap:8px;flex-wrap:wrap}.account-topnav a{padding:8px 10px;border-radius:6px;font-size:12px;font-weight:900}.account-topnav a:hover{background:rgba(0,0,0,.1)}
.account-shell{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;padding:14px}
.account-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;height:max-content;position:sticky;top:76px}.account-user-card{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.account-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);color:#111;font-weight:900}.account-user-card strong,.account-user-card small{display:block}.account-user-card small{color:var(--muted);font-size:11px;margin-top:3px;overflow-wrap:anywhere}
.account-menu{display:flex;flex-direction:column;padding:8px}.account-menu button{border:0;background:transparent;color:#dce1e6;text-align:left;padding:11px;border-radius:7px;font-weight:800;cursor:pointer}.account-menu button:hover,.account-menu button.active{background:#2a3139;color:#fff}.account-menu button.active{box-shadow:inset 3px 0 0 var(--yellow)}
.account-content{min-width:0}.account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;margin-bottom:14px;background:linear-gradient(135deg,#242a31,#171c22);border:1px solid var(--line);border-radius:10px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--yellow)}.account-heading h1{margin:4px 0 5px;font-size:30px}.account-heading p{margin:0;color:var(--muted)}.account-status{padding:7px 10px;border-radius:999px;background:#2a3139;color:#d9dee4;font-size:11px;font-weight:900}
.account-section{display:none}.account-section.active{display:block}.wallet-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px}.summary-card.primary{border-color:#776100;background:linear-gradient(135deg,#272615,#181b1e)}.summary-card span,.summary-card small{display:block;color:var(--muted);font-size:11px}.summary-card strong{display:block;margin:6px 0;font-size:24px;color:#fff}.summary-card.primary strong{color:var(--yellow)}
.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel2)}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.demo-chip,.real-chip{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.demo-chip{background:#3a3320;color:#ffd65a}.real-chip{background:#173924;color:#81e49e}
.activity-list,.table-list,.bet-list{display:flex;flex-direction:column}.activity-item,.table-row,.bet-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid #2b323a}.activity-item:last-child,.table-row:last-child,.bet-item:last-child{border-bottom:0}.activity-item strong,.table-row strong,.bet-item strong{display:block}.activity-item small,.table-row small,.bet-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.amount-plus{color:var(--green)}.amount-minus{color:var(--red)}
.vault-mini-list{padding:8px 12px}.vault-mini{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #2c333b}.vault-mini:last-child{border-bottom:0}.vault-mini small{color:var(--muted)}
.bet-tabs{display:flex;gap:6px;overflow:auto;padding:10px 12px;border-bottom:1px solid var(--line)}.bet-tabs button{border:1px solid var(--line);background:#252c33;color:#dce2e7;padding:8px 10px;border-radius:6px;font-weight:800;white-space:nowrap}.bet-tabs button.active{background:var(--yellow);color:#111;border-color:var(--yellow)}
.vault-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px}.vault-card{border:1px solid var(--line);background:#20262d;border-radius:8px;padding:12px}.vault-card strong,.vault-card span{display:block}.vault-card span{color:var(--muted);font-size:11px}.vault-card strong{margin-top:8px;font-size:20px}.vault-card em{display:block;margin-top:8px;color:#ffd65a;font-size:10px;font-style:normal;font-weight:800}.transfer-box{display:grid;grid-template-columns:minmax(0,1fr) 180px 120px auto;gap:10px;align-items:center;padding:14px;border-top:1px solid var(--line)}.transfer-box small{display:block;color:var(--muted);margin-top:3px}.transfer-box select,.transfer-box input{width:100%;background:#0f1419;color:#fff;border:1px solid var(--line);border-radius:6px;padding:10px}.transfer-box button,.secondary-action{border:0;border-radius:6px;background:var(--yellow);color:#111;padding:11px 13px;font-weight:900;cursor:pointer}.secondary-action{margin:14px;background:#323943;color:#9da6b0}.transfer-message{padding:0 14px 14px;margin:0;color:#ffd65a;font-size:12px}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.bonus-card{background:#20262d;border:1px solid var(--line);border-radius:8px;padding:13px}.bonus-card h3{margin:0 0 6px}.bonus-card p{margin:0;color:var(--muted);font-size:12px}
.profile-list{margin:0;padding:6px 14px 14px}.profile-list div{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #2c333b}.profile-list div:last-child{border-bottom:0}.profile-list dt{color:var(--muted)}.profile-list dd{margin:0;font-weight:800;overflow-wrap:anywhere}
@media(max-width:1050px){.wallet-summary-grid{grid-template-columns:repeat(2,1fr)}.vault-grid{grid-template-columns:repeat(3,1fr)}.transfer-box{grid-template-columns:1fr 1fr}.transfer-box>div{grid-column:1/-1}.overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.account-topbar{align-items:flex-start;flex-direction:column}.account-topnav{width:100%;overflow:auto;flex-wrap:nowrap}.account-shell{grid-template-columns:1fr;padding:8px}.account-sidebar{position:static}.account-menu{display:grid;grid-template-columns:repeat(2,1fr)}.account-heading{padding:14px;flex-direction:column}.wallet-summary-grid{grid-template-columns:1fr 1fr}.vault-grid{grid-template-columns:1fr 1fr}.transfer-box{grid-template-columns:1fr}.profile-list div{grid-template-columns:1fr;gap:4px}}
@media(max-width:480px){.wallet-summary-grid,.vault-grid{grid-template-columns:1fr}.account-menu{grid-template-columns:1fr 1fr}.account-heading h1{font-size:24px}}

.account-logout-button{
  border:0;
  border-radius:6px;
  background:#111;
  color:#f5b800;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.account-logout-button:hover{background:#252525}
.account-logout-button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){
  .account-topnav{align-items:center}
  .account-logout-button{flex:0 0 auto;padding:8px 11px}
}


.account-real-vaults{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:12px;
  padding:14px;
  border-bottom:1px solid var(--line);
}
.account-real-vault{
  border:1px solid #48515b;
  border-radius:9px;
  background:#20262d;
  padding:14px;
}
.account-real-vault>div>span,
.account-real-vault>span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.account-real-vault>div>strong{
  display:block;
  margin:7px 0 5px;
  font-size:24px;
  color:#fff;
}
.account-real-vault>a,
.account-real-vault button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  border:0;
  border-radius:6px;
  background:var(--yellow);
  color:#111;
  padding:10px 12px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.account-real-vault__title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.account-real-vault__title em{
  padding:5px 7px;
  border-radius:999px;
  background:#173924;
  color:#81e49e;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
.account-texas-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.account-texas-values div{
  padding:10px;
  border:1px solid #343c46;
  border-radius:7px;
  background:#171c22;
}
.account-texas-values small{
  display:block;
  color:var(--muted);
  font-size:10px;
}
.account-texas-values b{
  display:block;
  margin-top:4px;
  font-size:18px;
}
.account-real-vault p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.account-demo-vaults-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px 0;
}
.account-demo-vaults-head strong{
  font-size:11px;
  color:#dfe4e9;
}
.account-demo-vaults-head span{
  padding:4px 7px;
  border-radius:999px;
  background:#3a3320;
  color:#ffd65a;
  font-size:9px;
  font-weight:900;
}
@media(max-width:760px){
  .account-real-vaults{grid-template-columns:1fr}
}
@media(max-width:480px){
  .account-texas-values{grid-template-columns:1fr}
}


.account-show-more{
  display:block;
  width:max-content;
  max-width:calc(100% - 28px);
  margin:12px auto 14px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#252c33;
  color:#fff;
  padding:9px 14px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.account-show-more:hover{
  border-color:var(--yellow);
  color:var(--yellow);
}

/* Wallet overview: euro equivalents next to the original balances. */
.summary-card-values{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;min-width:0;margin:6px 0}
.summary-card-values>strong{margin:0;max-width:100%;overflow-wrap:anywhere}
.summary-card .summary-euro{max-width:100%;font-size:16px;font-weight:800;line-height:1.3;color:var(--yellow);overflow-wrap:anywhere}