:root{
  --bg:#070a0d;--panel:#0d1217;--panel2:#10171d;--line:#1b2630;--text:#edf4f7;
  --muted:#75838d;--green:#63f2a6;--yellow:#ffd66b;--red:#ff6f7d;--blue:#6ea8ff;
  --radius:18px;--shadow:0 18px 50px rgba(0,0,0,.23)
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;background:radial-gradient(900px 500px at 72% -10%,rgba(99,242,166,.07),transparent 55%),var(--bg)}
button,input,select{font:inherit}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.sidebar{border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:rgba(7,10,13,.94);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;font-size:15px}.brand>div:last-child{display:grid}.brand span{color:var(--green);font-size:9px;letter-spacing:2px;font-weight:800}
.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--green);color:#052012;font-weight:900;box-shadow:0 0 30px rgba(99,242,166,.15)}
nav{display:grid;gap:7px}.nav{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#788690;padding:12px 14px;border-radius:11px;text-align:left;cursor:pointer;font-weight:650}.nav:hover,.nav.active{background:#10171c;color:#f4fbf8}.nav.active{box-shadow:inset 3px 0 0 var(--green)}.sidebar-bottom{margin-top:auto;color:var(--muted);padding:12px 10px}.status-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px}.status-row i{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.status-row i.ok{background:var(--green);box-shadow:0 0 12px var(--green)}.status-row i.bad{background:var(--red)}
main{padding:28px 34px 70px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1,h2,p{margin:0}h1{font-size:27px;letter-spacing:-.8px}header p{color:var(--muted);font-size:13px;margin-top:5px}h2{font-size:17px;letter-spacing:-.25px}.header-actions{display:flex;align-items:center;gap:11px}
button{cursor:pointer}.primary{border:0;background:var(--green);color:#06170d;border-radius:10px;padding:10px 16px;font-weight:800;box-shadow:0 6px 24px rgba(99,242,166,.10)}.primary:hover{filter:brightness(1.05)}.primary:disabled{opacity:.5;cursor:not-allowed}
.badge{font-size:10px;font-weight:900;letter-spacing:1.3px;border:1px solid var(--line);border-radius:99px;padding:7px 10px}.badge.live{color:var(--green);border-color:rgba(99,242,166,.28);background:rgba(99,242,166,.06)}.badge.demo{color:var(--yellow);border-color:rgba(255,214,107,.25);background:rgba(255,214,107,.05)}
.page{display:none}.page.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:linear-gradient(145deg,#0f151a,#0b1014);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:var(--shadow)}.metric span{display:block;color:#93a0a8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.metric b{display:block;font-size:27px;margin:8px 0 2px;letter-spacing:-1px}.metric small{color:#58656d}
.panel{background:linear-gradient(160deg,rgba(15,21,26,.96),rgba(10,15,19,.96));border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);min-width:0}.feature{margin-bottom:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{display:block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.6px;margin-bottom:5px}.muted{color:var(--muted);font-size:11px}.legend{display:flex;gap:13px;color:#697781;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.legend .g{background:var(--green)}.legend .y{background:var(--yellow)}.legend .r{background:var(--red)}
.token-table-wrap{overflow-x:auto}.token-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.token-table th{text-align:left;color:#596771;font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:0 10px 10px}.token-table td{border-top:1px solid #172129;padding:13px 10px;color:#b9c4ca}.token-table tbody tr{cursor:pointer}.token-table tbody tr:hover{background:rgba(255,255,255,.015)}.token-cell{display:flex;align-items:center;gap:9px}.coin{width:28px;height:28px;border-radius:9px;background:#172229;display:grid;place-items:center;color:var(--green);font-size:10px;font-weight:900}.token-cell b{display:block;color:#ecf3f6}.token-cell small{display:block;color:#5e6d76;margin-top:2px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:39px;padding:5px 7px;border-radius:8px;font-weight:900}.score-pill.high{background:rgba(99,242,166,.10);color:var(--green)}.score-pill.mid{background:rgba(255,214,107,.10);color:var(--yellow)}.score-pill.low{background:rgba(255,111,125,.09);color:var(--red)}.risk.good{color:var(--green)}.risk.warn{color:var(--red)}
.empty{display:none;color:#5f6e76;text-align:center;padding:36px 10px;font-size:12px}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.two-col.wide-left{grid-template-columns:1.35fr .65fr}.engine{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#172129;border:1px solid #172129;border-radius:12px;overflow:hidden}.engine>div{background:#0c1216;padding:14px}.engine span{display:block;color:#5f6c75;font-size:10px;text-transform:uppercase}.engine b{display:block;font-size:13px;margin-top:4px}.score-bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:48px 1fr 35px;align-items:center;gap:10px;color:#7a8992;font-size:11px}.bar-track{height:8px;background:#151f26;border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--green)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alert-card{border:1px solid #1a2730;background:#0b1115;border-radius:14px;padding:16px}.alert-top{display:flex;justify-content:space-between;gap:12px}.alert-card h3{margin:0;font-size:14px}.alert-card p{color:#65747d;font-size:11px;margin-top:3px}.alert-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.alert-meta div{background:#10181d;padding:10px;border-radius:9px}.alert-meta span{display:block;color:#5c6b74;font-size:9px;text-transform:uppercase}.alert-meta b{display:block;font-size:12px;margin-top:3px}.wallet-list{display:grid;gap:9px}.wallet{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px;background:#0b1115;border:1px solid #172129;border-radius:12px}.wallet b{font-size:12px}.wallet small{display:block;color:#5c6b74;margin-top:3px;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-score{color:var(--green);font-size:12px;font-weight:800}.icon-btn{background:transparent;border:1px solid #25313a;color:#7b8991;border-radius:8px;padding:6px 9px}.icon-btn:hover{color:var(--red);border-color:rgba(255,111,125,.3)}
.form{display:grid;gap:13px}.form label{display:grid;gap:6px;color:#788791;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form input,.form select,.form textarea{width:100%;background:#090e12;border:1px solid #202c35;color:#dce6ea;border-radius:9px;padding:11px 12px;outline:none}.form input:focus,.form select:focus{border-color:rgba(99,242,166,.5);box-shadow:0 0 0 3px rgba(99,242,166,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .check{display:flex;grid-template:none;align-items:center;gap:8px;text-transform:none}.form .check input{width:auto}.note{color:#596870;font-size:10px;line-height:1.5}.note code{color:#9cacb4}.danger-panel{margin-top:14px;display:flex;align-items:center;justify-content:space-between}.danger-panel p{color:#62717a;font-size:11px;margin-top:4px}.danger{border:1px solid rgba(255,111,125,.28);background:rgba(255,111,125,.07);color:var(--red);padding:9px 12px;border-radius:9px;font-weight:700}
.toast{position:fixed;right:22px;bottom:22px;background:#131d23;border:1px solid #26343d;padding:12px 15px;border-radius:11px;font-size:12px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:rgba(255,111,125,.35);color:#ff9ba4}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:20;padding:24px;backdrop-filter:blur(5px)}.modal.hidden{display:none}.modal-card{position:relative;background:#0e151a;border:1px solid #24313a;border-radius:18px;width:min(670px,100%);max-height:85vh;overflow:auto;padding:25px;box-shadow:0 40px 100px #000}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#697780;font-size:24px}.detail-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.detail-title .coin{width:42px;height:42px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.detail-grid>div{background:#0a1014;border:1px solid #19242b;border-radius:11px;padding:11px}.detail-grid span{display:block;color:#5b6871;font-size:9px;text-transform:uppercase}.detail-grid b{display:block;font-size:12px;margin-top:4px}.detail-list{margin-top:14px}.detail-list h4{font-size:10px;color:#687781;text-transform:uppercase;letter-spacing:1px;margin:0 0 7px}.detail-list div{font-size:11px;color:#aebbc1;line-height:1.7}
@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.two-col,.two-col.wide-left{grid-template-columns:1fr}}
@media(max-width:720px){.shell{grid-template-columns:66px 1fr}.sidebar{padding:20px 8px}.brand>div:last-child,.nav span,.sidebar-bottom small{display:none}.brand{padding:0 6px 24px}.logo{width:36px}.nav{justify-content:center;padding:12px}.sidebar-bottom{padding:8px 2px}.status-row span{display:none}main{padding:20px 13px 50px}header{align-items:flex-start}h1{font-size:22px}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.panel{padding:15px}.header-actions{gap:6px}.primary{padding:9px 11px}}

.proposal-list,.position-list{display:grid;gap:10px}.proposal,.position{border:1px solid #1b2831;background:#0a1014;border-radius:13px;padding:14px}
.proposal-head,.position-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.proposal-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.secondary{border:1px solid #26343d;background:#11191e;color:#d7e2e7;border-radius:9px;padding:8px 11px;font-weight:700}.reject{border:1px solid rgba(255,111,125,.25);background:transparent;color:var(--red);border-radius:9px;padding:8px 11px}
.position-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.position-stats div{background:#10181d;border-radius:8px;padding:8px}.position-stats span{display:block;color:#5d6c75;font-size:9px;text-transform:uppercase}.position-stats b{font-size:11px}
.form textarea{resize:vertical;background:#090e12;border:1px solid #202c35;color:#dce6ea;border-radius:9px;padding:11px 12px;outline:none}

.paper-bank{margin-bottom:14px}.paper-metrics{margin-bottom:10px}.equity-chart-wrap{margin-top:10px;background:#090f13;border:1px solid #18242b;border-radius:13px;padding:14px}
.chart-title{display:flex;align-items:center;justify-content:space-between;color:#71808a;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}
#equityChart{width:100%;height:180px;display:block;overflow:visible}
.equity-grid{stroke:#18232a;stroke-width:1;vector-effect:non-scaling-stroke}
.equity-line{fill:none;stroke:#63f2a6;stroke-width:2.4;vector-effect:non-scaling-stroke}
.equity-fill{fill:rgba(99,242,166,.07)}

.paper-live-grid{margin-bottom:14px}.activity-feed{display:grid;gap:7px;max-height:320px;overflow:auto}
.activity-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #172129;padding:9px 3px}
.activity-row:last-child{border-bottom:0}.activity-type{font-size:9px;font-weight:900;letter-spacing:.8px;color:var(--green)}
.activity-type.SELL{color:var(--yellow)}.activity-type.TICK{color:var(--blue)}.activity-type.RESET{color:#8b99a2}
.activity-msg{font-size:11px;color:#bcc8ce}.activity-time{font-size:9px;color:#54636c}
.live-dot-label{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px;font-weight:900;letter-spacing:1px}
.live-dot-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.moon-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(700px 220px at 30% 0%,rgba(99,242,166,.08),transparent 70%),linear-gradient(145deg,#10181d,#090f13)}
.moon-title-row{display:flex;align-items:center;gap:12px}.moon-title-row h2{font-size:22px;letter-spacing:-.5px}.moon-balance-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:8px 0 4px}
.moon-balance-row>b{font-size:40px;letter-spacing:-2px}.moon-move{font-size:15px;font-weight:900;color:var(--green)}
.moon-chart-panel{margin-bottom:14px;padding:20px}.moon-chart-controls{display:flex;gap:6px}.chart-range{border:1px solid #26343d;background:#0c1317;color:#697781;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.chart-range.active{color:var(--green);border-color:rgba(99,242,166,.35);background:rgba(99,242,166,.06)}
.moon-chart-wrap{position:relative;height:370px;background:linear-gradient(180deg,rgba(99,242,166,.018),transparent);border-radius:12px;overflow:hidden}.moon-chart-wrap svg{width:100%;height:100%;display:block}
.moon-grid{stroke:#172229;stroke-width:1;vector-effect:non-scaling-stroke}.moon-start-line{stroke:#304048;stroke-width:1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}
.moon-line-up{fill:none;stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}.moon-line-down{fill:none;stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}
.moon-area-up{fill:rgba(99,242,166,.07)}.moon-area-down{fill:rgba(255,111,125,.055)}.moon-dot-up{fill:var(--green)}.moon-dot-down{fill:var(--red)}
.moon-chart-overlay{position:absolute;right:12px;top:10px;display:grid;gap:3px;text-align:right;font-size:9px;color:#596870}.moon-chart-footer{display:flex;justify-content:space-between;color:#5f6d75;font-size:10px;margin-top:8px}
.portfolio-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.portfolio-chart{width:100%;height:220px;display:block}.portfolio-chart .grid-line{stroke:#19242b;stroke-width:1;vector-effect:non-scaling-stroke}.portfolio-chart .zero-line{stroke:#34434c;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.portfolio-chart .pnl-line{fill:none;stroke:var(--blue);stroke-width:2.5;vector-effect:non-scaling-stroke}.portfolio-chart .pnl-area{fill:rgba(110,168,255,.06)}
.portfolio-position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.portfolio-position{background:#0a1014;border:1px solid #19252d;border-radius:13px;padding:14px}.portfolio-position .position-token{display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-position .big-pnl{font-size:22px;font-weight:900;margin:12px 0 3px}.portfolio-position .pnl-dollar{font-size:11px;color:#81909a}
.position-bars{display:grid;gap:12px}.position-bar-row{display:grid;grid-template-columns:72px 1fr 55px;gap:9px;align-items:center;font-size:11px}.position-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.position-bar-track{height:13px;border-radius:99px;background:#131d23;position:relative;overflow:hidden}.position-bar-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#40505a;z-index:2}.position-bar-fill{position:absolute;top:2px;bottom:2px;border-radius:99px}.position-bar-fill.positive{left:50%;background:var(--green)}.position-bar-fill.negative{right:50%;background:var(--red)}
.portfolio-activity{max-height:350px}
@media(max-width:1100px){.portfolio-position-grid{grid-template-columns:1fr 1fr}.portfolio-chart-grid{grid-template-columns:1fr}}
@media(max-width:720px){.moon-hero{align-items:flex-start;flex-direction:column}.moon-balance-row>b{font-size:31px}.moon-chart-wrap{height:280px}.portfolio-position-grid{grid-template-columns:1fr}.moon-chart-controls{display:none}}

.status-row i.scanning{animation:statusPulse 1s infinite}
.status-row i.warn{background:var(--yellow);box-shadow:0 0 10px rgba(255,214,107,.35)}
@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

.api-debug{margin-bottom:10px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,214,107,.25);background:rgba(255,214,107,.05);color:var(--yellow);font-size:10px}
.hidden-debug{display:none}


/* ============================================================
   COLONY / PIXEL FRONTIER UI
   Game-inspired, original treatment: chunky HUD panels, earthy
   materials, pixel-like type and management-console hierarchy.
   ============================================================ */

:root{
  --bg:#161710;
  --panel:#24291c;
  --panel2:#303624;
  --panel3:#171b13;
  --line:#5e6541;
  --line-hi:#929760;
  --green:#a7d95e;
  --green2:#6f9e45;
  --yellow:#e5c66b;
  --red:#d96f59;
  --blue:#7fb8bd;
  --ink:#e8e2c3;
  --muted:#aaa989;
  --radius:3px;
  --shadow:5px 6px 0 rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{background:#11130d}
body{
  color:var(--ink);
  font-family:"Courier New",Consolas,monospace;
  letter-spacing:.01em;
  background:
    radial-gradient(circle at 20% 10%,rgba(144,151,88,.08),transparent 28%),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    #15170f;
  background-size:auto,12px 12px,12px 12px,auto;
}

body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:9999;
  opacity:.13;
  background:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);
  mix-blend-mode:overlay;
}

.shell{background:transparent}
.sidebar{
  background:
    linear-gradient(rgba(255,255,255,.025),rgba(0,0,0,.04)),
    repeating-linear-gradient(0deg,#22281a 0 6px,#202519 6px 12px);
  border-right:4px solid #0b0d08;
  box-shadow:inset -2px 0 0 #51583a,8px 0 0 rgba(0,0,0,.18);
}

.brand{
  border-bottom:2px solid #555b3b;
  padding-bottom:18px!important;
  margin-bottom:10px;
}
.brand b{
  font-size:13px;
  text-shadow:2px 2px 0 #000;
  letter-spacing:.7px;
}
.brand span{
  color:#c8bd75!important;
  font-size:8px!important;
  letter-spacing:1.1px!important;
}
.logo{
  border-radius:2px!important;
  border:2px solid #c3b76e!important;
  background:
    linear-gradient(135deg,#87994f,#506432)!important;
  color:#18200f!important;
  box-shadow:inset 0 0 0 2px #344222,3px 3px 0 #0c0e09!important;
  font-weight:900;
  text-shadow:0 1px #d9e18d;
}

nav{gap:8px!important}
.nav{
  border-radius:2px!important;
  border:2px solid transparent!important;
  color:#b8b696!important;
  background:rgba(13,16,10,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  font-family:inherit;
  transition:transform .08s ease,border-color .08s ease,background .08s ease;
}
.nav:hover{
  transform:translate(-1px,-1px);
  border-color:#59603e!important;
  background:#2a3020!important;
}
.nav.active{
  color:#f1edcf!important;
  background:
    linear-gradient(180deg,#4f5b32,#394326)!important;
  border-color:#8e965d!important;
  box-shadow:inset 0 0 0 2px #27301a,3px 3px 0 #0c0e09!important;
}
.nav.active::before{
  content:"▸";
  color:#e6cb68;
  margin-right:5px;
}

.sidebar-bottom{border-top:2px solid #51583a!important}
.status-plaque{
  padding:8px;
  background:#151911;
  border:2px solid #555d3c;
  box-shadow:inset 0 0 0 2px #0c0e09;
}
.plaque-label{
  display:block;
  color:#777a5b;
  font-size:8px;
  letter-spacing:1.2px;
  margin-bottom:5px;
}
.status-row{font-size:9px!important;color:#d6d0ad!important}
.status-row i{
  width:8px!important;height:8px!important;
  border-radius:1px!important;
  box-shadow:0 0 0 1px #0a0c08,0 0 8px currentColor!important;
}

main{padding-top:26px!important}
.game-header{
  background:
    linear-gradient(180deg,rgba(113,122,69,.13),rgba(18,21,14,.75));
  border:2px solid #545c3a;
  box-shadow:inset 0 0 0 2px #11150d,var(--shadow);
  padding:14px 16px!important;
  margin-bottom:18px!important;
}
.game-title-wrap{display:flex;align-items:center;gap:12px}
.pixel-rune{
  width:38px;height:38px;display:grid;place-items:center;
  color:#f1d67a;
  background:#313820;
  border:2px solid #7d8550;
  box-shadow:inset 0 0 0 2px #171b10,3px 3px 0 #080a06;
  font-size:18px;
}
h1,h2,h3,b,strong,.primary,.secondary,.danger,.reject,.chart-range{
  font-family:"Courier New",Consolas,monospace;
}
h1{
  font-size:25px!important;
  letter-spacing:1px!important;
  text-shadow:3px 3px 0 #090b07;
}
header p{color:#9e9c7e!important}
.eyebrow{
  color:#d3bd68!important;
  letter-spacing:1.4px!important;
  font-weight:900!important;
}

.panel,.metric,.moon-hero,.proposal,.position,.portfolio-position,.detail-grid>div,.equity-chart-wrap{
  border-radius:3px!important;
  border:2px solid #59613e!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),
    linear-gradient(135deg,#292f20,#20251a)!important;
  box-shadow:
    inset 0 0 0 2px #13170f,
    inset 0 1px 0 rgba(255,255,255,.08),
    4px 5px 0 rgba(0,0,0,.35)!important;
}

.panel.feature{
  border-color:#747b4b!important;
}
.panel-head{
  border-bottom:1px dashed rgba(176,177,125,.2);
  padding-bottom:10px;
  margin-bottom:12px;
}
.panel h2{letter-spacing:.2px;text-shadow:2px 2px 0 #0c0f09}
.metric{position:relative;overflow:hidden}
.metric::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:4px;
  background:#737d48;
  box-shadow:1px 0 #151810;
}
.metric span{color:#aaa887!important;font-size:9px!important}
.metric b{
  color:#f1edcf!important;
  text-shadow:2px 2px 0 #080a06;
}
.metric small{color:#777a61!important}

.primary,.secondary,.danger,.reject,.chart-range{
  border-radius:2px!important;
  border:2px solid #70794a!important;
  background:
    linear-gradient(180deg,#536035,#3d4728)!important;
  color:#f3ecc9!important;
  box-shadow:inset 0 0 0 2px #252b19,3px 3px 0 #090b07!important;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.primary:hover,.secondary:hover,.chart-range:hover{
  transform:translate(-1px,-1px);
  filter:brightness(1.13);
}
.primary:active,.secondary:active,.chart-range:active{
  transform:translate(2px,2px);
  box-shadow:inset 0 0 0 2px #252b19,1px 1px 0 #090b07!important;
}
.danger,.reject{
  border-color:#8e5144!important;
  background:linear-gradient(180deg,#6d3c32,#4b2a24)!important;
}

.badge{
  border-radius:2px!important;
  border:2px solid #5e6541!important;
  box-shadow:inset 0 0 0 1px #15180f,2px 2px 0 #090b07;
}
.badge.demo{color:#f0d579!important;background:#4a4228!important}
.badge.live{color:#c9ef91!important;background:#2f4e2d!important}

.token-table-wrap{
  border:2px solid #474e34;
  background:#151910;
  box-shadow:inset 0 0 0 2px #090b07;
}
.token-table thead{
  background:#343b26!important;
}
.token-table th{
  color:#d0c78a!important;
  border-bottom:2px solid #606744!important;
}
.token-table td{
  border-bottom:1px dashed #323824!important;
  color:#d2cfb2!important;
}
.token-table tbody tr:hover{background:#303622!important}
.coin{
  border-radius:2px!important;
  border:2px solid #6f7749!important;
  box-shadow:2px 2px 0 #090b07;
}

.score-pill,.risk-pill{
  border-radius:2px!important;
  box-shadow:1px 1px 0 #080a06;
}

.engine{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.engine>div{
  background:#171b12!important;
  border:1px solid #454c31!important;
  border-radius:2px!important;
  box-shadow:inset 0 0 0 1px #0d0f0a;
}
.engine span{color:#89886e!important}
.engine b{color:#ded8b5!important}

.form input,.form select,.form textarea{
  border-radius:2px!important;
  border:2px solid #51583a!important;
  background:#13170e!important;
  color:#e6e0bf!important;
  box-shadow:inset 0 0 0 2px #090b07!important;
  font-family:inherit;
}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:#98a35d!important;
  box-shadow:inset 0 0 0 2px #090b07,0 0 0 2px rgba(170,191,96,.12)!important;
}

.empty{
  border:1px dashed #535a3b;
  padding:15px;
  color:#8f8e73!important;
  background:rgba(10,12,8,.25);
}

.moon-hero{
  background:
    radial-gradient(circle at 85% 10%,rgba(229,198,107,.08),transparent 24%),
    linear-gradient(135deg,#303923,#1d2217)!important;
  border-color:#7b8350!important;
}
.moon-title-row h2{
  color:#f0dc7c;
  text-shadow:3px 3px 0 #0b0d08;
}
.moon-balance-row>b{
  color:#dff49b!important;
  text-shadow:4px 4px 0 #0a0c08;
}
.moon-chart-wrap{
  border:2px solid #444b31;
  border-radius:2px!important;
  background:
    linear-gradient(rgba(126,136,83,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,136,83,.08) 1px,transparent 1px),
    #12160e!important;
  background-size:32px 32px!important;
  box-shadow:inset 0 0 0 2px #090b07;
}
.chart-range.active{
  color:#f3e493!important;
  border-color:#a99e5b!important;
  background:linear-gradient(180deg,#665f35,#474225)!important;
}

.activity-feed{
  background:#12160e;
  border:2px solid #444b31;
  box-shadow:inset 0 0 0 2px #090b07;
  padding:7px;
}
.activity-row{
  border-bottom:1px dashed #3c422b!important;
}
.activity-type{
  display:inline-block;
  padding:2px 4px;
  border:1px solid #52603a;
  background:#1e2618;
}
.activity-msg{color:#d3cfb1!important}
.activity-time{color:#77775f!important}

.modal{backdrop-filter:none!important;background:rgba(4,5,3,.82)!important}
.modal-card{
  border-radius:3px!important;
  border:3px solid #6f7749!important;
  background:#20261a!important;
  box-shadow:inset 0 0 0 2px #0c0f09,8px 9px 0 rgba(0,0,0,.55)!important;
}

.toast{
  border-radius:2px!important;
  border:2px solid #70784a!important;
  background:#20261a!important;
  box-shadow:inset 0 0 0 2px #0c0f09,4px 4px 0 #070905!important;
}

.api-debug{
  border-radius:2px!important;
  border:2px solid #8c7545!important;
  background:#3b321f!important;
  color:#f0d886!important;
  box-shadow:inset 0 0 0 2px #16130b;
}

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#11140d;border:1px solid #363c28}
::-webkit-scrollbar-thumb{
  background:#59603d;
  border:2px solid #161a11;
  box-shadow:inset 0 0 0 1px #7e8653;
}
::-webkit-scrollbar-corner{background:#11140d}

@media(max-width:720px){
  .nav.active::before{display:none}
  .game-header{padding:11px!important}
  .pixel-rune{display:none}
}

/* subtle pixel corners */
.panel,.metric,.moon-hero,.proposal,.position,.portfolio-position,.game-header,.status-plaque{
  clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));
}


.strategy-panel{margin-bottom:18px}
.strategy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.strategy-grid>div{
  padding:12px;background:#151a11;border:1px solid #4f5837;
  box-shadow:inset 0 0 0 1px #0b0e08;
}
.strategy-grid span,.strategy-grid small{display:block;color:#918f72;font-size:9px}
.strategy-grid b{display:block;margin:5px 0;color:#eee7bf;font-size:15px}
.strategy-ladder{
  margin-top:10px;padding:9px 10px;border:1px dashed #59613e;background:#12160e;
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:9px;color:#c9c294
}
.strategy-ladder i{color:#747b4b}
.guard-pill{
  padding:5px 8px;border:2px solid #6d7847;background:#28351e;color:#c7ec89;
  box-shadow:inset 0 0 0 1px #11160d,2px 2px 0 #080a06;font-size:9px;font-weight:900
}
.guard-pill.halted{border-color:#8d4d42;background:#4a2822;color:#f0a58f}
.position-milestones{display:flex;gap:6px;margin-top:9px}
.position-milestones span{
  padding:3px 5px;border:1px solid #444b31;background:#151910;color:#77775f;font-size:8px
}
.position-milestones span.done{border-color:#6f8245;color:#cce88c;background:#26331d}
@media(max-width:900px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ============================================================
   SPLIT STRATEGY TAB
   TO THE MOON = paper portfolio.
   LIVE STRATEGY = real-money playbook / Phantom approval path.
   ============================================================ */
.strategy-command-hero{
  display:flex;justify-content:space-between;gap:18px;align-items:stretch;
  margin-bottom:18px;padding:18px;
  border:2px solid #745f37;
  background:
    radial-gradient(circle at 12% 10%,rgba(236,153,65,.12),transparent 25%),
    linear-gradient(135deg,#352c1c,#1f2116 56%,#20271a);
  box-shadow:inset 0 0 0 2px #11130c,5px 6px 0 rgba(0,0,0,.42);
  clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));
}
.strategy-command-title{display:flex;align-items:center;gap:12px;margin:5px 0}
.strategy-command-title h2{font-size:25px;margin:0;color:#f0c66f;text-shadow:3px 3px 0 #090b07}
.strategy-command-hero p{max-width:720px;margin-bottom:0}
.strategy-mode-plaque{
  min-width:210px;padding:13px;border:2px solid #6c7147;background:#13170f;
  box-shadow:inset 0 0 0 2px #090b07;display:flex;flex-direction:column;justify-content:center
}
.strategy-mode-plaque span{font-size:8px;color:#8b896d;letter-spacing:1.2px}
.strategy-mode-plaque b{display:block;margin:5px 0;color:#d9ed9b;font-size:13px}
.strategy-mode-plaque small{color:#8e8c70;font-size:9px;line-height:1.35}
.strategy-kpis{margin-bottom:18px}
.live-plan-panel{margin-bottom:18px}
.live-rule-stack{display:flex;flex-direction:column;gap:10px}
.live-rule{
  display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #50583a;background:#151a11
}
.live-rule>i{
  width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;
  border:2px solid #72794b;background:#333b25;color:#e2d18b;font-style:normal;font-weight:900
}
.live-rule b{display:block;color:#e8e1be;margin-bottom:4px}
.live-rule span{display:block;color:#99977b;font-size:9px;line-height:1.4}
.danger-rule{border-color:#684338;background:#211612}
.danger-rule>i{border-color:#8b5547;background:#553028;color:#f1b19d}
.runner-rule{border-color:#4f6b3e;background:#151d12}
.runner-rule>i{border-color:#6e8b4c;background:#314326;color:#d7ef9d}
.risk-command{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.risk-command>div{
  padding:11px;border:1px solid #4d5437;background:#14180f;box-shadow:inset 0 0 0 1px #0b0e08
}
.risk-command span{display:block;color:#88876c;font-size:9px;margin-bottom:4px}
.risk-command b{color:#e5dfbb}
.safe-text{color:#c9eb8f!important}
.risk-note{
  margin-top:10px;padding:10px;border-left:3px solid #8b7748;background:#211e13;
  color:#aaa486;font-size:9px;line-height:1.5
}
.compound-road{display:flex;align-items:center;gap:9px;overflow:auto;padding:7px 3px 12px}
.compound-road>i{color:#777d50;font-size:20px;font-style:normal}
.compound-tier{
  min-width:120px;padding:11px;border:2px solid #4d5537;background:#151910;text-align:center;
  box-shadow:inset 0 0 0 1px #0a0d08,3px 3px 0 #090b07
}
.compound-tier span,.compound-tier small{display:block;color:#85846a;font-size:8px}
.compound-tier b{display:block;margin:4px 0;color:#ded8b4;font-size:18px}
.compound-tier.active-tier{border-color:#967d45;background:#342c1d}
.compound-tier.active-tier b{color:#f0cc75}
.execution-path{display:flex;align-items:center;gap:7px;overflow:auto;padding:5px 0 12px}
.execution-path>div{
  min-width:93px;padding:9px;border:1px solid #50583a;background:#151910;text-align:center
}
.execution-path>div>b{
  width:22px;height:22px;margin:0 auto 5px;display:grid;place-items:center;border:1px solid #7b8350;color:#e1d184
}
.execution-path span,.execution-path small{display:block}
.execution-path span{font-weight:900;color:#e0dbba;font-size:10px}
.execution-path small{color:#818168;font-size:8px;margin-top:3px}
.execution-path>i{color:#7e8354;font-style:normal}
.strategy-jump{width:100%;margin-top:10px}
.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.readiness-grid>div{
  display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #4d5536;background:#151910
}
.readiness-grid i{
  width:22px;height:22px;display:grid;place-items:center;border:1px solid #6f7949;color:#d7cf8d;font-style:normal
}
.readiness-grid span{font-size:9px;color:#c2bda0}
.strategy-disclaimer{
  margin:12px 0 0;padding:9px;border-top:1px dashed #4c5035;line-height:1.45
}
@media(max-width:850px){
  .strategy-command-hero{flex-direction:column}
  .strategy-mode-plaque{min-width:0}
  .readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .risk-command,.readiness-grid{grid-template-columns:1fr}
}


/* ============================================================
   BLACK + BLUE TERMINAL THEME
   Clean dark trading UI. Overrides the older earthy palette.
   ============================================================ */

:root{
  --bg:#05070b;
  --panel:#0a0f18;
  --panel2:#0d1420;
  --panel3:#080c13;
  --line:#1b2a3c;
  --line-hi:#2e4f73;
  --green:#5dd69a;
  --green2:#2da875;
  --yellow:#f3c969;
  --red:#ff6b6b;
  --blue:#3aa0ff;
  --blue2:#176fca;
  --cyan:#66d9ff;
  --ink:#f3f7fb;
  --muted:#7f8fa3;
  --radius:10px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

html{background:#040609}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 18% 0%,rgba(39,128,255,.10),transparent 30%),
    radial-gradient(circle at 85% 15%,rgba(22,91,180,.08),transparent 28%),
    linear-gradient(180deg,#05070b,#070b11 50%,#05070b);
  background-size:auto;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
}
body::before{
  opacity:.03;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);
}

.shell{background:transparent}
.sidebar{
  background:linear-gradient(180deg,#070b12 0%,#06090f 100%);
  border-right:1px solid #142235;
  box-shadow:10px 0 30px rgba(0,0,0,.22);
}
.brand{
  border-bottom:1px solid #142235;
}
.brand b{
  font-family:inherit;
  font-size:14px;
  text-shadow:none;
  letter-spacing:.2px;
}
.brand span{
  color:#4aa7ff!important;
  font-size:8px!important;
  letter-spacing:1.4px!important;
}
.logo{
  border-radius:9px!important;
  border:1px solid #2e69a4!important;
  background:linear-gradient(145deg,#0d2a47,#0b1624)!important;
  color:#66bdff!important;
  box-shadow:0 0 0 1px rgba(58,160,255,.07),0 8px 22px rgba(0,0,0,.25)!important;
  text-shadow:none;
}

nav{gap:6px!important}
.nav{
  border-radius:8px!important;
  border:1px solid transparent!important;
  color:#8fa1b5!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:inherit;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.nav:hover{
  transform:none;
  border-color:#1a2f48!important;
  background:#0b1420!important;
  color:#d6e9fb!important;
}
.nav.active{
  color:#eef7ff!important;
  background:linear-gradient(90deg,rgba(37,128,218,.22),rgba(22,72,123,.10))!important;
  border-color:#27557f!important;
  box-shadow:inset 3px 0 0 #3aa0ff!important;
}
.nav.active::before{display:none}

.sidebar-bottom{border-top:1px solid #142235!important}
.status-plaque{
  padding:9px;
  background:#080d14;
  border:1px solid #1b2a3c;
  border-radius:8px;
  box-shadow:none;
}
.plaque-label{color:#57718d}
.status-row{font-size:10px!important;color:#b9c7d5!important}
.status-row i{
  border-radius:50%!important;
  box-shadow:0 0 10px currentColor!important;
}

main{padding-top:24px!important}
.game-header{
  background:linear-gradient(180deg,rgba(15,26,41,.93),rgba(8,13,21,.96));
  border:1px solid #1a2b40;
  border-radius:12px;
  box-shadow:var(--shadow);
  padding:15px 17px!important;
}
.game-title-wrap{gap:11px}
.pixel-rune{
  width:38px;height:38px;
  color:#69baff;
  background:#0b1622;
  border:1px solid #2a4f72;
  border-radius:10px;
  box-shadow:none;
}
h1,h2,h3,b,strong,.primary,.secondary,.danger,.reject,.chart-range{
  font-family:inherit;
}
h1{
  font-size:25px!important;
  letter-spacing:0!important;
  text-shadow:none;
}
header p{color:#7f91a6!important}
.eyebrow{
  color:#4faaff!important;
  letter-spacing:1.2px!important;
}

.panel,.metric,.moon-hero,.proposal,.position,.portfolio-position,.detail-grid>div,.equity-chart-wrap{
  border-radius:12px!important;
  border:1px solid #17283b!important;
  background:linear-gradient(180deg,#0c121c,#090e16)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  clip-path:none!important;
}
.panel.feature{
  border-color:#1f3d5c!important;
}
.panel-head{
  border-bottom:1px solid rgba(58,160,255,.10);
}
.panel h2{letter-spacing:0;text-shadow:none}
.metric::before{
  width:3px;
  background:linear-gradient(180deg,#3aa0ff,#176fca);
  box-shadow:none;
}
.metric span{color:#7b8ea4!important}
.metric b{color:#f5f9fd!important;text-shadow:none}
.metric small{color:#64788d!important}

.primary,.secondary,.danger,.reject,.chart-range{
  border-radius:8px!important;
  border:1px solid #2a5a88!important;
  background:linear-gradient(180deg,#12365a,#0d2743)!important;
  color:#eaf5ff!important;
  box-shadow:none!important;
  text-transform:none;
  letter-spacing:0;
}
.primary:hover,.secondary:hover,.chart-range:hover{
  transform:none;
  background:linear-gradient(180deg,#174873,#10345a)!important;
  filter:none;
}
.primary:active,.secondary:active,.chart-range:active{
  transform:none;
  box-shadow:none!important;
}
.danger,.reject{
  border-color:#713b46!important;
  background:linear-gradient(180deg,#46222a,#2f171d)!important;
}

.badge{
  border-radius:7px!important;
  border:1px solid #24405d!important;
  box-shadow:none;
}
.badge.demo{color:#9acaff!important;background:#10243a!important}
.badge.live{color:#7ee0b0!important;background:#102b22!important}

.token-table-wrap{
  border:1px solid #17283b;
  border-radius:10px;
  background:#080d14;
  box-shadow:none;
}
.token-table thead{background:#0d1622!important}
.token-table th{
  color:#80a9cd!important;
  border-bottom:1px solid #1b2c40!important;
}
.token-table td{
  border-bottom:1px solid #111e2c!important;
  color:#d5dee7!important;
}
.token-table tbody tr:hover{background:#0d1724!important}
.coin{
  border-radius:8px!important;
  border:1px solid #2e5377!important;
  box-shadow:none;
}

.score-pill,.risk-pill{
  border-radius:7px!important;
  box-shadow:none;
}

.engine>div{
  background:#080d14!important;
  border:1px solid #18283a!important;
  border-radius:8px!important;
  box-shadow:none;
}
.engine span{color:#71859a!important}
.engine b{color:#dfe8f1!important}

.form input,.form select,.form textarea{
  border-radius:8px!important;
  border:1px solid #20354d!important;
  background:#070c12!important;
  color:#edf5fc!important;
  box-shadow:none!important;
  font-family:inherit;
}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:#3a8de0!important;
  box-shadow:0 0 0 3px rgba(58,160,255,.10)!important;
}

.empty{
  border:1px dashed #22364d;
  border-radius:8px;
  color:#72869b!important;
  background:#080d14;
}

.moon-hero{
  background:
    radial-gradient(circle at 90% 5%,rgba(58,160,255,.10),transparent 28%),
    linear-gradient(135deg,#0c1623,#080d15)!important;
  border-color:#1f3e5f!important;
}
.moon-title-row h2{
  color:#7cc2ff;
  text-shadow:none;
}
.moon-balance-row>b{
  color:#eaf6ff!important;
  text-shadow:none;
}
.moon-chart-wrap{
  border:1px solid #17283b;
  border-radius:10px!important;
  background:
    linear-gradient(rgba(58,160,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(58,160,255,.045) 1px,transparent 1px),
    #070c12!important;
  background-size:32px 32px!important;
  box-shadow:none;
}
.chart-range.active{
  color:#e8f5ff!important;
  border-color:#3678b3!important;
  background:linear-gradient(180deg,#143b61,#0e2c49)!important;
}

.activity-feed{
  background:#070c12;
  border:1px solid #17283b;
  border-radius:9px;
  box-shadow:none;
}
.activity-row{border-bottom:1px solid #101c29!important}
.activity-type{
  border:1px solid #28547d;
  border-radius:6px;
  background:#0d1a28;
  color:#7cc4ff;
}
.activity-msg{color:#d6e0e9!important}
.activity-time{color:#60768b!important}

.modal{
  background:rgba(1,4,8,.82)!important;
  backdrop-filter:blur(8px)!important;
}
.modal-card{
  border-radius:12px!important;
  border:1px solid #1f3d5c!important;
  background:#0a1019!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52)!important;
}

.toast{
  border-radius:9px!important;
  border:1px solid #275579!important;
  background:#0b1420!important;
  box-shadow:0 12px 34px rgba(0,0,0,.4)!important;
}

.api-debug{
  border-radius:8px!important;
  border:1px solid #6b572c!important;
  background:#211a0d!important;
  color:#f2cf72!important;
  box-shadow:none;
}

/* Strategy tab */
.strategy-command-hero{
  border:1px solid #1f3d5c;
  border-radius:12px;
  background:
    radial-gradient(circle at 12% 10%,rgba(58,160,255,.11),transparent 28%),
    linear-gradient(135deg,#0c1623,#090e16 60%,#08111c);
  box-shadow:0 12px 34px rgba(0,0,0,.32);
  clip-path:none;
}
.strategy-command-title h2{
  color:#7fc4ff;
  text-shadow:none;
}
.strategy-mode-plaque{
  border:1px solid #1c3954;
  border-radius:10px;
  background:#08101a;
  box-shadow:none;
}
.strategy-mode-plaque span{color:#597996}
.strategy-mode-plaque b{color:#79c1ff}
.strategy-mode-plaque small{color:#71879b}

.live-rule{
  border:1px solid #1b2d40;
  border-radius:9px;
  background:#080e16;
}
.live-rule>i{
  border:1px solid #2f6090;
  border-radius:7px;
  background:#10273d;
  color:#83c7ff;
}
.live-rule b{color:#eef6fc}
.live-rule span{color:#7f91a5}
.danger-rule{border-color:#4a2a32;background:#140c0f}
.danger-rule>i{border-color:#74434e;background:#3a2027;color:#ffaaa8}
.runner-rule{border-color:#235342;background:#0c1713}
.runner-rule>i{border-color:#2f765d;background:#17382c;color:#83e0b4}

.risk-command>div{
  border:1px solid #1a2c40;
  border-radius:8px;
  background:#080e16;
  box-shadow:none;
}
.risk-command span{color:#74889b}
.risk-command b{color:#e7f0f8}
.safe-text{color:#77ddb1!important}
.risk-note{
  border-left:3px solid #2f76b9;
  border-radius:6px;
  background:#0a1420;
  color:#8ca1b6;
}

.compound-tier{
  border:1px solid #1d344c;
  border-radius:9px;
  background:#080e16;
  box-shadow:none;
}
.compound-tier span,.compound-tier small{color:#6f8498}
.compound-tier b{color:#e5eef6}
.compound-tier.active-tier{
  border-color:#2d72ae;
  background:#0d1e30;
}
.compound-tier.active-tier b{color:#7fc3ff}
.compound-road>i,.execution-path>i{color:#355b7d}

.execution-path>div{
  border:1px solid #1a2d42;
  border-radius:8px;
  background:#080e16;
}
.execution-path>div>b{
  border:1px solid #2f6395;
  border-radius:6px;
  color:#79c2ff;
}
.execution-path span{color:#edf4fa}
.execution-path small{color:#6d8398}

.readiness-grid>div{
  border:1px solid #1a2d42;
  border-radius:8px;
  background:#080e16;
}
.readiness-grid i{
  border:1px solid #2e5c87;
  border-radius:6px;
  color:#78beff;
}
.readiness-grid span{color:#b7c4d0}

.guard-pill{
  border:1px solid #2a5f8d;
  border-radius:7px;
  background:#0e2740;
  color:#82c7ff;
  box-shadow:none;
}
.guard-pill.halted{
  border-color:#75434c;
  background:#341c22;
  color:#ffada8;
}

/* Generic strategy panel elements */
.strategy-grid>div{
  background:#080e16!important;
  border:1px solid #1b2d40!important;
  border-radius:8px;
  box-shadow:none!important;
}
.strategy-grid span,.strategy-grid small{color:#73879a!important}
.strategy-grid b{color:#edf4fa!important}
.strategy-ladder{
  border:1px dashed #24415e;
  border-radius:8px;
  background:#070d14;
  color:#8cb7d7;
}
.position-milestones span{
  border:1px solid #1c334a;
  border-radius:6px;
  background:#080e16;
  color:#657c91;
}
.position-milestones span.done{
  border-color:#2b735a;
  color:#7fe1b1;
  background:#0e251d;
}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#05080d;border:none}
::-webkit-scrollbar-thumb{
  background:#1c3148;
  border:2px solid #070b11;
  border-radius:8px;
  box-shadow:none;
}
::-webkit-scrollbar-thumb:hover{background:#285174}
::-webkit-scrollbar-corner{background:#05080d}


/* ============================================================
   NEXUS CYBERPUNK THEME
   Black/blue dystopian trading terminal with restrained neon.
   ============================================================ */

:root{
  --bg:#020409;
  --panel:#070c14;
  --panel2:#09111c;
  --panel3:#050910;
  --line:#14304a;
  --line-hi:#1e6ca4;
  --green:#63e6b1;
  --green2:#22b77d;
  --yellow:#ffd166;
  --red:#ff5f6d;
  --blue:#18a8ff;
  --blue2:#0068c9;
  --cyan:#67e8ff;
  --violet:#9f7cff;
  --ink:#eef8ff;
  --muted:#6d8499;
  --radius:7px;
  --shadow:0 14px 45px rgba(0,0,0,.48);
}

html{background:#010206}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 18% -5%,rgba(24,168,255,.14),transparent 26%),
    radial-gradient(circle at 82% 8%,rgba(159,124,255,.07),transparent 22%),
    linear-gradient(180deg,#020409 0%,#040711 50%,#020409 100%);
}

/* atmospheric scanline + faint grid */
body::before{
  opacity:.22;
  background:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(80,190,255,.018) 4px),
    linear-gradient(rgba(38,94,143,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,94,143,.018) 1px,transparent 1px);
  background-size:auto,24px 24px,24px 24px;
  mix-blend-mode:screen;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(0,165,255,.025) 8.2%,transparent 8.4% 91%,rgba(159,124,255,.018) 91.2%,transparent 91.4%);
}

.sidebar{
  background:
    linear-gradient(180deg,rgba(5,10,18,.98),rgba(3,6,12,.99));
  border-right:1px solid #102941;
  box-shadow:8px 0 35px rgba(0,0,0,.4), inset -1px 0 0 rgba(24,168,255,.04);
}
.sidebar::after{
  content:"";
  position:absolute;
  right:-1px;top:0;bottom:0;width:1px;
  background:linear-gradient(transparent,#1b92dc 18%,#154d76 55%,transparent);
  opacity:.45;
}

.brand b{
  color:#f4fbff;
  letter-spacing:.35px;
}
.brand span{
  color:#55c6ff!important;
  letter-spacing:1.8px!important;
}
.logo{
  position:relative;
  border:1px solid #2379b4!important;
  border-radius:5px!important;
  background:linear-gradient(145deg,#0a2842,#07131f)!important;
  color:#75ddff!important;
  box-shadow:
    0 0 0 1px rgba(24,168,255,.05),
    0 0 18px rgba(24,168,255,.09)!important;
}
.logo::after{
  content:"";
  position:absolute;inset:3px;
  border-top:1px solid rgba(103,232,255,.15);
  border-bottom:1px solid rgba(103,232,255,.08);
  pointer-events:none;
}

.nav{
  position:relative;
  border-radius:4px!important;
  overflow:hidden;
}
.nav::after{
  content:"";
  position:absolute;left:0;top:0;width:2px;height:100%;
  background:#168ed7;opacity:0;
}
.nav:hover{
  background:linear-gradient(90deg,rgba(17,55,86,.55),rgba(7,19,31,.3))!important;
}
.nav.active{
  background:
    linear-gradient(90deg,rgba(10,83,134,.36),rgba(5,22,36,.18))!important;
  border-color:#17527d!important;
  box-shadow:inset 0 0 20px rgba(20,127,195,.055)!important;
}
.nav.active::after{opacity:1;box-shadow:0 0 9px #18a8ff}
.nav.active span{color:#dff5ff}

.status-plaque{
  border-radius:4px;
  border-color:#153a58;
  background:
    linear-gradient(180deg,#060d16,#040910);
}
.plaque-label{
  color:#477897;
  letter-spacing:1.5px;
}
.status-row i.ok{background:#52e6ad!important}
.status-row i.warn{background:#ffd166!important}
.status-row i.bad{background:#ff5f6d!important}

.game-header,
.strategy-command-hero{
  position:relative;
  overflow:hidden;
  border-radius:7px!important;
  border:1px solid #153c5d!important;
  background:
    linear-gradient(135deg,rgba(14,35,55,.96),rgba(5,11,19,.98) 62%,rgba(7,17,29,.98))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
}
.game-header::before,
.strategy-command-hero::before{
  content:"";
  position:absolute;
  top:0;left:0;width:110px;height:2px;
  background:linear-gradient(90deg,#18a8ff,#67e8ff,transparent);
  box-shadow:0 0 12px rgba(24,168,255,.42);
}
.game-header::after,
.strategy-command-hero::after{
  content:"";
  position:absolute;
  right:-18px;top:-18px;width:65px;height:65px;
  border:1px solid rgba(103,232,255,.08);
  transform:rotate(45deg);
}

.pixel-rune{
  border-radius:4px;
  border-color:#23577f;
  color:#75dcff;
  background:#06121d;
  box-shadow:inset 0 0 14px rgba(24,168,255,.04);
}

h1,h2,h3{
  color:#f0f8ff;
}
h1{
  text-transform:uppercase;
  letter-spacing:.6px!important;
}
.eyebrow{
  color:#51c9ff!important;
  text-shadow:0 0 12px rgba(24,168,255,.18);
}

.panel,.metric,.moon-hero,.proposal,.position,.portfolio-position,.detail-grid>div,.equity-chart-wrap{
  position:relative;
  border-radius:7px!important;
  border:1px solid #122b42!important;
  background:
    linear-gradient(180deg,rgba(10,18,29,.98),rgba(5,10,17,.98))!important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(103,232,255,.025)!important;
}
.panel::before,.metric::after{
  content:"";
  position:absolute;
  left:10px;right:10px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(24,168,255,.23),transparent);
  pointer-events:none;
}
.panel.feature{
  border-color:#18517a!important;
}
.panel-head{
  border-bottom:1px solid rgba(24,168,255,.10);
}
.panel h2{
  color:#edf8ff;
}
.metric::before{
  background:linear-gradient(180deg,#15b8ff,#065b9b);
  box-shadow:0 0 12px rgba(24,168,255,.12);
}
.metric span{color:#688198!important}
.metric b{color:#f2f8fd!important}
.metric small{color:#587087!important}

.primary,.secondary,.chart-range{
  position:relative;
  border-radius:5px!important;
  border:1px solid #226a9d!important;
  background:
    linear-gradient(180deg,#0d3a60,#082642)!important;
  color:#e9f8ff!important;
  box-shadow:
    inset 0 0 12px rgba(24,168,255,.035),
    0 0 0 1px rgba(24,168,255,.02)!important;
}
.primary::before,.secondary::before{
  content:"";
  position:absolute;left:0;top:0;width:20px;height:1px;
  background:#67e8ff;
}
.primary:hover,.secondary:hover,.chart-range:hover{
  background:linear-gradient(180deg,#10507e,#0a3252)!important;
  border-color:#309fe0!important;
  box-shadow:0 0 20px rgba(24,168,255,.08)!important;
}

.danger,.reject{
  border-radius:5px!important;
  border:1px solid #843845!important;
  background:linear-gradient(180deg,#471922,#2b0d13)!important;
}
.danger:hover,.reject:hover{
  border-color:#bd4f5c!important;
  box-shadow:0 0 18px rgba(255,95,109,.08)!important;
}

.badge{
  border-radius:4px!important;
}
.badge.demo{
  color:#8cd7ff!important;
  background:#0a2236!important;
  border-color:#1d537c!important;
}
.badge.live{
  color:#84e8ba!important;
  background:#0a241a!important;
  border-color:#2a6f54!important;
}

.token-table-wrap{
  border-radius:6px;
  border-color:#122d45;
  background:#040910;
}
.token-table thead{
  background:#08131e!important;
}
.token-table th{
  color:#5c9dcc!important;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.6px;
}
.token-table tbody tr{
  transition:background .12s ease,box-shadow .12s ease;
}
.token-table tbody tr:hover{
  background:#07131f!important;
  box-shadow:inset 2px 0 0 #159ee7;
}
.coin{
  border-radius:4px!important;
  border-color:#245d87!important;
}

.form input,.form select,.form textarea{
  border-radius:5px!important;
  border-color:#173c59!important;
  background:#030810!important;
}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:#1aa6f7!important;
  box-shadow:0 0 0 2px rgba(24,168,255,.08),0 0 18px rgba(24,168,255,.05)!important;
}

.moon-hero{
  background:
    radial-gradient(circle at 88% 8%,rgba(103,232,255,.08),transparent 24%),
    radial-gradient(circle at 18% 0%,rgba(159,124,255,.045),transparent 26%),
    linear-gradient(135deg,#07121e,#040810)!important;
  border-color:#17476a!important;
}
.moon-title-row h2{
  color:#7fdbff;
}
.moon-balance-row>b{
  color:#effaff!important;
  text-shadow:0 0 22px rgba(24,168,255,.08);
}
.moon-chart-wrap{
  border-radius:6px!important;
  border-color:#112b41;
  background:
    linear-gradient(rgba(24,168,255,.048) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,168,255,.04) 1px,transparent 1px),
    #02070d!important;
  background-size:28px 28px!important;
}

.activity-feed{
  border-radius:6px;
  background:#03080e;
}
.activity-type{
  border-radius:4px;
  border-color:#1b5a86;
  background:#071b2b;
  color:#67d9ff;
}

.modal-card{
  border-radius:7px!important;
  border-color:#174d73!important;
  background:#050b12!important;
  box-shadow:0 28px 80px rgba(0,0,0,.65),0 0 30px rgba(24,168,255,.035)!important;
}

.toast{
  border-radius:5px!important;
  background:#07131f!important;
  border-color:#1e6594!important;
}

/* Dystopian warning styling */
.strategy-warning{
  border-color:#4d3b20!important;
  background:
    linear-gradient(135deg,rgba(72,51,19,.14),transparent 35%),
    linear-gradient(180deg,#0a0e12,#06090e)!important;
}
.strategy-warning .panel-head{
  border-bottom-color:rgba(255,209,102,.10);
}
.strategy-warning .eyebrow{
  color:#ffd166!important;
}
.strategy-disclaimer{
  color:#8090a0!important;
}

/* Live strategy command center */
.strategy-command-title h2{
  color:#7edcff;
  letter-spacing:.4px;
}
.strategy-mode-plaque{
  border-radius:5px;
  border-color:#184364;
  background:#040b12;
}
.strategy-mode-plaque b{
  color:#79e1ff;
}
.guard-pill{
  border-radius:4px;
  border-color:#1e6d9f;
  background:#06233a;
  color:#77dcff;
}
.guard-pill.armed{
  box-shadow:0 0 14px rgba(24,168,255,.06);
}
.guard-pill.halted{
  border-color:#8a3b48;
  background:#35131a;
  color:#ff9aa5;
}

.live-rule,.risk-command>div,.compound-tier,.execution-path>div,.readiness-grid>div,.strategy-grid>div{
  border-radius:5px!important;
  border-color:#14334d!important;
  background:#040a11!important;
}
.live-rule>i,.execution-path>div>b,.readiness-grid i{
  border-radius:4px;
}
.live-rule:not(.danger-rule):not(.runner-rule)>i{
  border-color:#1e6797;
  background:#08233a;
  color:#74dcff;
}
.runner-rule{
  border-color:#164838!important;
}
.runner-rule>i{
  border-color:#28755a;
  background:#0b2a20;
}
.danger-rule{
  border-color:#572832!important;
}
.compound-tier.active-tier{
  border-color:#1d75ad!important;
  background:
    linear-gradient(180deg,rgba(16,63,97,.55),rgba(5,18,29,.8))!important;
  box-shadow:0 0 24px rgba(24,168,255,.04)!important;
}
.compound-tier.active-tier b{
  color:#74dcff;
}

/* Angular cyber-corners on major cards */
.game-header,.strategy-command-hero,.panel,.metric,.moon-hero,.modal-card{
  clip-path:polygon(
    0 0,
    calc(100% - 12px) 0,
    100% 12px,
    100% 100%,
    12px 100%,
    0 calc(100% - 12px)
  )!important;
}

/* subtle warning chevrons */
.strategy-warning::after{
  content:"";
  position:absolute;
  right:12px;top:11px;
  width:54px;height:4px;
  opacity:.35;
  background:repeating-linear-gradient(135deg,#ffd166 0 6px,transparent 6px 12px);
}

/* scroll */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#010409}
::-webkit-scrollbar-thumb{
  background:#12334e;
  border:2px solid #02060b;
  border-radius:3px;
}
::-webkit-scrollbar-thumb:hover{background:#1c5a84}


/* ============================================================
   MY WALLET // PHANTOM
   ============================================================ */
.wallet-hero{
  display:flex;justify-content:space-between;gap:18px;align-items:stretch;
  margin-bottom:18px;padding:18px;
  position:relative;overflow:hidden;
  border:1px solid #173f60;
  background:
    radial-gradient(circle at 10% 0%,rgba(24,168,255,.12),transparent 29%),
    radial-gradient(circle at 86% 5%,rgba(159,124,255,.08),transparent 24%),
    linear-gradient(135deg,#07131f,#040910);
  box-shadow:0 14px 38px rgba(0,0,0,.38);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.wallet-hero::before{
  content:"";position:absolute;left:0;top:0;width:130px;height:2px;
  background:linear-gradient(90deg,#18a8ff,#8c73ff,transparent);
  box-shadow:0 0 14px rgba(24,168,255,.35);
}
.wallet-hero-copy h2{margin:5px 0 6px;font-size:26px;color:#eaf8ff}
.wallet-hero-copy p{margin:0;max-width:730px;color:#7890a6;line-height:1.5}
.wallet-security-badge{
  min-width:220px;padding:13px;border:1px solid #1b4262;background:#030910;
  display:flex;flex-direction:column;justify-content:center;
}
.wallet-security-badge span{font-size:8px;letter-spacing:1.4px;color:#507794}
.wallet-security-badge b{font-size:20px;margin:4px 0;color:#72e5b5}
.wallet-security-badge small{font-size:9px;color:#6d8499;line-height:1.4}

.wallet-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}
.wallet-status-badge{
  padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.7px;
  border:1px solid #2a4359;background:#0a121b;color:#73889b;border-radius:4px
}
.wallet-status-badge.online{border-color:#267252;background:#0b251c;color:#79e1ae;box-shadow:0 0 15px rgba(99,230,177,.07)}
.wallet-status-badge.ready{border-color:#216893;background:#082038;color:#76d7ff}
.wallet-status-badge.offline{border-color:#4a3440;background:#160d12;color:#a57b88}

.phantom-device{
  display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;
  border:1px solid #18354e;background:#040a11
}
.phantom-mark{
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid #705bd1;background:linear-gradient(145deg,#2c1f63,#151032);
  color:#c3b7ff;font-weight:900;font-size:18px;
  box-shadow:0 0 18px rgba(159,124,255,.08)
}
.phantom-device b,.phantom-device span{display:block}
.phantom-device b{color:#eef7fd;margin-bottom:4px}
.phantom-device span{color:#71879b;font-size:9px}

.wallet-disconnected p{color:#71879b;font-size:10px;line-height:1.5}
.wallet-main-btn{width:100%;margin-top:6px}
.wallet-disconnected>small{display:block;margin-top:8px;color:#597086;font-size:8px;line-height:1.45}
.hidden{display:none!important}

.wallet-address-box{
  padding:11px;border:1px solid #17405f;background:#030910;position:relative
}
.wallet-address-box span{display:block;font-size:8px;color:#557b98;letter-spacing:1px;margin-bottom:5px}
.wallet-address-box b{
  display:block;padding-right:65px;color:#dff4ff;font-family:"Courier New",monospace;
  font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.tiny-btn{position:absolute;right:8px;top:14px;padding:5px 8px!important;font-size:8px!important}
.wallet-button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}

.wallet-balance-big{
  padding:18px 12px;margin-bottom:10px;text-align:center;
  border:1px solid #173b59;background:
    radial-gradient(circle at 50% 0%,rgba(24,168,255,.08),transparent 45%),
    #030910
}
.wallet-balance-big span{display:block;color:#527a99;font-size:8px;letter-spacing:1.5px}
.wallet-balance-big b{display:block;margin:8px 0 5px;color:#eafbff;font-size:28px;text-shadow:0 0 22px rgba(24,168,255,.08)}
.wallet-balance-big small{color:#637d93;font-size:8px}
.wallet-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wallet-mini-grid>div{padding:9px;border:1px solid #132d43;background:#040a11}
.wallet-mini-grid span,.wallet-mini-grid b{display:block}
.wallet-mini-grid span{font-size:8px;color:#5b7388;margin-bottom:4px}
.wallet-mini-grid b{font-size:9px;color:#d7e5ef}

.wallet-flow{display:flex;flex-direction:column;gap:7px}
.wallet-flow>div{display:grid;grid-template-columns:34px 90px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid #14324b;background:#040a11}
.wallet-flow i{
  width:27px;height:27px;display:grid;place-items:center;border:1px solid #1d648f;
  color:#65d4ff;font-style:normal;font-size:8px
}
.wallet-flow b{color:#dfeff9;font-size:9px}
.wallet-flow span{color:#70869a;font-size:9px;line-height:1.35}

.secret-warning{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.secret-warning b{
  padding:9px 5px;text-align:center;border:1px solid #6e313d;background:#210d12;
  color:#ff8e99;font-size:8px;letter-spacing:.7px
}
.wallet-safety>p{color:#74899c;font-size:9px;line-height:1.55}
.wallet-safety-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #10263a;font-size:9px}
.wallet-safety-row span{color:#72889b}
.danger-text{color:#ff7f8b!important}

.funding-route{display:flex;align-items:center;gap:9px;overflow:auto;padding:5px 0 10px}
.funding-route>div{
  min-width:130px;padding:10px;text-align:center;border:1px solid #14324a;background:#040a11
}
.funding-route>div>span{
  width:24px;height:24px;margin:0 auto 6px;display:grid;place-items:center;
  border:1px solid #1d6795;color:#69d9ff;font-size:8px
}
.funding-route b,.funding-route small{display:block}
.funding-route b{color:#deedf7;font-size:9px}
.funding-route small{margin-top:3px;color:#60778c;font-size:8px}
.funding-route>i{color:#34658a;font-style:normal}
.wallet-note{margin:5px 0 0;padding-top:10px;border-top:1px dashed #153049;font-size:9px;line-height:1.5}

@media(max-width:900px){
  .wallet-grid{grid-template-columns:1fr}
  .wallet-hero{flex-direction:column}
  .wallet-security-badge{min-width:0}
}
@media(max-width:560px){
  .wallet-mini-grid{grid-template-columns:1fr}
  .secret-warning{grid-template-columns:1fr}
  .wallet-button-row{grid-template-columns:1fr}
}


/* Paper engine heartbeat */
.paper-heartbeat{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.paper-heartbeat>div{
  position:relative;
  padding:9px 10px;
  border:1px solid #14344e;
  background:linear-gradient(180deg,#06101a,#030810);
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
}
.paper-heartbeat>div::before{
  content:"";
  position:absolute;left:0;top:0;width:30px;height:1px;background:#18a8ff;
}
.paper-heartbeat span{
  display:block;
  color:#527994;
  font-size:7px;
  letter-spacing:1.2px;
  margin-bottom:4px;
}
.paper-heartbeat b{
  color:#ccecff;
  font-size:10px;
}
.paper-heartbeat .engine-running{
  color:#71e8b4;
  text-shadow:0 0 12px rgba(99,230,177,.16);
}
.paper-heartbeat .engine-searching{
  color:#72ceff;
}
@media(max-width:850px){
  .paper-heartbeat{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.wallet-assets{margin-top:10px;padding-top:10px;border-top:1px solid #14304a}
.wallet-assets-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.wallet-assets-head span{font-size:8px;letter-spacing:1.1px;color:#527994}
.wallet-assets-head b{font-size:8px;color:#7dcfff}
.wallet-token-list{max-height:230px;overflow:auto;border:1px solid #122b42;background:#02070d}
.wallet-token-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #0e2030}
.wallet-token-row:last-child{border-bottom:0}
.wallet-token-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #22577e;background:#071b2b;color:#76dcff;font-size:8px;font-weight:900}
.wallet-token-id b,.wallet-token-id span{display:block}
.wallet-token-id b{color:#e4f3fb;font-size:9px}
.wallet-token-id span{color:#587086;font-size:7px;margin-top:2px}
.wallet-token-row strong{color:#d5e7f2;font-size:9px;text-align:right}
.wallet-token-empty{padding:12px;color:#60798f;font-size:8px;line-height:1.5}
.wallet-rpc{display:block;margin-top:6px;color:#4c657a;font-size:7px}

.phantom-production-panel{margin-bottom:18px;border-color:#194d72!important}
.prod-auth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.prod-auth-grid>div{padding:10px;border:1px solid #14344d;background:#030910}
.prod-auth-grid span,.prod-auth-grid b{display:block}
.prod-auth-grid span{font-size:8px;color:#557a96;margin-bottom:4px}
.prod-auth-grid b{font-size:9px;color:#d9edf8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prod-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.prod-message{margin-top:10px;padding:9px;border:1px solid #15334b;background:#030810;color:#718ba0;font-size:9px;line-height:1.5}
@media(max-width:850px){.prod-auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-actions{grid-template-columns:1fr}}