:root{
  color-scheme:dark;
  --bg:#010302;
  --panel:#050907;
  --panel-2:#07100b;
  --line:#223029;
  --line-soft:#142019;
  --text:#f1f5f2;
  --muted:#829087;
  --dim:#4d5d53;
  --amber:#ff9700;
  --amber-soft:#ffc45e;
  --green:#21e18b;
  --red:#ff3f59;
  --cyan:#31d6ea;
  --shadow:rgba(0,0,0,.78);
  font-family:Consolas,"SFMono-Regular","Roboto Mono","Liberation Mono",monospace;
}

*{box-sizing:border-box}

html,
body{
  width:100%;
  min-width:0;
  min-height:100%;
  max-width:100%;
  margin:0;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
}

button,
a{font:inherit}

button{color:inherit}

.wall-shell{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  gap:7px;
  width:100%;
  min-width:0;
  height:100vh;
  height:100dvh;
  min-height:100vh;
  min-height:100dvh;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  overflow:hidden;
  background:
    radial-gradient(circle at 42% 32%,rgba(255,151,0,.07),transparent 33%),
    radial-gradient(circle at 88% 10%,rgba(33,225,139,.05),transparent 26%),
    linear-gradient(180deg,#020604,#010201);
}

.wall-grid{
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(45,75,57,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,75,57,.16) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,black 0%,transparent 88%);
}

.wall-scanline{
  position:absolute;
  z-index:12;
  top:-3px;
  left:0;
  right:0;
  height:2px;
  pointer-events:none;
  opacity:.18;
  background:linear-gradient(90deg,transparent,var(--amber),transparent);
  box-shadow:0 0 20px var(--amber);
  animation:wallScan 14s linear infinite;
}

@keyframes wallScan{
  from{transform:translateY(0)}
  to{transform:translateY(100dvh)}
}

.wall-topbar{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(210px,1fr) auto minmax(250px,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:48px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-top:2px solid var(--amber);
  background:rgba(3,7,5,.95);
  box-shadow:0 10px 34px var(--shadow);
}

.wall-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:var(--text);
  text-decoration:none;
}

.brand-mark{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:31px;
  height:31px;
  border:1px solid var(--amber);
  color:var(--amber);
  font-size:16px;
  font-weight:900;
  box-shadow:inset 0 0 18px rgba(255,151,0,.09),0 0 20px rgba(255,151,0,.06);
}

.brand-copy strong,
.brand-copy small{display:block}

.brand-copy strong{
  overflow:hidden;
  color:#fff;
  font-size:12px;
  letter-spacing:.18em;
  text-overflow:ellipsis;
}

.revision-mark{
  display:none;
  color:var(--amber);
  font-size:7px;
  font-style:normal;
  letter-spacing:.08em;
}

.brand-copy small{
  margin-top:3px;
  color:var(--muted);
  font-size:7px;
  letter-spacing:.14em;
  white-space:nowrap;
}

.wall-health{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.1em;
  white-space:nowrap;
}

.live-dot{
  flex:0 0 auto;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 11px var(--green);
  animation:livePulse 1.7s ease-in-out infinite;
}

.offline .live-dot{
  background:var(--red);
  box-shadow:0 0 11px var(--red);
}

.health-separator{color:var(--dim)}

@keyframes livePulse{
  0%,100%{opacity:1}
  50%{opacity:.3}
}

.device-rail{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
}

.battery-compact{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:93px;
  padding-right:8px;
  border-right:1px solid var(--line);
}

.battery-icon{
  position:relative;
  width:35px;
  height:15px;
  padding:2px;
  border:1px solid #6d7b71;
}

.battery-icon::after{
  content:"";
  position:absolute;
  top:4px;
  right:-4px;
  width:2px;
  height:6px;
  background:#6d7b71;
}

.battery-fill{
  width:0%;
  height:100%;
  background:var(--green);
  box-shadow:0 0 9px rgba(33,225,139,.4);
  transition:width .35s ease,background .25s ease;
}

.battery-copy strong,
.battery-copy span{display:block}

.battery-copy strong{
  color:#fff;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}

.battery-copy span{
  margin-top:1px;
  color:var(--dim);
  font-size:6px;
  letter-spacing:.08em;
}

.wall-button,
.range-button,
.zone-button,
.news-refresh,
.news-filter,
.news-back,
.tape-button{
  border:1px solid #304139;
  border-radius:0;
  background:#07100b;
  color:#a9b7ae;
  cursor:pointer;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease;
}

.wall-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  padding:0 9px;
}

.wall-button:hover,
.wall-button:focus-visible,
.range-button:hover,
.range-button:focus-visible,
.zone-button:hover,
.zone-button:focus-visible,
.news-refresh:hover,
.news-refresh:focus-visible,
.news-filter:hover,
.news-filter:focus-visible,
.news-back:hover,
.news-back:focus-visible,
.tape-button:hover,
.tape-button:focus-visible{
  outline:none;
  border-color:var(--amber);
  color:#fff;
}

.wall-button:active,
.range-button:active,
.zone-button:active,
.news-refresh:active,
.news-filter:active,
.news-back:active,
.tape-button:active{transform:translateY(1px)}

.wall-button[aria-pressed="true"]{
  border-color:var(--green);
  background:rgba(33,225,139,.08);
  color:var(--green);
}

.wall-button:disabled{cursor:not-allowed;opacity:.44}

.wall-button-primary{
  border-color:var(--amber);
  background:var(--amber);
  color:#070400;
}

.wall-button-primary:hover,
.wall-button-primary:focus-visible{
  background:var(--amber-soft);
  color:#070400;
}

.instrument-rail{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:142px minmax(0,1fr) 150px;
  align-items:stretch;
  min-width:0;
  min-height:39px;
  border:1px solid var(--line);
  background:#040906;
  box-shadow:0 8px 24px rgba(0,0,0,.42);
}

.rail-label{
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  border-right:1px solid var(--line);
}

.rail-label span{
  display:grid;
  place-items:center;
  width:27px;
  height:23px;
  background:var(--amber);
  color:#090500;
  font-size:8px;
  font-weight:900;
}

.rail-label strong{
  color:var(--muted);
  font-size:7px;
  letter-spacing:.09em;
}

.instrument-selector{
  display:flex;
  align-items:stretch;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}

.instrument-selector::-webkit-scrollbar{display:none}

.instrument-button{
  position:relative;
  flex:1 0 96px;
  min-width:96px;
  padding:5px 9px;
  border:0;
  border-right:1px solid var(--line-soft);
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  text-align:left;
}

.instrument-button::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  background:transparent;
}

.instrument-button span,
.instrument-button strong{display:block}

.instrument-button span{
  font-size:7px;
  font-weight:900;
  letter-spacing:.07em;
}

.instrument-button strong{
  margin-top:2px;
  color:#e7ede9;
  font-size:9px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.instrument-button em{
  color:var(--dim);
  font-size:7px;
  font-style:normal;
}

.instrument-button.active{
  background:linear-gradient(180deg,rgba(255,151,0,.1),rgba(255,151,0,.025));
  color:var(--amber);
}

.instrument-button.active::after{background:var(--amber)}
.instrument-button.is-up strong{color:var(--green)}
.instrument-button.is-down strong{color:var(--red)}

.rail-clock{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding:0 10px;
  border-left:1px solid var(--line);
}

.rail-clock span{
  color:var(--dim);
  font-size:6px;
  letter-spacing:.08em;
}

.rail-clock strong{
  margin-top:2px;
  color:#fff;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}

.wall-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,2fr) minmax(300px,.82fr);
  gap:7px;
  min-width:0;
  min-height:0;
  overflow:hidden;
}

.market-command{
  position:relative;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid #2a3a31;
  border-top:2px solid var(--amber);
  background:
    linear-gradient(180deg,rgba(255,151,0,.035),transparent 24%),
    rgba(4,9,6,.96);
  box-shadow:
    inset 0 0 44px rgba(0,0,0,.28),
    0 18px 54px var(--shadow),
    0 0 22px rgba(255,151,0,.035);
}

.command-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:52px;
  padding:8px 10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(255,151,0,.07),transparent);
}

.command-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--amber);
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}

.command-kicker i{
  width:6px;
  height:6px;
  border-radius:1px;
  background:var(--amber);
  box-shadow:0 0 10px var(--amber);
}

.command-head > div > strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:12px;
  letter-spacing:.08em;
}

.command-state{
  flex:0 0 auto;
  padding:4px 6px;
  border:1px solid var(--line);
  color:var(--dim);
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
}

.command-state.is-positive{
  border-color:rgba(33,225,139,.45);
  color:var(--green);
}

.command-state.is-negative{
  border-color:rgba(255,63,89,.45);
  color:var(--red);
}

