:root{
  --night:#08090c;--panel:#141519;--panel2:#1d1f24;--line:#402629;
  --moon:#f7f5f2;--star:#b8b3b3;--gold:#e62429;--gold-dim:#8e171b;
  --gain:#45d19a;--loss:#ff4e5d;--warn:#ffb44a
}
html{background:#08090c}
body{
  color:var(--moon);
  background-image:
    linear-gradient(rgba(5,6,9,.84),rgba(9,6,8,.91)),
    radial-gradient(circle at 82% 5%,rgba(230,36,41,.22),transparent 34%),
    url("/static/marvel-circuit-bg.jpg");
  background-color:#08090c;
  background-position:center top,center top,center top;
  background-size:cover,cover,cover;
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,fixed
}
.wrap{max-width:1240px}
.nav{height:76px;border-bottom:1px solid rgba(230,36,41,.5)}
.marvel-brand{display:flex!important;align-items:center;gap:11px;max-width:none!important;text-decoration:none!important}
.marvel-brand small{font:900 11px/1 "IBM Plex Sans JP",sans-serif;letter-spacing:.2em;color:#fff;white-space:nowrap}
.marvel-mark,.marvel-hero-mark{
  display:inline-block;color:#fff;background:linear-gradient(135deg,#ef2b31,#a8090e 72%);
  border:2px solid #fff;box-shadow:0 0 0 1px rgba(230,36,41,.8),0 8px 26px rgba(137,0,6,.35);
  font-family:"Anton","Arial Narrow",sans-serif;font-weight:400;line-height:.9;letter-spacing:-.025em;
  transform:skew(-3deg);text-shadow:1px 1px 0 rgba(0,0,0,.2)
}
.marvel-mark{padding:7px 11px 8px;font-size:20px}
.marvel-hero-mark{padding:10px 18px 12px;margin-bottom:15px;font-size:40px;border-width:3px}
.marvel-command-head{border-bottom:1px solid rgba(230,36,41,.3)}
.marvel-command-head:after{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:3px;background:#e62429;box-shadow:0 0 18px rgba(230,36,41,.65)}
.marvel-command-head h1{font-family:"IBM Plex Sans JP",sans-serif;font-weight:900;letter-spacing:.04em}
.marvel-command-head h1 span{color:#e62429}
.eyebrow,.section-title span,.safety-note span{color:#ff5a5f}
.nav a.active{color:#fff;border-color:#e62429;background:rgba(230,36,41,.12)}
.demo-stamp,.live-stamp{border-color:rgba(230,36,41,.58);background:rgba(125,10,15,.16)}
.demo-stamp i,.live-stamp i{background:#e62429;box-shadow:0 0 12px rgba(230,36,41,.8)}
.command-metrics article,.account-card,.portfolio-lane,.execution-panel,.event-panel,.safety-note{background:linear-gradient(145deg,rgba(29,31,36,.96),rgba(15,16,19,.96));border-color:#402629}
.command-metrics article:before,.account-card:before{background:linear-gradient(90deg,#e62429,transparent)}
.broker-mark,.lane-broker{border-color:rgba(230,36,41,.55)}
.section-title{border-bottom-color:#402629}
.section-title h2{color:#fff}
.risk-band>div,.cash-mini span,.strategy-strip>div{background:rgba(230,36,41,.045);border-color:#402629}
.strategy-strip i{background:#e62429;box-shadow:0 0 9px rgba(230,36,41,.7)}
a{color:#ff666b}
@media(max-width:720px){
  body .nav{height:auto!important;min-height:98px!important;padding:8px 0 6px!important;display:flex;flex-direction:column;align-items:flex-start!important;flex-wrap:nowrap;gap:7px;overflow:hidden}
  .marvel-brand{gap:7px;align-self:flex-start}.marvel-mark{font-size:16px;padding:6px 8px 7px}.marvel-brand small{font-size:9px;letter-spacing:.08em}
  .marvel-brand .marvel-mark{display:inline-block!important}
  body .nav>div{display:flex!important;width:100%;max-width:100%;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:1px 0 5px;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap!important;justify-content:flex-start!important}
  .nav>div::-webkit-scrollbar{display:none}
  .nav>div a,.nav>div a.active{display:flex!important;flex:0 0 auto;align-items:center;min-height:36px;padding:0 11px;font-size:11px;white-space:nowrap}
  .marvel-hero-mark{font-size:28px;padding:8px 13px 9px;margin-bottom:12px}
  .marvel-command-head h1 span{display:inline}
}