:root{
  /* Colors sampled from the first screenshot (steel blue/charcoal theme) */
  --bg: #191c1f;
  --bg-2: #303438;
  --bg-3: #0f1215;
  --text: #d9dde1;
  --text-dim: #a5acb3;
  --accent: #7db5d6;
  --accent-2: #c2d7e6;
  --gold: #e7d27a;
  --border: #22272b;
  --chip: #0b0e11;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 600px at 50% -200px, rgba(125,181,214,.08) 0%, transparent 60%), var(--bg);color:var(--text);font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{background:linear-gradient(180deg,var(--bg-3),transparent),var(--bg-2);border-bottom:1px solid var(--border);padding:6px 10px;display:flex;gap:14px;align-items:center;justify-content:center;font-weight:600}
.header{display:grid;grid-template-columns:1fr auto 280px;gap:16px;max-width:1100px;margin:8px auto 10px;padding:0 12px}
.playerbar{background:var(--bg-2);border:1px solid var(--border);padding:10px 12px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.playerbar strong{color:var(--accent-2)}
.breadcrumbs{font-size:12px;color:var(--text-dim);margin-top:6px}
.stats{background:var(--bg-2);border:1px solid var(--border);padding:10px;border-radius:6px}
.rail{display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:center;margin:6px 0}
.rail label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.bar{height:10px;background:#0b0e11;border-radius:10px;overflow:hidden;border:1px solid var(--border)}
.bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.wrap{max-width:1100px;margin:0 auto 40px;padding:0 12px;display:grid;grid-template-columns:220px 1fr;gap:16px}
.nav{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;overflow:hidden}
.nav .title{padding:10px 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,rgba(125,181,214,.12),transparent);border-bottom:1px solid var(--border)}
.nav ul{list-style:none;margin:0;padding:8px}
.nav a{display:block;padding:8px 10px;border-radius:6px;color:var(--text)}
.nav a:hover{background:#0f1418}
.support-box{background:var(--bg-3);border-top:1px solid var(--border);padding:10px 10px 12px}
.support-box h4{margin:0 0 8px;font-size:12px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}
.content{display:grid;gap:16px}
.banner{background:linear-gradient(180deg,rgba(125,181,214,.15),transparent),var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:10px 12px}
.banner h1{margin:0 0 8px;font-size:22px}
.banner .note{color:var(--text-dim);font-size:13px}
.hero{height:180px;margin-top:8px;border-radius:6px;border:1px dashed var(--border);background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.45)),radial-gradient(600px 160px at 60% 30%, rgba(125,181,214,.25), transparent),#0e1216;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-style:italic}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;overflow:hidden}
.card h3{margin:0;padding:10px 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,rgba(125,181,214,.10),transparent);border-bottom:1px solid var(--border);color:var(--accent-2)}
.card ul{list-style:none;margin:0;padding:8px 10px 10px}
.card li a{display:inline-block;padding:4px 0}
.strip{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:8px 12px}
.table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}
.table th,.table td{padding:6px 8px;border-bottom:1px dashed var(--border);text-align:left}
.table th{color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:12px}
.pill{display:inline-block;padding:2px 6px;border-radius:999px;background:var(--chip);border:1px solid var(--border);color:var(--text-dim);font-size:12px;margin-left:6px}
.flash{background:#0e1416;border:1px solid var(--border);padding:8px 10px;border-radius:6px}
.btn{display:inline-block;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-3) color: var(--text); color:#fff;}
.form{display:grid;gap:8px;max-width:320px}
.form-row{display:flex;gap:8px;align-items:center}
.gold{color:var(--gold)}
@media (max-width:980px){.header{grid-template-columns:1fr}.wrap{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}

.btn:hover,.btn:focus,.btn:active{color:#fff;}
.btn[disabled],.btn:disabled{color:#fff;opacity:0.7;}

/* Game brand (top-left) */
.topbar .brand{display:inline-block;margin-right:18px;font-size:26px;font-weight:800;color:#fff;letter-spacing:.5px;line-height:1.1}
@media (max-width:640px){.topbar .brand{font-size:20px;margin-right:12px}}


/* === UI alignment + visual polish pass === */
:root{
  --panel: #252a30;
  --panel-deep: #171b20;
  --panel-hi: #343a42;
  --button-top: #3f4650;
  --button-bottom: #20252b;
  --button-border: #59616d;
  --button-glow: rgba(125,181,214,.22);
  --danger-top: #8e3030;
  --danger-bottom: #5b1919;
  --success-top: #386d49;
  --success-bottom: #1d3f29;
}
body{
  background:
    radial-gradient(900px 440px at 50% -120px, rgba(139,190,226,.18), transparent 62%),
    linear-gradient(180deg,#20252b 0%, #15191e 46%, #101317 100%);
}
.card,.strip,.banner,.playerbar,.stats,.nav{
  border-radius:12px;
  border:1px solid rgba(153,177,196,.16);
  box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.08)),var(--panel);}
.card h1,.banner h1{margin:0 0 12px;font-size:24px;letter-spacing:.02em;color:#eef7ff;text-shadow:0 1px 0 rgba(0,0,0,.55)}
.card h3{background:linear-gradient(180deg,rgba(151,201,235,.16),rgba(0,0,0,.06));}
.flash{border-radius:10px;margin:10px 0;background:linear-gradient(180deg,#14202a,#0f171d);}
.flash.error,.error{border-color:#733;color:#ffd0d0;background:linear-gradient(180deg,#2a1515,#171010)}

/* Neater, properly button-like controls */
.btn, button, input[type="submit"], input[type="button"]{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border-radius:9px;
  border:1px solid var(--button-border);
  background:linear-gradient(180deg,var(--button-top),var(--button-bottom));
  color:#f4f8fb !important;
  font-weight:700;
  line-height:1.1;
  text-align:center;
  text-decoration:none !important;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 3px 0 rgba(0,0,0,.35), 0 8px 15px rgba(0,0,0,.16);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease, border-color .12s ease;
  white-space:nowrap;
}
.btn:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover{
  filter:brightness(1.12);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 0 rgba(0,0,0,.35), 0 0 0 3px var(--button-glow), 0 12px 18px rgba(0,0,0,.2);
}
.btn:active, button:active, input[type="submit"]:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.38), 0 1px 0 rgba(0,0,0,.45)}
.btn-primary{background:linear-gradient(180deg,#d8b853,#8d6420);border-color:#f2d878;color:#17110a !important;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.btn-danger{background:linear-gradient(180deg,var(--danger-top),var(--danger-bottom));border-color:#b55252;color:#fff !important}
.btn-contrast{background:linear-gradient(180deg,#6c83a0,#334457);border-color:#86a7c6;color:#fff !important}
.btn-outline{background:linear-gradient(180deg,#2a3037,#171b20);border-color:#4a5562;color:#dcecff !important}
.btn[disabled],.btn:disabled,button[disabled],button:disabled{opacity:.52;cursor:not-allowed;transform:none;filter:saturate(.7)}

input,select,textarea{
  background:#101419;
  border:1px solid #3c444e;
  color:#eef3f7;
  border-radius:8px;
  padding:8px 10px;
  min-height:34px;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.35);
}
input[type="number"]{text-align:center;}
label{color:#b9c8d4;font-weight:650;font-size:12px;text-transform:uppercase;letter-spacing:.04em}

/* Reusable aligned lists for shop/gym/action pages */
.action-list{display:grid;gap:10px;margin:12px 0;}
.action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(153,177,196,.14);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.08)),#1b2026;
}
.action-row:hover{background:linear-gradient(180deg,rgba(125,181,214,.07),rgba(0,0,0,.08)),#20262d;}
.action-title{font-weight:800;color:#eef7ff;margin-bottom:3px;}
.action-meta{color:var(--text-dim);font-size:12px;}
.action-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.action-controls .btn,.action-controls button{min-width:140px;}
.action-controls input[type="number"]{width:76px;}

.table{border-collapse:separate;border-spacing:0 7px;margin-top:10px;}
.table th{border-bottom:0;padding:4px 10px;color:#b6c3cf;}
.table td{background:rgba(15,18,21,.42);border-top:1px solid rgba(153,177,196,.10);border-bottom:1px solid rgba(153,177,196,.10);padding:10px;vertical-align:middle;}
.table td:first-child{border-left:1px solid rgba(153,177,196,.10);border-radius:9px 0 0 9px;}
.table td:last-child{border-right:1px solid rgba(153,177,196,.10);border-radius:0 9px 9px 0;}
.table form.form-row,.shop-buy-form{display:flex !important;align-items:center;justify-content:flex-end;gap:8px;min-width:170px;}
.table form.form-row input[type="number"],.shop-buy-form input[type="number"]{width:72px;max-width:72px;}
.table form.form-row .btn,.shop-buy-form .btn,.shop-buy-form button{min-width:74px;}
.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.form-row{align-items:center;}

/* City skyline: brighter and more pleasing without changing the SVG code */
.hero{
  border-style:solid;
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(111,176,219,.18),rgba(5,8,12,.55)),
    radial-gradient(500px 190px at 60% 8%,rgba(255,207,112,.13),transparent 58%),
    #10161d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.28);
  overflow:hidden;
}
.hero svg{filter:brightness(1.3) contrast(1.14) saturate(1.18) drop-shadow(0 8px 14px rgba(0,0,0,.52)) !important;}
.city-ticker{box-shadow:0 8px 18px rgba(0,0,0,.24);}

@media (max-width:720px){
  .action-row{grid-template-columns:1fr;}
  .action-controls{justify-content:stretch;}
  .action-controls .btn,.action-controls button{width:100%;}
  .table form.form-row,.shop-buy-form{justify-content:flex-start;}
  .table{font-size:12px;}
}
.crime-intro{
  margin:10px 0 18px;
  padding:11px 14px;
  border:1px solid rgba(153,177,196,.16);
  border-left:4px solid #d8b853;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.10)),#171c22;
  color:#d7e1ea;
  font-size:13px;
  line-height:1.45;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}


.market-intro{
  margin:10px 0 18px;
  padding:11px 14px;
  border:1px solid rgba(153,177,196,.16);
  border-left:4px solid #d8b853;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.10)),#171c22;
  color:#d7e1ea;
  font-size:13px;
  line-height:1.45;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

/* Items market tabs + table-style listings */
.market-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.market-tab{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(216,184,83,.22);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.16)),#111820;
  color:#d7e1ea;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.market-tab:hover,
.market-tab.is-active{
  border-color:rgba(216,184,83,.62);
  color:#fff3c4;
  background:linear-gradient(180deg,rgba(216,184,83,.18),rgba(0,0,0,.16)),#151b22;
}
.market-tab em{
  min-width:22px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(0,0,0,.32);
  color:#d8b853;
  font-style:normal;
  font-size:12px;
  text-align:center;
}
.market-table-card{padding:0;overflow:hidden;}
.market-table-head,
.market-table-row{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(120px,.55fr) minmax(180px,.85fr) minmax(160px,.55fr);
  align-items:center;
}
.market-table-head{
  padding:13px 14px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.10)),#111820;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#d8b853;
  font-weight:900;
  letter-spacing:.2px;
}
.market-table-row{
  min-height:72px;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:rgba(255,255,255,.018);
  transition:background .12s ease, transform .12s ease;
}
.market-table-row:hover{background:rgba(216,184,83,.055);}
.market-table-row:last-child{border-bottom:0;}
.market-cell{min-width:0;}
.market-cell-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.market-icon-frame{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  overflow:hidden;
  flex:0 0 48px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 50% 25%,#283241,#0b1016 72%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.market-item-icon{
  width:42px !important;
  height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.45));
}
.market-item-icon--missing{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8c96a3;
  font-weight:700;
}
.market-item-copy{min-width:0;}
.market-item-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5f7fb;}
.market-cell-price{font-weight:900;color:#f5f7fb;}
.market-seller{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#d7e1ea;
  text-decoration:none;
  font-weight:800;
}
.market-seller:hover{color:#fff3c4;}
.market-seller img{
  width:40px;
  height:40px;
  border-radius:8px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.12);
  background:#080b10;
  flex:0 0 40px;
}
.market-seller span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.market-cell-actions{display:flex;justify-content:flex-end;}
.market-buy-form,.market-remove-form{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin:0;
}
.market-buy-form input[type="number"]{width:66px;min-width:66px;}
.market-empty{padding:18px 14px;}
@media (max-width:850px){
  .market-table-head{display:none;}
  .market-table-row{
    grid-template-columns:1fr;
    gap:10px;
    align-items:flex-start;
  }
  .market-cell-price::before{content:'Cost: ';color:var(--muted,#9ca3af);font-weight:700;}
  .market-cell-seller::before{content:'Seller';display:block;color:var(--muted,#9ca3af);font-size:12px;margin-bottom:4px;}
  .market-cell-actions{justify-content:flex-start;width:100%;}
}



/* === Items Market proper table layout fix === */
.items-market-card{padding:0;overflow:hidden;background:var(--bg-2);}
.items-market-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;}
.items-market-table th{padding:12px 14px;text-align:left;color:var(--gold);font-weight:900;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.10)),var(--panel-deep);}
.items-market-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle;background:rgba(255,255,255,.015);}
.items-market-table tr:last-child td{border-bottom:0;}
.items-market-table tbody tr:hover td{background:rgba(125,181,214,.055);}
.im-col-item{width:44%;}.im-col-cost{width:18%;}.im-col-seller{width:25%;}.im-col-actions{width:13%;text-align:right!important;}
.im-item-cell{display:flex;align-items:center;gap:12px;min-width:0;}
.im-icon-frame{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;max-height:46px!important;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 25%,#283241,#0b1016 72%);border:1px solid rgba(255,255,255,.08);}
.im-icon-frame .market-item-icon{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;display:block!important;}
.im-item-text{display:block;min-width:0;line-height:1.25;}
.im-item-text strong{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.im-item-text small{display:block;color:var(--text-dim);font-size:12px;margin-top:2px;}
.im-cost-cell{font-weight:900;color:#fff;font-size:15px;white-space:nowrap;}
.im-seller{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--text);font-weight:800;}
.im-seller:hover{color:var(--accent-2);text-decoration:none;}
.im-seller img{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;max-height:38px!important;object-fit:cover!important;display:block!important;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#080b10;}
.im-seller span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.im-actions-cell{text-align:right;white-space:nowrap;}
.im-action-form{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;}
.im-buy-form input[type="number"]{width:58px;min-width:58px;padding:4px 6px;}
.items-market-empty{padding:18px 14px!important;text-align:center;}
@media (max-width:640px){
  .items-market-table,.items-market-table thead,.items-market-table tbody,.items-market-table tr,.items-market-table th,.items-market-table td{display:block;width:100%;}
  .items-market-table thead{display:none;}
  .items-market-table tr{border-bottom:1px solid var(--border);padding:10px 12px;}
  .items-market-table td{border:0!important;padding:6px 0!important;background:transparent!important;}
  .im-item-cell{display:flex!important;}
  .im-cost-cell:before{content:'Cost: ';color:var(--text-dim);font-weight:700;}
  .im-actions-cell{text-align:left;}
}

/* Weapons / Armour shop item thumbnails */
.shop-hero{margin:10px 0 16px;}
.shop-item-cell{display:flex;align-items:center;gap:12px;min-width:0;}
.shop-icon-frame{width:52px;height:52px;min-width:52px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 25%,#283241,#0b1016 72%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.shop-item-icon{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 5px 6px rgba(0,0,0,.45));}
.shop-item-icon--missing{display:flex;align-items:center;justify-content:center;color:#8c96a3;font-weight:800;}
.shop-item-copy{display:block;min-width:0;}
.shop-item-copy strong{display:block;color:#f5f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:640px){.shop-icon-frame{width:46px;height:46px;min-width:46px}.shop-item-icon{width:40px!important;height:40px!important;}}


/* Shop SVG hero fixes */
.shop-hero{height:180px;padding:0;align-items:stretch;justify-content:stretch;}
.shop-hero .shop-art-svg{display:block;width:100%;height:100%;min-width:100%;min-height:100%;}

/* Point shop polish */
.point-shop-hero{margin:10px 0 16px;height:180px;padding:0;align-items:stretch;justify-content:stretch;}
.point-shop-hero svg{display:block;width:100%;height:100%;min-width:100%;min-height:100%;}
.point-shop-wallet{
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  gap:12px;
  margin:12px 0 14px;
  padding:12px;
  border:1px solid rgba(153,177,196,.16);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.10)),#171c22;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.point-wallet-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:74px;
  padding:12px 14px;
  border-radius:12px;
  background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.22),transparent 48%),#0d1218;
  border:1px solid rgba(250,204,21,.18);
}
.point-wallet-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.point-wallet-main strong{font-size:32px;line-height:1;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.45);}
.point-wallet-extra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.point-wallet-extra span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#0c1117;border:1px solid rgba(153,177,196,.13);color:#c9d3dc;font-weight:700;}
.point-wallet-extra strong{color:#fff;}
.point-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;}
.point-shop-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:10px 12px;
  padding:14px;
  border:1px solid rgba(153,177,196,.15);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.10)),#1b2026;
  box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
}
.point-shop-card:hover{background:linear-gradient(180deg,rgba(125,181,214,.08),rgba(0,0,0,.10)),#20262d;}
.point-shop-icon{
  grid-row:1 / span 2;
  width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:radial-gradient(circle at 50% 25%,rgba(250,204,21,.24),transparent 58%),#0b1016;
  border:1px solid rgba(255,255,255,.10);
  font-size:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 14px rgba(0,0,0,.20);
}
.point-shop-copy{min-width:0;}
.point-shop-kicker{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;margin-bottom:2px;}
.point-shop-card h3{margin:0 0 4px;padding:0;background:none;border:0;font-size:17px;letter-spacing:0;text-transform:none;color:#f5f7fb;}
.point-shop-card p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.35;}
.point-shop-buyline{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:4px;
  border-top:1px dashed rgba(153,177,196,.14);
}
.point-shop-buyline strong{color:var(--gold);font-size:14px;}
.point-shop-buyline .btn{min-width:88px;}
@media (max-width:760px){
  .point-shop-wallet{grid-template-columns:1fr;}
  .point-shop-grid{grid-template-columns:1fr;}
}
@media (max-width:420px){
  .point-shop-card{grid-template-columns:46px minmax(0,1fr);padding:12px;}
  .point-shop-icon{width:46px;height:46px;font-size:23px;}
  .point-shop-buyline{grid-column:1 / -1;}
}

/* 50/50 Chance polish */
.fifty-hero{height:180px;padding:0;align-items:stretch;justify-content:stretch;margin-bottom:12px;}
.fifty-hero svg{display:block;width:100%;height:100%;min-width:100%;min-height:100%;}
.fifty-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin:10px 0 14px;
  padding:14px;
  border:1px solid rgba(153,177,196,.16);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.12)),#171c22;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.16);
}
.fifty-overview p{margin:2px 0 0;color:#d5dee7;line-height:1.45;}
.fifty-kicker{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;}
.fifty-wallet{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.fifty-wallet span{min-width:120px;padding:10px 12px;border-radius:12px;background:#0c1117;border:1px solid rgba(153,177,196,.14);}
.fifty-wallet small{display:block;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:2px;}
.fifty-wallet strong{display:block;color:#fff;font-size:18px;line-height:1.1;}
.fifty-bet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;}
.fifty-bet-card{overflow:hidden;}
.fifty-bet-card h3{font-size:13px;}
.fifty-bet-form{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px;align-items:center;}
.fifty-bet-icon{
  grid-row:1 / span 2;
  width:58px;height:58px;
  display:flex;align-items:center;justify-content:center;
  border-radius:999px;
  font-size:28px;font-weight:950;
  color:#111;
  background:radial-gradient(circle at 35% 25%,#fff4b8,#d6a740 52%,#7d5517 100%);
  border:1px solid rgba(255,230,148,.50);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.28);
}
.fifty-points-card .fifty-bet-icon{color:#eaf6ff;background:radial-gradient(circle at 35% 25%,#9fd7ff,#386d90 56%,#152633 100%);border-color:rgba(159,215,255,.44);}
.fifty-bet-copy{min-width:0;}
.fifty-bet-copy input{width:100%;margin-top:6px;font-size:16px;font-weight:800;text-align:left;}
.fifty-bet-form button{grid-column:2;min-height:42px;width:100%;font-size:13px;}
.fifty-open-card{margin-top:14px;}
.fifty-table th:last-child,.fifty-table td:last-child{text-align:right;}
.fifty-stake-chip{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:4px 8px;border-radius:999px;background:#0c1117;border:1px solid rgba(153,177,196,.16);color:#cdd7e0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}
.fifty-amount{font-weight:950;color:var(--gold);white-space:nowrap;}
.fifty-action-form{display:inline-flex;margin:0;justify-content:flex-end;}
.fifty-action .btn{min-width:104px;}
.fifty-empty{padding:22px 14px;text-align:center;color:var(--text-dim);}
.fifty-empty strong{display:block;color:#f5f7fb;font-size:17px;margin-bottom:4px;}
.fifty-empty span{display:block;}
@media (max-width:760px){
  .fifty-overview{grid-template-columns:1fr;}
  .fifty-wallet{justify-content:flex-start;}
  .fifty-bet-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .fifty-bet-form{grid-template-columns:48px minmax(0,1fr);}
  .fifty-bet-icon{width:48px;height:48px;font-size:23px;}
  .fifty-bet-form button{grid-column:1 / -1;}
}