.breadth-panel{
  padding:10px;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(33,225,139,.025),transparent 45%,rgba(255,63,89,.025));
}

.breadth-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
}

.breadth-title > div:first-child{min-width:0}

.breadth-title span{
  display:block;
  color:var(--dim);
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

.breadth-title > div:first-child strong{
  display:block;
  overflow:hidden;
  margin-top:4px;
  color:#dce4df;
  font-size:10px;
  letter-spacing:.06em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.breadth-ratio{
  flex:0 0 auto;
  text-align:right;
}

.breadth-ratio strong{
  display:block;
  color:#fff;
  font-size:18px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.breadth-ratio span{margin-top:3px}

.breadth-meter{
  position:relative;
  height:7px;
  margin-top:9px;
  overflow:hidden;
  border:1px solid #26372d;
  background:
    linear-gradient(90deg,rgba(255,63,89,.2),rgba(255,151,0,.12) 50%,rgba(33,225,139,.2));
}

.breadth-meter > i{
  position:absolute;
  z-index:2;
  top:-2px;
  bottom:-2px;
  left:50%;
  width:1px;
  background:rgba(255,255,255,.55);
}

.breadth-bar{
  width:0%;
  height:100%;
  background:var(--green);
  box-shadow:0 0 12px rgba(33,225,139,.48);
  transition:width .35s ease,background .25s ease;
}

.breadth-panel.is-negative .breadth-bar{
  background:var(--red);
  box-shadow:0 0 12px rgba(255,63,89,.48);
}

.breadth-panel.is-mixed .breadth-bar{
  background:var(--amber);
  box-shadow:0 0 12px rgba(255,151,0,.42);
}

.breadth-panel.is-positive #breadthBias{color:var(--green)}
.breadth-panel.is-negative #breadthBias{color:var(--red)}
.breadth-panel.is-mixed #breadthBias{color:var(--amber)}

.breadth-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:8px;
  border:1px solid var(--line-soft);
}

.breadth-stats > div{
  padding:5px 4px;
  border-right:1px solid var(--line-soft);
  text-align:center;
}

.breadth-stats > div:last-child{border-right:0}
.breadth-stats span,
.breadth-stats strong{display:block}
.breadth-stats span{color:var(--dim);font-size:5px;letter-spacing:.08em}
.breadth-stats strong{margin-top:2px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums}
.breadth-stats > div:first-child strong{color:var(--green)}
.breadth-stats > div:last-child strong{color:var(--red)}

.dense-market-board{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-height:0;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}

.dense-market-head,
.wall-market-row{
  display:grid;
  grid-template-columns:minmax(66px,1.15fr) minmax(58px,.9fr) 45px;
  align-items:center;
  gap:5px;
  min-width:0;
}

.dense-market-head{
  min-height:24px;
  padding:0 8px;
  border-bottom:1px solid var(--line-soft);
  background:#030705;
  color:var(--dim);
  font-size:5px;
  font-weight:900;
  letter-spacing:.1em;
}

.dense-market-head span:nth-child(n+2){text-align:right}

.wall-market-table{
  min-height:0;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#415348 #07100b;
}

.wall-market-row{
  width:100%;
  min-height:32px;
  padding:4px 8px;
  border:0;
  border-bottom:1px solid var(--line-soft);
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}

.wall-market-row:last-child{border-bottom:0}
.wall-market-row:hover,
.wall-market-row:focus-visible{
  outline:none;
  background:#09120d;
  box-shadow:inset 2px 0 0 var(--amber);
}
.wall-market-row.is-active{background:linear-gradient(90deg,rgba(255,151,0,.1),transparent)}
.wall-market-row.is-active .market-row-symbol{color:var(--amber)}

.market-row-identity{min-width:0}
.market-row-identity strong,
.market-row-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-row-identity strong{color:#dfe6e1;font-size:8px;letter-spacing:.04em}
.market-row-identity span{margin-top:2px;color:var(--dim);font-size:5px;letter-spacing:.07em}
.market-row-price{
  overflow:hidden;
  color:#fff;
  font-size:9px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-row-change{
  color:var(--muted);
  font-size:7px;
  font-weight:900;
  text-align:right;
}

.wall-market-row.is-up .market-row-change{color:var(--green)}
.wall-market-row.is-down .market-row-change{color:var(--red)}

.movers-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-bottom:1px solid var(--line);
}

.mover-card{
  min-width:0;
  padding:7px 8px;
  border-right:1px solid var(--line);
  background:#040806;
}

.mover-card:last-child{border-right:0}
.mover-card span,
.mover-card strong,
.mover-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mover-card span{color:var(--dim);font-size:5px;font-weight:900;letter-spacing:.08em}
.mover-card strong{margin-top:3px;color:#fff;font-size:8px}
.mover-card em{margin-top:2px;font-size:8px;font-style:normal;font-weight:900}
.mover-card.is-leader em{color:var(--green)}
.mover-card.is-laggard em{color:var(--red)}
.mover-card em.is-up{color:var(--green)}
.mover-card em.is-down{color:var(--red)}
.mover-card em.is-flat{color:var(--amber)}

.heat-board{
  padding:6px 8px 7px;
  border-bottom:1px solid var(--line);
}

.heat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:var(--dim);
  font-size:5px;
  font-weight:900;
  letter-spacing:.09em;
}

.heat-head strong{color:var(--amber);font-size:7px}

.market-heat-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:2px;
  margin-top:5px;
}

.heat-cell{
  min-width:0;
  min-height:20px;
  padding:3px 2px;
  border:1px solid #243229;
  background:#08100b;
  color:var(--muted);
  text-align:center;
}

.heat-cell strong,
.heat-cell span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heat-cell strong{font-size:5px;letter-spacing:.04em}
.heat-cell span{margin-top:2px;font-size:5px;font-weight:900}
.heat-cell.is-up{border-color:rgba(33,225,139,.34);background:rgba(18,121,75,.28);color:#aeffd5}
.heat-cell.is-down{border-color:rgba(255,63,89,.34);background:rgba(151,25,45,.28);color:#ffc0ca}
.heat-cell.is-flat{border-color:rgba(255,151,0,.28);background:rgba(141,85,0,.18);color:var(--amber-soft)}

.command-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:25px;
  padding:0 8px;
  color:var(--dim);
  font-size:5px;
  letter-spacing:.07em;
}

.command-foot strong{
  color:#6f7e74;
  font-size:5px;
  text-align:right;
}

.market-stage{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid #293a30;
  border-left:3px solid var(--amber);
  background:#030705;
  box-shadow:inset 0 0 100px rgba(0,0,0,.56),0 18px 58px var(--shadow);
}

.market-canvas{
  position:absolute;
  z-index:-3;
  inset:0;
  width:100%;
  height:100%;
  opacity:.8;
}

.chart-vignette{
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(2,5,3,.12) 0%,rgba(2,5,3,.2) 40%,rgba(2,5,3,.48) 100%),
    linear-gradient(180deg,rgba(2,5,3,.1),rgba(2,5,3,.19) 62%,rgba(2,5,3,.74));
}

.market-stage::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 4px);
}

.market-watermark{
  position:absolute;
  z-index:-1;
  right:2.4%;
  top:12%;
  max-width:76%;
  opacity:.055;
  color:#fff;
  font-family:"Arial Black",Consolas,monospace;
  text-align:right;
  pointer-events:none;
}

.market-watermark span{
  display:block;
  overflow:hidden;
  font-size:clamp(54px,9vw,142px);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.08em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-watermark small{
  display:block;
  margin-top:8px;
  font-size:clamp(16px,2vw,31px);
  letter-spacing:.25em;
}

.stage-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:start;
  gap:15px;
  padding:12px 15px 9px;
  border-bottom:1px solid rgba(45,66,54,.7);
  background:linear-gradient(180deg,rgba(2,6,4,.84),rgba(2,6,4,.2));
}

.micro-label{
  display:block;
  margin-bottom:4px;
  color:var(--dim);
  font-size:7px;
  font-weight:900;
  letter-spacing:.15em;
}

.instrument-identity > div{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}

.instrument-identity strong{
  overflow:hidden;
  color:#fff;
  font-size:clamp(13px,1.5vw,21px);
  letter-spacing:.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.instrument-identity span:last-child{
  color:var(--amber);
  font-size:8px;
  letter-spacing:.08em;
  white-space:nowrap;
}

.instrument-quote{text-align:right}

.instrument-quote strong,
.instrument-quote span{display:block}

.instrument-quote strong{
  color:#fff;
  font-size:clamp(13px,1.5vw,21px);
  font-variant-numeric:tabular-nums;
}

.instrument-quote span{
  margin-top:3px;
  font-size:8px;
  font-weight:900;
}

.instrument-quote .up{color:var(--green)}
.instrument-quote .down{color:var(--red)}
.instrument-quote .neutral{color:var(--muted)}

.chart-range{display:flex;gap:3px}

.range-button{
  min-width:31px;
  min-height:25px;
}

.range-button.active{
  border-color:var(--amber);
  background:var(--amber);
  color:#080400;
}

.clock-core{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:10px 18px;
  text-align:center;
}

.clock-location{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--amber-soft);
  font-size:clamp(8px,.8vw,11px);
  font-weight:900;
  letter-spacing:.17em;
}

