:root{ --gold:#FFD700; --amber:#FFA500; --bg:#0b0f14; --panel:#121821; --ink:#eaeff7; --muted:#a8b4c3; --line:rgba(255,255,255,0.08); --green:#39d67f; --red:#ff6b6b; }
*{ box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html,body{ margin:0; padding:0; background:linear-gradient(180deg,#0e141b,#0b0f14); color:var(--ink); font-family: Arial, sans-serif; }
#ms-app{ min-height:100svh; display:flex; flex-direction:column; transform: scale(1.12); transform-origin: top center; }

.ms-header{ position: sticky; top:0; z-index: 10; background: linear-gradient(180deg, rgba(18,24,33,0.95), rgba(18,24,33,0.85)); border-bottom:1px solid var(--line); padding: 10px 12px 12px; backdrop-filter: blur(10px); }
.ms-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ms-title{ font-weight:900; letter-spacing:.5px; color:var(--gold); text-shadow:0 0 10px rgba(255,215,0,0.35); }
.ms-home,.ms-audio{ width:40px;height:40px;border-radius:10px;border:1px solid var(--line); background:#1a2330; color:var(--ink); font-size:18px; display:grid; place-items:center; }
.ms-home:active,.ms-audio:active{ transform: scale(0.98); }

.ms-under-home{
  margin: 6px auto 8px;
  display: block;
  width: 140px;
  background: linear-gradient(45deg,#FFD700,#FFA500);
  color:#222;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:10px;
  padding:10px 12px;
  font-weight:900;
}
.ms-under-home:active{ transform: scale(0.98); }

.ms-wallet{ display:flex; gap:8px; margin-top:8px; overflow-x:auto; padding-bottom:2px; }
.ms-pill{ flex:0 0 auto; display:flex; align-items:center; gap:8px; background:#131b26; border:1px solid var(--line); border-radius:999px; padding:8px 12px; }
.ms-pill span{ color:var(--muted); font-size:12px; }
.ms-pill strong{ color:var(--gold); font-size:14px; }

.ms-main{ padding: 12px; display:flex; flex-direction:column; gap:14px; }

.ms-section{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:12px; }
.ms-section h2{ margin:4px 4px 10px; font-size:16px; color:var(--gold); letter-spacing:.5px; }

.ms-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; }
.ms-card{ background:#162132; border:1px solid var(--line); color:var(--ink); border-radius:12px; padding:12px; text-align:left; display:flex; flex-direction:column; gap:6px; font-weight:700; }
.ms-card:active{ transform: scale(0.98); }
.ms-card-title{ font-size:14px; color:#ffec8b; }
.ms-card-sub{ font-size:12px; color:var(--muted); }
.ms-odds{ font-size:11px; color:#cfe6ff; opacity:.8; }

.ms-actions{ display:flex; gap:8px; margin-top:10px; }
.ms-btn{ flex:1; background:linear-gradient(45deg,#4a4a4a,#666); border:none; color:#fff; padding:10px 14px; border-radius:10px; font-weight:800; }
.ms-btn.ghost{ background:rgba(255,255,255,0.08); border:1px solid var(--line); }

.ms-list{ display:flex; flex-direction:column; gap:10px; }
.ms-upg{ display:flex; align-items:center; justify-content:space-between; background:#162132; border:1px solid var(--line); border-radius:12px; padding:10px; }
.ms-upg .info{ display:flex; flex-direction:column; gap:4px; }
.ms-upg .name{ font-weight:900; font-size:14px; color:#ffec8b; }
.ms-upg .desc{ font-size:12px; color:var(--muted); }
.ms-upg .cost{ font-size:12px; color:#cfe6ff; }
.ms-upg .buy{ background:linear-gradient(45deg,#FFD700,#FFA500); color:#222; border:none; padding:8px 12px; border-radius:10px; font-weight:900; }

.ms-inv{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; }
.ms-item{ background:#162132; border:1px solid var(--line); border-radius:12px; padding:10px; display:flex; gap:10px; align-items:center; }
.ms-item .icon{ width:38px;height:38px; border-radius:8px; background:rgba(255,255,255,0.06); display:grid; place-items:center; font-weight:900; }
.ms-item .meta{ display:flex; flex-direction:column; gap:4px; }
.ms-item .n{ font-size:13px; font-weight:800; color:#ffec8b; }
.ms-item .r{ font-size:11px; color:#cfe6ff; opacity:.85; }
.ms-item .flag{ font-size:10px; color:#39d67f; }
.ms-item .fx{ font-size:11px; color:#cfe6ff; opacity:.9; line-height:1.2; }
.ms-item .eq{ margin-left:auto; background:rgba(255,255,255,0.08); border:1px solid var(--line); color:#fff; padding:6px 8px; border-radius:8px; font-size:12px; }

#ms-toast{ position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 100; }
#ms-toast .t{ background:rgba(0,0,0,0.85); border:1px solid var(--line); color:#fff; padding:10px 14px; border-radius:10px; margin-top:8px; font-size:13px; }

@media (max-width:380px){
  .ms-grid{ grid-template-columns: 1fr; }
  .ms-inv{ grid-template-columns: 1fr; }
}

.ms-toolbar{ display:flex; gap:8px; margin:10px 0 0; }
.ms-toolbar .ms-btn{ flex:1; }
.ms-item.selected{ outline:2px solid var(--gold); box-shadow:0 0 10px rgba(255,215,0,0.35); }