.hero-pulse{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 10px var(--amber);
}

.main-clock{
  display:block;
  max-width:100%;
  margin:clamp(5px,1.2vh,12px) 0 0;
  color:#fff;
  font-family:"Arial Black","Helvetica Neue",Consolas,monospace;
  font-size:clamp(70px,11.3vw,230px);
  font-weight:900;
  font-variant-numeric:tabular-nums lining-nums;
  line-height:.86;
  letter-spacing:-.075em;
  white-space:nowrap;
  text-shadow:
    0 0 1px #fff,
    0 0 13px rgba(255,255,255,.08),
    0 0 34px rgba(255,151,0,.18),
    0 18px 52px rgba(0,0,0,.95);
}

.main-date{
  margin-top:clamp(9px,1.7vh,18px);
  color:#bac5bd;
  font-size:clamp(9px,1vw,15px);
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 2px 9px #000;
}

.zone-selector{
  display:flex;
  gap:4px;
  margin-top:clamp(10px,2vh,20px);
}

.zone-button{
  min-width:39px;
  min-height:25px;
  background:rgba(5,12,8,.82);
  backdrop-filter:blur(6px);
}

.zone-button.active{
  border-color:var(--amber);
  background:var(--amber);
  color:#070400;
}

.stage-foot{
  display:grid;
  grid-template-columns:minmax(140px,.8fr) minmax(300px,1.4fr) minmax(110px,.55fr);
  align-items:end;
  gap:11px;
  min-width:0;
  padding:9px 13px 11px;
  border-top:1px solid rgba(45,66,54,.72);
  background:rgba(2,6,4,.78);
  backdrop-filter:blur(8px);
}

.session-callout,
.session-countdown{min-width:0}

.session-callout strong,
.session-countdown strong{
  display:block;
  overflow:hidden;
  color:var(--green);
  font-size:10px;
  letter-spacing:.06em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.session-countdown{text-align:right}
.session-countdown strong{color:#fff;font-variant-numeric:tabular-nums}

.world-clock-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-width:0;
  border:1px solid rgba(47,67,55,.8);
}

.world-clock{
  min-width:0;
  padding:5px 5px 4px;
  border:0;
  border-right:1px solid rgba(47,67,55,.65);
  background:rgba(4,10,6,.7);
  color:var(--muted);
  cursor:pointer;
  text-align:center;
}

.world-clock:last-child{border-right:0}
.world-clock span,
.world-clock strong{display:block}

.world-clock span{
  color:var(--amber);
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

.world-clock strong{
  margin-top:2px;
  color:#e6ece8;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}

.world-clock.active{
  background:rgba(255,151,0,.12);
  box-shadow:inset 0 -2px 0 var(--amber);
}

.chart-fallback-label{
  position:absolute;
  left:12px;
  bottom:65px;
  padding:4px 7px;
  border:1px solid rgba(255,151,0,.3);
  background:rgba(3,8,5,.74);
  color:#8d7960;
  font-size:6px;
  letter-spacing:.1em;
}

.news-desk{
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  min-width:0;
  min-height:0;
  height:100%;
  max-height:100%;
  overflow:hidden;
  border:1px solid #2a3a31;
  border-top:2px solid var(--amber);
  background:rgba(4,9,6,.96);
  box-shadow:0 18px 54px var(--shadow);
}

.news-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:52px;
  padding:8px 10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(255,151,0,.07),transparent);
}

.news-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--amber);
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}

.news-kicker i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 10px var(--red);
  animation:livePulse 1.35s ease-in-out infinite;
}

.news-head strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:12px;
  letter-spacing:.08em;
}

.news-refresh{
  width:30px;
  height:30px;
  padding:0;
  color:var(--amber);
  font-size:15px;
}

.news-refresh.is-loading{animation:spin .85s linear infinite}

@keyframes spin{to{transform:rotate(360deg)}}

.news-statusbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:27px;
  padding:0 10px;
  border-bottom:1px solid var(--line-soft);
  color:var(--dim);
  font-size:7px;
  letter-spacing:.08em;
}

.news-statusbar strong{
  color:var(--amber);
  font-size:9px;
}

.news-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--line);
}

.news-filter{
  min-width:0;
  min-height:29px;
  border:0;
  border-right:1px solid var(--line-soft);
  background:transparent;
  font-size:7px;
}

.news-filter:last-child{border-right:0}

.news-filter.active{
  background:var(--amber);
  color:#090500;
}

.news-list-view{
  height:100%;
  min-height:0;
  overflow:hidden;
}

.news-list{
  height:100%;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#4a5c51 #07100b;
}

.news-item{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:7px;
  width:100%;
  min-width:0;
  padding:9px 9px 8px;
  border:0;
  border-bottom:1px solid var(--line-soft);
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}

.news-item:hover,
.news-item:focus-visible{
  outline:none;
  background:#09120d;
  box-shadow:inset 2px 0 0 var(--amber);
}

.news-item-time{
  padding-top:2px;
  color:var(--amber);
  font-size:7px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.news-item-copy{min-width:0}

.news-item-meta{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:var(--dim);
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.news-item-meta span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.news-item-meta i{
  flex:0 0 auto;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--green);
}

.news-item-title{
  display:-webkit-box;
  margin-top:4px;
  overflow:hidden;
  color:#edf3ef;
  font-size:10px;
  font-weight:900;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.news-item-summary{
  display:-webkit-box;
  margin-top:4px;
  overflow:hidden;
  color:#809087;
  font-size:8px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.news-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  min-height:180px;
  padding:20px;
  color:var(--dim);
  text-align:center;
}

.news-empty strong{
  color:var(--amber);
  font-size:10px;
  letter-spacing:.1em;
}

.news-empty span{
  max-width:250px;
  margin-top:8px;
  font-size:8px;
  line-height:1.5;
}

.news-reader{
  min-height:0;
  overflow-y:auto;
  padding:11px;
  scrollbar-width:thin;
  scrollbar-color:#4a5c51 #07100b;
}

.news-reader[hidden]{display:none}
.news-desk.reader-open .news-list-view{display:none}
.news-desk.reader-open .news-filters{display:none}
.news-desk.reader-open .news-reader{display:block}
.news-desk.reader-open{grid-template-rows:auto auto minmax(0,1fr) auto}
.news-desk.reader-open .news-reader{grid-row:3}
.news-desk.reader-open .news-foot{grid-row:4}

.news-back{
  min-height:27px;
  padding:0 8px;
  border-color:var(--amber);
  color:var(--amber);
}

.reader-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:13px;
  padding-bottom:8px;
  border-bottom:1px solid var(--line);
  color:var(--amber);
  font-size:7px;
  font-weight:900;
  letter-spacing:.09em;
}

.news-reader h2{
  margin:14px 0 10px;
  color:#fff;
  font-size:clamp(16px,1.35vw,23px);
  line-height:1.25;
  letter-spacing:-.025em;
}

.news-reader p{
  margin:0;
  color:#b4c0b8;
  font-family:Arial,sans-serif;
  font-size:12px;
  line-height:1.58;
}

.reader-source{
  margin-top:18px;
  padding:9px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.reader-source span,
.reader-source strong{display:block}

.reader-source span{
  color:var(--dim);
  font-size:7px;
  letter-spacing:.1em;
}

.reader-source strong{
  margin-top:4px;
  color:var(--amber);
  font-size:9px;
}

.reader-link{
  display:block;
  margin-top:11px;
  padding:9px;
  border:1px solid var(--amber);
  color:#090500;
  background:var(--amber);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
  text-decoration:none;
}

.reader-link[aria-disabled="true"]{
  pointer-events:none;
  opacity:.45;
}

.news-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:25px;
  padding:0 9px;
  border-top:1px solid var(--line);
  color:var(--dim);
  font-size:6px;
  letter-spacing:.07em;
}

.session-board{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  min-width:0;
}

.session-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 8px;
  min-width:0;
  min-height:43px;
  padding:6px 8px;
  border:1px solid var(--line);
  border-left:3px solid var(--dim);
  background:#040805;
}

.session-card > span{
  color:var(--muted);
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

.session-card strong{
  overflow:hidden;
  color:#b6c0ba;
  font-size:8px;
  letter-spacing:.06em;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.session-card small{
  grid-column:1 / -1;
  overflow:hidden;
  color:var(--dim);
  font-size:6px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.session-card.is-open{
  border-left-color:var(--green);
  background:linear-gradient(90deg,rgba(33,225,139,.06),#040805 58%);
}

.session-card.is-open strong{color:var(--green)}

.session-card.is-warning{
  border-left-color:var(--amber);
  background:linear-gradient(90deg,rgba(255,151,0,.07),#040805 58%);
}

.session-card.is-warning strong{color:var(--amber)}

.market-ribbon{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:120px minmax(0,1fr) 210px;
  min-width:0;
  min-height:51px;
  overflow:hidden;
  border:1px solid var(--line);
  border-bottom:2px solid var(--amber);
  background:#030705;
  box-shadow:0 -10px 30px rgba(0,0,0,.4);
}

.ribbon-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  padding:0 7px;
  border-right:1px solid var(--line);
}

.ribbon-label > span{
  color:var(--amber);
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
}

.tape-button{
  min-height:23px;
  padding:0 6px;
  font-size:6px;
}

.tape-window{
  position:relative;
  min-width:0;
  overflow:hidden;
}

.tape-window::before,
.tape-window::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:35px;
  pointer-events:none;
}

.tape-window::before{left:0;background:linear-gradient(90deg,#030705,transparent)}
.tape-window::after{right:0;background:linear-gradient(-90deg,#030705,transparent)}

.tape-track{
  display:flex;
  width:max-content;
  height:100%;
  animation:tapeMove var(--tape-duration,58s) linear infinite;
}

.tape-track.is-paused{animation-play-state:paused}

@keyframes tapeMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.market-tick{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-content:center;
  gap:2px 8px;
  min-width:142px;
  padding:6px 10px;
  border-right:1px solid var(--line-soft);
}

.tick-name{
  color:#cdd5d0;
  font-size:8px;
  font-weight:900;
}

.tick-qualifier{
  align-self:center;
  color:var(--dim);
  font-size:6px;
  text-align:right;
}

.tick-price{
  color:#fff;
  font-size:10px;
  font-variant-numeric:tabular-nums;
}

.tick-change{
  align-self:end;
  font-size:7px;
  font-weight:900;
  text-align:right;
}

.tick-change.up{color:var(--green)}
.tick-change.down{color:var(--red)}

.ribbon-system{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  padding:0 9px;
  border-left:1px solid var(--line);
  color:var(--dim);
  font-size:6px;
  letter-spacing:.07em;
}

.portrait-hint{
  position:fixed;
  z-index:30;
  right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,env(safe-area-inset-bottom));
  display:none;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:min(350px,calc(100vw - 24px));
  padding:11px;
  border:1px solid var(--amber);
  background:rgba(6,10,8,.97);
  box-shadow:0 15px 50px #000;
}

.portrait-hint.is-dismissed{display:none!important}
.phone-glyph{color:var(--amber);font-size:24px;transform:rotate(90deg)}
.portrait-hint strong,
.portrait-hint span{display:block}
.portrait-hint strong{color:#fff;font-size:9px;letter-spacing:.08em}
.portrait-hint span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}
.portrait-hint button{
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:20px;
}

.wall-toast{
  position:fixed;
  z-index:50;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  max-width:min(520px,calc(100vw - 26px));
  padding:9px 12px;
  border:1px solid var(--amber);
  background:#090d0b;
  color:#fff;
  font-size:9px;
  line-height:1.4;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,20px);
  transition:opacity .18s ease,transform .18s ease;
  box-shadow:0 14px 44px #000;
}

.wall-toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
  .wall-health #chartDataState,
  .wall-health .health-separator:last-of-type{display:none}
  .market-command{display:none}
  .wall-main{grid-template-columns:minmax(0,1.85fr) minmax(280px,.85fr)}
  .stage-foot{grid-template-columns:minmax(120px,.65fr) minmax(260px,1.4fr)}
  .session-countdown{display:none}
  .instrument-rail{grid-template-columns:116px minmax(0,1fr) 128px}
  .rail-label strong{display:none}
}

@media (max-width:760px){
  .wall-shell{
    display:block;
    height:auto;
    min-height:100dvh;
    max-height:none;
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    overflow:visible;
  }

  .wall-topbar{
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    margin-bottom:6px;
  }

  .brand-copy small,
  .wall-health,
  .battery-copy span,
  .wall-button span:last-child{display:none}
  .revision-mark{display:inline}
  .battery-compact{min-width:auto;padding-right:6px}
  .battery-icon{width:30px}
  .wall-button{width:31px;padding:0}

  .instrument-rail{
    grid-template-columns:minmax(0,1fr);
    margin-bottom:6px;
  }

  .rail-label,
  .rail-clock{display:none}
  .instrument-button{flex-basis:94px}

  .wall-main{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
  }

  .market-stage{order:1;min-height:430px}
  .market-command{
    order:2;
    display:grid;
    min-height:430px;
  }
  .news-desk{order:3}
  .stage-head{grid-template-columns:minmax(0,1fr) auto;padding:10px}
  .chart-range{grid-column:1 / -1;justify-content:flex-end}
  .instrument-identity span:last-child{display:none}
  .main-clock{font-size:clamp(55px,21vw,92px)}
  .main-date{font-size:8px;letter-spacing:.1em}
  .zone-selector{margin-top:14px}
  .zone-button{min-width:35px}
  .stage-foot{grid-template-columns:1fr;padding:8px}
  .session-callout{display:none}
  .world-clock-strip{width:100%}
  .chart-fallback-label{bottom:46px}

  .news-desk{
    height:530px;
    margin-top:0;
  }

  .news-item-title{font-size:11px}
  .news-item-summary{font-size:9px}
  .session-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:6px;
  }
  .session-card:last-child{grid-column:1 / -1}

  .market-ribbon{
    grid-template-columns:88px minmax(0,1fr);
    min-height:55px;
    margin-top:6px;
  }
  .ribbon-system{display:none}
  .ribbon-label > span{display:none}
  .ribbon-label{justify-content:center}

  .portrait-hint{display:grid}
}

@media (orientation:landscape) and (max-height:560px){
  .wall-shell{
    display:grid;
    grid-template-rows:40px 31px minmax(0,1fr) 46px;
    gap:4px;
    height:100vh;
    height:100dvh;
    min-height:0;
    padding:4px;
    overflow:hidden;
  }

  .wall-topbar{
    grid-template-columns:minmax(155px,.8fr) auto minmax(170px,.8fr);
    min-height:40px;
    margin:0;
    padding:3px 6px;
  }
  .brand-mark{width:27px;height:27px}
  .brand-copy small{display:none}
  .wall-health{display:flex;font-size:6px}
  .wall-health #chartDataState,
  .wall-health .health-separator:last-of-type{display:none}
  .battery-copy span{display:none}
  .wall-button{min-height:27px}
  .wall-button span:last-child{display:none}
  .battery-compact{min-width:74px}

  .instrument-rail{
    display:grid;
    grid-template-columns:85px minmax(0,1fr) 100px;
    min-height:31px;
    margin:0;
  }
  .rail-label{display:flex;padding:0 5px}
  .rail-label span{height:20px;width:24px}
  .rail-label strong{display:none}
  .rail-clock{display:flex;padding:0 6px}
  .rail-clock span{display:none}
  .instrument-button{flex-basis:80px;min-width:80px;padding:3px 6px}
  .instrument-button span{font-size:6px}
  .instrument-button strong{font-size:7px}

  .wall-main{
    display:grid;
    grid-template-columns:minmax(0,2.25fr) minmax(245px,.82fr);
    gap:4px;
    min-height:0;
  }

  .market-command{display:none}

  .market-stage{
    min-height:0;
    height:auto;
  }
  .stage-head{grid-template-columns:minmax(0,1fr) auto auto;padding:5px 8px}
  .micro-label{display:none}
  .instrument-identity strong{font-size:10px}
  .instrument-identity span:last-child{display:inline}
  .instrument-quote strong{font-size:10px}
  .instrument-quote span{font-size:6px}
  .range-button{min-width:26px;min-height:20px;font-size:6px}
  .clock-core{padding:3px 10px}
  .clock-location{font-size:6px}
  .main-clock{margin-top:2px;font-size:clamp(48px,10vw,118px)}
  .main-date{margin-top:4px;font-size:6px}
  .zone-selector{margin-top:5px}
  .zone-button{min-width:29px;min-height:19px;font-size:6px}
  .stage-foot{
    grid-template-columns:minmax(90px,.55fr) minmax(240px,1.4fr);
    padding:4px 7px;
  }
  .session-callout strong{font-size:7px}
  .session-countdown{display:none}
  .world-clock span{font-size:5px}
  .world-clock strong{font-size:7px}
  .chart-fallback-label{bottom:38px;font-size:5px}

  .news-desk{
    height:auto;
    min-height:0;
  }
  .news-head{min-height:37px;padding:4px 7px}
  .news-head strong{font-size:9px;margin-top:2px}
  .news-refresh{width:25px;height:25px}
  .news-statusbar{min-height:21px}
  .news-filter{min-height:23px;font-size:6px}
  .news-item{grid-template-columns:30px minmax(0,1fr);padding:5px 6px}
  .news-item-title{font-size:8px;-webkit-line-clamp:2}
  .news-item-summary{display:none}
  .news-reader{padding:7px}
  .news-reader h2{font-size:13px}
  .news-reader p{font-size:9px;line-height:1.4}
  .news-foot{min-height:19px}

  .session-board{display:none}

  .market-ribbon{
    grid-template-columns:80px minmax(0,1fr) 150px;
    min-height:46px;
    margin:0;
  }
  .market-tick{min-width:124px;padding:4px 7px}
  .ribbon-system{display:flex}
  .portrait-hint{display:none}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:720px){
  .stage-foot{grid-template-columns:1fr}
  .session-callout{display:none}
  .world-clock{padding-inline:2px}
  .world-clock strong{font-size:6px}
  .news-head strong{font-size:8px}
}

@media (min-width:1800px){
  .wall-shell{gap:10px;padding:12px}
  .wall-topbar{min-height:60px}
  .instrument-rail{min-height:48px}
  .wall-main{grid-template-columns:minmax(300px,.72fr) minmax(0,2.5fr) minmax(380px,.82fr);gap:10px}
  .main-clock{font-size:clamp(170px,11vw,300px)}
  .command-head,
  .news-head{min-height:60px}
  .wall-market-row{min-height:38px}
  .news-item-title{font-size:12px}
  .news-item-summary{font-size:9px}
  .session-card{min-height:52px}
  .market-ribbon{min-height:62px}
}

@media (prefers-reduced-motion:reduce){
  .wall-scanline{display:none}
  .live-dot,
  .news-kicker i{animation:none}
  .tape-track{animation-duration:130s}
}

/* WALL 4 · jerarquía de lectura a distancia */
:root{
  --bg:#000;
  --panel:#050705;
  --panel-2:#080b08;
  --line:#343a35;
  --line-soft:#202521;
  --text:#f7faf7;
  --muted:#a0aaa3;
  --dim:#667069;
  --amber:#ff9f0a;
  --amber-soft:#ffd078;
  --green:#29ef98;
  --red:#ff5067;
}

.wall-shell{
  grid-template-rows:50px 42px minmax(0,1fr) 38px 54px;
  gap:6px;
  padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
  background:
    radial-gradient(ellipse at 52% 44%,rgba(255,159,10,.045),transparent 48%),
    #010201;
}

.wall-grid{
  opacity:.14;
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}

.wall-scanline{display:none}

.wall-topbar,
.instrument-rail,
.market-command,
.market-stage,
.news-desk,
.session-card,
.market-ribbon{
  box-shadow:none;
}

.wall-topbar{
  min-height:50px;
  padding:5px 10px;
  border:1px solid var(--line);
  border-top:3px solid var(--amber);
  background:#030503;
}

.brand-mark{
  width:32px;
  height:32px;
  background:var(--amber);
  color:#080500;
  box-shadow:none;
}

.brand-copy strong{font-size:13px}
.brand-copy small{color:#8c958f;font-size:7px}

.wall-health{
  padding:5px 10px;
  border:1px solid var(--line-soft);
  background:#070a07;
  color:#aab3ad;
  font-size:8px;
}

.device-rail{gap:5px}
.battery-compact,
.wall-button{
  border-color:var(--line);
  background:#070a07;
}

.wall-button-primary{
  border-color:var(--amber);
  background:var(--amber);
}

.instrument-rail{
  min-height:42px;
  border-color:var(--line);
  background:#030503;
}

.instrument-button{
  padding:5px 10px;
  border-right-color:var(--line-soft);
}

.instrument-button span{font-size:7px}
.instrument-button strong{font-size:10px}
.instrument-button em{font-size:7px}

.instrument-button.active{
  background:#151006;
  box-shadow:inset 0 -3px 0 var(--amber);
}

.instrument-button.active::after{display:none}

.wall-main{
  grid-template-columns:238px minmax(0,1fr) 330px;
  gap:6px;
}

.market-command,
.news-desk{
  border-color:var(--line);
  border-top:3px solid var(--amber);
  background:#040604;
}

.market-command{
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto;
}

.command-head,
.news-head{
  min-height:44px;
  padding:6px 9px;
  background:#080a08;
}

.command-head > div > strong,
.news-head strong{
  margin-top:3px;
  font-size:11px;
}

.command-kicker,
.news-kicker{
  font-size:6px;
  letter-spacing:.14em;
}

.breadth-panel{padding:8px 9px}
.breadth-title > div:first-child strong{font-size:9px}
.breadth-ratio strong{font-size:19px}
.breadth-meter{height:6px;margin-top:7px}
.breadth-stats{margin-top:6px}
.breadth-stats > div{padding:4px}

.dense-market-head{min-height:21px}
.wall-market-row{min-height:29px;padding:3px 8px}
.market-row-identity strong{font-size:8px}
.market-row-price{font-size:10px}
.market-row-change{font-size:7px}

.mover-card{padding:5px 7px}
.heat-board{padding:5px 7px 6px}
.heat-cell{min-height:18px;padding:2px}
.command-foot{min-height:20px}

.market-stage{
  border:1px solid #454b45;
  border-top:4px solid var(--amber);
  border-left:1px solid #454b45;
  background:#020302;
}

.market-canvas{opacity:.55}

.chart-vignette{
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 54%,rgba(0,0,0,.74)),
    radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.42) 100%);
}

.market-stage::before{opacity:.35}
.market-watermark{display:none}

.stage-head{
  min-height:52px;
  align-items:center;
  padding:8px 12px;
  border-bottom-color:var(--line);
  background:rgba(3,5,3,.9);
}

.instrument-identity strong,
.instrument-quote strong{
  font-size:clamp(15px,1.45vw,23px);
}

.instrument-identity span:last-child,
.instrument-quote span{font-size:8px}

.range-button{
  min-width:34px;
  min-height:28px;
  border-color:var(--line);
  background:#080b08;
}

.clock-core{
  position:relative;
  padding:8px 14px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.68),transparent 72%);
}

.clock-location{
  color:var(--amber);
  font-size:clamp(9px,.8vw,12px);
  letter-spacing:.22em;
}

.hero-pulse{
  width:7px;
  height:7px;
  box-shadow:0 0 14px var(--amber);
}

.main-clock{
  margin-top:6px;
  color:#fff;
  font-family:Consolas,"Roboto Mono","Arial Black",monospace;
  font-size:clamp(82px,min(10.8vw,22vh),230px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.07em;
  text-shadow:
    0 0 1px #fff,
    0 0 20px rgba(255,255,255,.08),
    0 0 38px rgba(255,159,10,.2);
}

.main-date{
  margin-top:10px;
  color:#d3dbd5;
  font-size:clamp(9px,.9vw,14px);
  letter-spacing:.16em;
}

.zone-selector{margin-top:12px;gap:5px}
.zone-button{
  min-width:42px;
  min-height:27px;
  border-color:#404640;
  background:#070a07;
  font-size:8px;
}

.stage-foot{
  grid-template-columns:minmax(130px,.65fr) minmax(300px,1.6fr) minmax(100px,.5fr);
  padding:7px 11px;
  border-top-color:var(--line);
  background:rgba(3,5,3,.94);
}

.session-callout strong,
.session-countdown strong{font-size:10px}
.world-clock{padding:5px 4px}
.world-clock strong{font-size:9px}

.news-statusbar{
  min-height:25px;
  background:#030503;
}

.news-filter{min-height:28px}

.news-item{
  grid-template-columns:39px minmax(0,1fr);
  gap:8px;
  padding:8px 9px;
}

.news-item-time{
  color:var(--amber);
  font-size:8px;
}

.news-item-title{
  margin-top:3px;
  color:#fff;
  font-size:11px;
  line-height:1.28;
  -webkit-line-clamp:2;
}

.news-item-summary{
  margin-top:3px;
  font-size:8px;
  line-height:1.3;
  -webkit-line-clamp:1;
}

.news-reader{padding:13px}
.news-reader h2{font-size:clamp(18px,1.45vw,25px);line-height:1.2}
.news-reader p{color:#d0d7d2;font-size:13px;line-height:1.55}

.news-reader.is-telegram-official .reader-source{
  border-color:rgba(49,214,234,.45);
}

.news-reader.is-telegram-official .reader-source strong{
  color:var(--cyan);
}

.session-board{gap:4px}
.session-card{
  min-height:38px;
  padding:5px 8px;
  background:#030503;
}
.session-card strong{font-size:8px}
.session-card small{font-size:5px}

.market-ribbon{
  min-height:54px;
  border-color:var(--line);
  border-bottom:3px solid var(--amber);
  background:#020302;
}

.market-tick{border-right-color:var(--line-soft)}
.market-tick .tick-name{font-size:8px}
.market-tick .tick-price{font-size:11px}

@media (min-width:1500px){
  .wall-main{grid-template-columns:260px minmax(0,1fr) 360px}
  .main-clock{font-size:clamp(130px,min(11vw,23vh),260px)}
  .news-item-title{font-size:12px}
  .news-item-summary{font-size:9px}
}

@media (max-width:1499px) and (min-width:761px){
  .market-command{
    grid-template-rows:auto auto minmax(0,1fr) auto auto;
  }
  .movers-board{display:none}
  .wall-market-row{min-height:34px}
  .market-row-identity strong{font-size:9px}
  .market-row-price{font-size:11px}
  .news-item-title{font-size:12px}
}

@media (max-width:1100px){
  .wall-main{grid-template-columns:minmax(0,1.85fr) minmax(280px,.82fr)}
}

@media (max-width:760px){
  .wall-shell{
    background:#010201;
    padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));
  }
  .wall-topbar{
    min-height:45px;
    border-top-width:3px;
  }
  .instrument-rail{min-height:39px}
  .wall-main{
    grid-template-columns:minmax(0,1fr);
    overflow:visible;
  }
  .market-stage{
    min-height:410px;
    border-top-width:4px;
  }
  .stage-head{min-height:58px}
  .main-clock{
    font-size:clamp(58px,21.5vw,94px);
    letter-spacing:-.075em;
  }
  .main-date{margin-top:8px;font-size:8px}
  .market-command{min-height:390px}
  .news-desk{height:510px}
  .news-item-title{font-size:11px}
  .news-item-summary{-webkit-line-clamp:2}
  .session-card{min-height:42px}
}

@media (orientation:landscape) and (max-height:560px){
  .wall-shell{
    grid-template-rows:38px 30px minmax(0,1fr) 43px;
    gap:4px;
    padding:4px;
  }
  .wall-topbar{
    min-height:38px;
    border-top-width:2px;
  }
  .wall-main{grid-template-columns:minmax(0,2.35fr) minmax(245px,.78fr)}
  .market-stage{border-top-width:3px}
  .stage-head{min-height:38px;padding:4px 7px}
  .clock-core{padding:2px 8px}
  .main-clock{
    margin-top:1px;
    font-size:clamp(46px,min(10.5vw,25vh),112px);
  }
  .main-date{margin-top:3px}
  .zone-selector{margin-top:4px}
  .news-head{min-height:34px}
  .news-item{padding:5px 6px}
  .news-item-title{font-size:8px}
  .market-ribbon{min-height:43px;border-bottom-width:2px}
}

@media (prefers-reduced-motion:reduce){
  .breadth-bar{transition:none}
}

/* R3 · Market Wall operativo: cobertura honesta, lectura rápida y menor ruido. */
body[data-market-data-state="loading"] .live-dot,
body[data-market-data-state="delayed"] .live-dot,
body[data-market-data-state="last-good"] .live-dot,
body[data-market-data-state="partial"] .live-dot{
  background:var(--amber);
  box-shadow:0 0 10px rgba(255,159,10,.72);
}

body[data-market-data-state="uncovered"] .live-dot,
body[data-market-data-state="expired"] .live-dot{
  background:var(--red);
  box-shadow:0 0 10px rgba(255,80,103,.72);
}

.rail-label span{
  min-width:62px;
  padding:3px 6px;
  border:1px solid currentColor;
  color:var(--amber);
  text-align:center;
}

body[data-market-data-state="live"] .rail-label span{color:var(--green)}
body[data-market-data-state="uncovered"] .rail-label span,
body[data-market-data-state="expired"] .rail-label span{color:var(--red)}

.market-load-strip{
  position:absolute;
  z-index:6;
  top:53px;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:24px;
  padding:4px 10px;
  border-bottom:1px solid rgba(255,159,10,.45);
  background:rgba(12,9,3,.92);
  color:var(--amber-soft);
  font-size:7px;
  letter-spacing:.1em;
  pointer-events:none;
}

.market-load-strip[hidden]{display:none}
.market-load-strip > span{
  width:8px;
  height:8px;
  border:1px solid rgba(255,159,10,.28);
  border-top-color:var(--amber);
  border-radius:50%;
  animation:spin .8s linear infinite;
}
.market-load-strip strong{font-size:7px}
.market-load-strip em{margin-left:auto;color:#fff;font-size:7px;font-style:normal}

.instrument-identity > div{flex-wrap:wrap}
.instrument-identity span.instrument-data-status{
  display:block;
  flex:0 0 100%;
  margin-top:4px;
  color:var(--muted);
  font-size:7px;
  font-weight:800;
  letter-spacing:.07em;
  white-space:nowrap;
}
.instrument-data-status.is-live{color:var(--green)}
.instrument-data-status.is-delayed,
.instrument-data-status.is-loading,
.instrument-data-status.is-last-good{color:var(--amber-soft)}
.instrument-data-status.is-uncovered,
.instrument-data-status.is-expired{color:var(--red)}

.wall-market-row{
  grid-template-rows:auto auto;
  min-height:43px;
}
.market-row-status{
  grid-column:1 / -1;
  overflow:hidden;
  color:var(--dim);
  font-size:5px;
  font-weight:800;
  letter-spacing:.055em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.market-row-status.is-live{color:var(--green)}
.market-row-status.is-delayed,
.market-row-status.is-loading,
.market-row-status.is-last-good{color:#c99a4d}
.market-row-status.is-uncovered,
.market-row-status.is-expired{color:var(--red)}

.news-impact{margin-left:auto;color:#8b9690}
.news-impact.is-alto{color:var(--amber-soft)}
.news-impact.is-crítico{color:var(--red)}

@media (min-width:1101px){
  .wall-main{grid-template-columns:226px minmax(0,1fr) 316px}
  .main-clock{font-size:clamp(92px,min(11.4vw,23vh),240px)}
  .market-command{grid-template-rows:auto auto minmax(0,1fr) auto auto}
  .movers-board{display:none}
}

@media (max-width:1100px){
  .wall-main{grid-template-columns:minmax(0,1.92fr) minmax(270px,.82fr)}
  .main-clock{font-size:clamp(76px,min(12.5vw,22vh),160px)}
}

@media (max-width:760px){
  .wall-main{grid-template-columns:minmax(0,1fr)}
  .news-desk{order:2;height:470px}
  .market-command{order:3;min-height:350px}
  .market-load-strip{top:59px}
  #activeInstrumentSymbol{display:none}
  .instrument-identity span.instrument-data-status{display:block;font-size:6px;white-space:normal}
  .main-clock{font-size:clamp(62px,22.5vw,98px)}
  .news-item{padding:7px 8px}
  .news-impact{font-size:5px}
}

@media (orientation:landscape) and (max-height:560px){
  .market-load-strip{top:38px;min-height:19px;padding-block:2px}
  .instrument-data-status{margin-top:2px;font-size:5px}
  .main-clock{font-size:clamp(54px,min(11.5vw,27vh),122px)}
  .news-item{padding:4px 6px}
  .news-item-summary{display:none}
}

@media (prefers-reduced-motion:reduce){
  .market-load-strip > span{animation:none}
}

/* R4 · pared institucional, directorio de canales y modo mesita de luz. */
.desk-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0;
  min-height:34px;
  border-bottom:1px solid var(--line);
  background:rgba(3,6,4,.92);
}

.desk-metrics > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-width:0;
  padding:5px 8px;
  border-right:1px solid var(--line-soft);
}

.desk-metrics > div:last-child{border-right:0}
.desk-metrics span,
.desk-metrics strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.desk-metrics span{color:var(--dim);font-size:5px;font-weight:900;letter-spacing:.09em}
.desk-metrics strong{color:#edf3ef;font-size:8px;font-variant-numeric:tabular-nums}
.desk-metrics strong.is-live{color:var(--green)}
.desk-metrics strong.is-loading,
.desk-metrics strong.is-partial,
.desk-metrics strong.is-delayed,
.desk-metrics strong.is-last-good{color:var(--amber-soft)}
.desk-metrics strong.is-uncovered,
.desk-metrics strong.is-expired{color:var(--red)}

.news-filters{grid-template-columns:repeat(5,minmax(0,1fr))}

.telegram-directory-note{
  padding:10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(49,214,234,.08),transparent);
}
.telegram-directory-note strong,
.telegram-directory-note span{display:block}
.telegram-directory-note strong{color:var(--cyan);font-size:8px;letter-spacing:.1em}
.telegram-directory-note span{margin-top:5px;color:var(--muted);font-size:7px;line-height:1.45}

.telegram-reference{
  display:block;
  width:100%;
  min-width:0;
  padding:9px 10px;
  border:0;
  border-bottom:1px solid var(--line-soft);
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}
.telegram-reference:hover,
.telegram-reference:focus-visible{
  outline:none;
  background:#071113;
  box-shadow:inset 2px 0 0 var(--cyan);
}
.telegram-reference-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.telegram-reference-meta span,
.telegram-reference-meta strong{font-size:5px;font-weight:900;letter-spacing:.08em}
.telegram-reference-meta span{color:var(--muted)}
.telegram-reference-meta strong{color:var(--cyan)}
.telegram-reference-label,
.telegram-reference-handle,
.telegram-reference small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telegram-reference-label{margin-top:5px;color:#fff;font-size:10px}
.telegram-reference-handle{margin-top:3px;color:var(--cyan);font-size:8px}
.telegram-reference small{margin-top:5px;color:var(--dim);font-size:6px;letter-spacing:.05em}

.market-ribbon{grid-template-columns:230px minmax(0,1fr) 210px}
.ribbon-label{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:4px;
}
.ribbon-label > span{font-size:6px;white-space:nowrap}
.ribbon-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0}
.tape-mode-button,
.ribbon-controls .tape-button{
  min-width:0;
  min-height:19px;
  padding:0 4px;
  border:1px solid var(--line);
  background:#070a07;
  color:var(--muted);
  cursor:pointer;
  font-size:5px;
  font-weight:900;
  letter-spacing:.06em;
}
.tape-mode-button:hover,
.tape-mode-button:focus-visible,
.ribbon-controls .tape-button:hover,
.ribbon-controls .tape-button:focus-visible{outline:none;border-color:var(--amber);color:#fff}
.tape-mode-button.active{border-color:var(--amber);background:var(--amber);color:#090500}

.headline-tick{
  display:grid;
  grid-template-columns:38px 92px minmax(260px,430px);
  align-items:center;
  gap:8px;
  min-width:430px;
  padding:5px 12px;
  border:0;
  border-right:1px solid var(--line-soft);
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}
.headline-tick:hover,
.headline-tick:focus-visible{outline:none;background:#0a100b;box-shadow:inset 0 -2px 0 var(--amber)}
.headline-time{color:var(--amber);font-size:7px;font-weight:900}
.headline-source{overflow:hidden;color:var(--muted);font-size:6px;text-overflow:ellipsis;white-space:nowrap}
.headline-title{overflow:hidden;color:#f2f6f3;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.headline-tick.is-waiting{display:flex;align-items:center;min-width:min(72vw,760px);color:var(--muted);font-size:7px;letter-spacing:.08em}
.tape-track.is-empty{width:100%;animation:none}

.main-clock{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  font-size:clamp(100px,min(12.8vw,26vh),260px);
  transform:translate(var(--clock-shift-x,0),var(--clock-shift-y,0));
  transition:transform 24s ease,opacity .8s ease,color .8s ease;
}

.clock-hm{font-size:1em}
.clock-seconds{
  margin-left:.07em;
  color:var(--amber-soft);
  font-size:.34em;
  letter-spacing:-.04em;
}

body.night-mode{
  --amber:#bd7a18;
  --amber-soft:#d5aa63;
  --green:#53b98a;
  --red:#c85866;
  --cyan:#5199a3;
}
body.night-mode .wall-shell{background:#000}
body.night-mode .wall-grid{opacity:.035}
body.night-mode .market-canvas{opacity:.14}
body.night-mode .chart-vignette{background:rgba(0,0,0,.7)}
body.night-mode .main-clock{
  color:#e4e9e5;
  font-size:clamp(128px,min(16vw,33vh),330px);
  text-shadow:0 0 1px rgba(255,255,255,.7),0 0 14px rgba(189,122,24,.11);
}
body.night-mode .clock-seconds{color:#b88a46;opacity:.82}
body.night-mode .main-date{color:#9da69f}
body.night-mode .wall-topbar,
body.night-mode .instrument-rail,
body.night-mode .desk-metrics,
body.night-mode .stage-head,
body.night-mode .stage-foot,
body.night-mode .market-command,
body.night-mode .news-desk,
body.night-mode .session-board,
body.night-mode .market-ribbon{transition:opacity .8s ease}
body.night-mode.night-idle .wall-topbar,
body.night-mode.night-idle .instrument-rail,
body.night-mode.night-idle .desk-metrics,
body.night-mode.night-idle .stage-head,
body.night-mode.night-idle .stage-foot,
body.night-mode.night-idle .market-command,
body.night-mode.night-idle .news-desk,
body.night-mode.night-idle .session-board,
body.night-mode.night-idle .market-ribbon{opacity:.42}
body.night-mode.night-idle .main-clock{opacity:.82}

@media (max-width:1100px){
  .main-clock{font-size:clamp(100px,min(17vw,33vh),230px)}
  body.night-mode .main-clock{font-size:clamp(108px,min(17.8vw,36vh),245px)}
  .market-ribbon{grid-template-columns:190px minmax(0,1fr)}
  .ribbon-system{display:none}
}

@media (max-width:760px){
  .desk-metrics{grid-template-columns:repeat(2,minmax(0,1fr));min-height:48px}
  .desk-metrics > div{min-height:24px;padding:3px 6px}
  .desk-metrics > div:nth-child(2){border-right:0}
  .desk-metrics > div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .main-clock{font-size:clamp(92px,30vw,138px);letter-spacing:-.095em}
  body.night-mode .market-stage{min-height:calc(100dvh - 102px)}
  body.night-mode .main-clock{font-size:clamp(100px,31vw,146px)}
  .market-ribbon{grid-template-columns:138px minmax(0,1fr)}
  .ribbon-label > span{display:block}
  .ribbon-controls{grid-template-columns:repeat(4,minmax(0,1fr))}
  .headline-tick{grid-template-columns:32px 62px minmax(200px,1fr);min-width:330px;padding:4px 7px}
  .telegram-reference{padding:10px}
}

@media (orientation:landscape) and (max-height:560px){
  .desk-metrics{min-height:24px}
  .desk-metrics > div{padding:2px 5px}
  .desk-metrics span{display:block;font-size:4px}
  .clock-location,
  .zone-selector,
  .chart-fallback-label{display:none!important}
  .clock-core{padding:0 6px}
  .main-clock{font-size:clamp(96px,min(18.5vw,42vh),178px)}
  body.night-mode .main-clock{font-size:clamp(104px,min(19vw,44vh),186px)}
  .market-ribbon{grid-template-columns:170px minmax(0,1fr) 125px}
  .headline-tick{grid-template-columns:30px 58px minmax(190px,320px);min-width:310px;padding:3px 6px}
  .telegram-directory-note{padding:6px}
  .telegram-directory-note span{font-size:6px}
  .telegram-reference{padding:6px 7px}
  .telegram-reference small{display:none}
}

@media (prefers-reduced-motion:reduce){
  .main-clock{transition:none}
}

/* Market Wall 2.0: precision controls and four persisted layouts. */
body[data-clock-font="mono"]{--clock-font:Consolas,"SFMono-Regular","Liberation Mono",monospace}
body[data-clock-font="condensed"]{--clock-font:"Arial Narrow","Roboto Condensed",Impact,sans-serif}
body[data-clock-font="sans"]{--clock-font:"Segoe UI",Arial,sans-serif}
.main-clock{font-family:var(--clock-font,Consolas,monospace);font-size:clamp(70px,var(--clock-user-vw,12.8vw),var(--clock-user-max,260px));line-height:.84}
.clock-hm,.clock-seconds{font-size:1em;line-height:inherit;vertical-align:baseline}
.clock-seconds{margin-left:0;color:inherit;opacity:1}

.design-panel{position:fixed;z-index:3000;top:52px;right:8px;width:min(330px,calc(100vw - 16px));border:1px solid #6e5122;color:#dce4df;background:#070a08;box-shadow:0 18px 55px rgba(0,0,0,.72)}
.design-panel[hidden]{display:none}
.design-panel header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line);background:#0b0d09}
.design-panel header div{display:grid;gap:2px}
.design-panel header span{color:var(--muted);font-size:6px;letter-spacing:.1em}
.design-panel header strong{color:var(--amber);font-size:10px;letter-spacing:.12em}
.design-panel header button{width:36px;height:36px;border:1px solid var(--line);color:var(--muted);background:#090c09;cursor:pointer;font-size:18px}
.design-section{padding:10px;border-bottom:1px solid var(--line)}
.design-section>span,.design-control>span{color:var(--amber);font-size:6px;font-weight:900;letter-spacing:.11em}
.design-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}
.design-options button{min-height:38px;border:1px solid #30382f;color:var(--muted);background:#0b0f0c;cursor:pointer;font-size:8px;font-weight:900}
.design-options button:hover,.design-options button.is-active{border-color:var(--amber);color:#080704;background:var(--amber)}
.design-control{min-height:52px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line)}
.design-control select{height:32px;border:1px solid #30382f;color:#e0e6e2;background:#0b0f0c;font:8px var(--mono)}
.design-control input{width:100%;accent-color:var(--amber)}
.design-control output{color:#fff;font-size:8px}
.design-panel footer{min-height:50px;display:flex;align-items:center;gap:10px;padding:8px 10px}
.design-panel footer button{min-width:72px;min-height:34px;border:1px solid var(--amber);color:var(--amber);background:transparent;cursor:pointer;font-size:8px;font-weight:900}
.design-panel footer small{color:var(--dim);font-size:5px;line-height:1.4}

body[data-clock-design="desk"] .clock-core{padding-block:2px}
body[data-clock-design="desk"] .main-clock{font-size:clamp(58px,9.2vw,180px)}
body[data-clock-design="desk"] .main-date{margin-top:3px}
body[data-clock-design="desk"] .world-clock-strip{max-width:620px}
body[data-clock-design="world"] .wall-main{grid-template-columns:minmax(0,1fr) minmax(260px,330px)}
body[data-clock-design="world"] .market-command{display:none}
body[data-clock-design="world"] .main-clock{font-size:clamp(88px,14vw,280px)}
body[data-clock-design="world"] .world-clock-strip{align-self:stretch}
body[data-clock-design="world"] .world-clock strong{font-size:11px}
body[data-clock-design="world"] .session-board{min-height:74px}
body[data-clock-design="minimal"] .instrument-rail,body[data-clock-design="minimal"] .market-command,body[data-clock-design="minimal"] .news-desk,body[data-clock-design="minimal"] .session-board,body[data-clock-design="minimal"] .market-ribbon,body[data-clock-design="minimal"] .stage-head,body[data-clock-design="minimal"] .stage-foot,body[data-clock-design="minimal"] .desk-metrics{display:none}
body[data-clock-design="minimal"] .wall-shell{grid-template-rows:var(--topbar-height,48px) minmax(0,1fr)}
body[data-clock-design="minimal"] .wall-main{grid-template-columns:1fr;grid-row:2}
body[data-clock-design="minimal"] .market-stage{grid-column:1;min-height:0}
body[data-clock-design="minimal"] .clock-core{height:100%;display:grid;place-content:center;text-align:center}
body[data-clock-design="minimal"] .main-clock{font-size:clamp(96px,18vw,360px)}

@media (max-width:720px){
  .design-panel{top:50px;right:4px;width:calc(100vw - 8px)}
  .design-options button{min-height:44px}
  body[data-clock-design="world"] .wall-main{grid-template-columns:1fr}
  body[data-clock-design="world"] .news-desk{display:none}
  body[data-clock-design="minimal"] .main-clock{font-size:clamp(70px,24vw,130px)}
}

/* Focused correction: operational text remains dense without becoming microscopic. */
.wall-shell :where(
  .revision-mark,.brand-copy small,.battery-copy span,.rail-label strong,
  .instrument-button span,.instrument-button em,.rail-clock span,.command-kicker,
  .command-state,.breadth-title span,.breadth-stats span,.dense-market-head,
  .market-row-identity span,.market-row-change,.mover-card span,.heat-head,
  .heat-cell strong,.heat-cell span,.command-foot,.micro-label,.world-clock span,
  .chart-fallback-label,.news-kicker,.news-statusbar,.news-filter,.news-item-time,
  .news-item-meta,.reader-meta,.reader-source span,.news-foot,.session-card>span,
  .session-card small,.ribbon-label>span,.tape-button,.tick-qualifier,.tick-change,
  .ribbon-system,.instrument-quote span,.range-button,.instrument-data-status,
  .desk-metrics span,.telegram-directory-note span,.telegram-reference-meta span,
  .telegram-reference-meta strong,.telegram-reference small,.tape-mode-button,
  .headline-time,.headline-source,.headline-tick.is-waiting,.wall-button,.zone-button,
  .design-panel header span,.design-options button,.design-panel footer button,
  .session-card strong,
  .design-section>span,.design-control>span,.design-panel footer small
){font-size:9px!important}

.clock-mobile-nav{display:none}

@media (max-width:760px){
  html,
  body{height:100%;min-height:0;overflow:hidden}

  .wall-shell{
    display:grid;
    grid-template-rows:46px 42px minmax(0,1fr) 46px;
    gap:4px;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:0;
    max-height:100dvh;
    padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));
    overflow:hidden;
  }

  .wall-topbar{grid-row:1;margin:0;min-height:0;height:46px;padding:4px 6px}
  .wall-brand{gap:6px}
  .brand-mark{width:29px;height:29px}
  .brand-copy strong{font-size:10px}
  .device-rail{gap:3px}
  .battery-compact,
  .device-rail > a,
  #nightModeButton,
  #wakeButton{display:none}
  .wall-button{width:36px;min-height:36px}

  .instrument-rail{grid-row:2;height:42px;margin:0;min-height:0;overflow:hidden}
  .instrument-selector{overflow-x:auto;scrollbar-width:thin}
  .instrument-button{flex-basis:92px;min-width:92px;min-height:40px;padding:4px 7px}

  .wall-main{grid-row:3;display:block;min-height:0;height:100%;overflow:hidden}
  .wall-main > *{display:none!important}
  body[data-clock-mobile-view="clock"] .market-stage,
  body[data-clock-mobile-view="design"] .market-stage{display:flex!important}
  body[data-clock-mobile-view="market"] .market-command{display:grid!important}
  body[data-clock-mobile-view="news"] .news-desk{display:grid!important}

  .market-stage,
  .market-command,
  .news-desk{width:100%;height:100%;min-height:0;max-height:none;margin:0;overflow:hidden}
  .market-command{grid-template-rows:auto auto minmax(0,1fr) auto auto auto}
  .dense-market-board,
  .news-list-view,
  .news-reader{min-height:0;overflow:auto}

  .market-stage{border-top-width:3px}
  .stage-head{grid-template-columns:minmax(0,1fr) auto;padding:7px 8px}
  .chart-range{grid-column:1 / -1;justify-content:flex-end}
  .desk-metrics{grid-template-columns:repeat(4,minmax(0,1fr));min-height:28px}
  .desk-metrics > div{min-height:28px;padding:3px 4px;border-bottom:0!important}
  .desk-metrics > div:nth-child(2){border-right:1px solid var(--line-soft)}
  .clock-core{padding:4px 8px}
  .main-clock{font-size:clamp(66px,22vw,96px)}
  .main-date{margin-top:5px}
  .zone-selector{margin-top:7px}
  .zone-button{min-width:40px;min-height:32px}
  .stage-foot{grid-template-columns:1fr;padding:5px}
  .world-clock{min-height:38px;padding:4px 2px}

  .session-board{display:none;grid-row:3;grid-template-columns:1fr;gap:4px;margin:0;min-height:0;height:100%;overflow:auto}
  body[data-clock-mobile-view="sessions"] .wall-main{display:none}
  body[data-clock-mobile-view="sessions"] .session-board{display:grid}
  .session-card,
  .session-card:last-child{grid-column:auto;min-height:64px;padding:9px}

  .market-ribbon,
  .portrait-hint{display:none!important}

  .clock-mobile-nav{
    z-index:20;
    grid-row:4;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-width:0;
    min-height:46px;
    border:1px solid var(--line);
    border-top:2px solid var(--amber);
    background:#030503;
  }
  .clock-mobile-nav button{
    min-width:0;
    min-height:44px;
    padding:0 2px;
    border:0;
    border-right:1px solid var(--line-soft);
    color:var(--muted);
    background:transparent;
    font-weight:900;
    letter-spacing:.02em;
  }
  .clock-mobile-nav button:last-child{border-right:0}
  .clock-mobile-nav button[aria-pressed="true"]{color:#080500;background:var(--amber)}

  .design-panel{
    top:96px;
    bottom:54px;
    right:4px;
    width:calc(100vw - 8px);
    max-height:calc(100dvh - 150px);
    overflow:auto;
  }
  .design-section>span,
  .design-control>span,
  .design-panel header span,
  .design-panel footer small{font-size:9px}
}
