/* INVESTKING R4 — live chart, locked to the current INVESTKING design system */
.ik-market-section{overflow:hidden}
.ik-market-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px;
  margin-bottom:34px
}
.ik-market-head h2{
  margin:8px 0 0;
  color:var(--ink,#171717);
  font-family:'Unbounded',sans-serif;
  font-size:clamp(34px,4.4vw,64px);
  line-height:1.04;letter-spacing:-.045em;font-weight:500
}
.ik-market-sub{max-width:680px;margin:18px 0 0;color:var(--gray,#636363);font-size:16px;line-height:1.65}
.ik-live-state{
  flex:0 0 auto;display:grid;grid-template-columns:auto auto;align-items:center;gap:7px 9px;
  padding:12px 16px;border:1px solid #dedede;border-radius:999px;background:#fff;
  color:var(--ink,#171717);font:700 12px/1 'SUIT',Arial,sans-serif;letter-spacing:.08em
}
.ik-live-state small{grid-column:2;color:var(--gray,#636363);font-size:11px;font-weight:600;letter-spacing:0}
.ik-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green,#10c500);box-shadow:0 0 0 6px rgba(16,197,0,.1)}
.ik-market-shell{
  position:relative;padding:28px 28px 24px;background:#fff;border:1px solid #e7e7e7;
  border-radius:28px;box-shadow:0 22px 70px rgba(24,24,24,.07)
}
.ik-market-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:12px}
.ik-summary-label,.ik-market-room span{display:block;color:#8b8b8b;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ik-market-summary strong{display:block;margin-top:7px;color:var(--ink,#171717);font-family:'Unbounded',sans-serif}
#ikChartTotal{font-size:clamp(30px,4vw,52px);line-height:1}
.ik-summary-change{display:block;margin-top:10px;font-size:14px;font-weight:700}
.ik-summary-change.positive{color:var(--green,#10c500)}
.ik-summary-change.negative{color:#ef5458}
.ik-market-room{text-align:right;padding-top:4px}
.ik-market-room strong{font-size:15px}
.ik-market-room small{display:block;margin-top:7px;color:#999;font-size:12px}

.ik-chart-stage{position:relative;width:100%;min-height:420px;margin-top:6px}
#ikLiveChart{display:block;width:100%;height:auto;overflow:visible}
.ik-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;pointer-events:none}
.ik-chart-empty.hidden{display:none}
.ik-grid-line{stroke:#ececec;stroke-width:1}
.ik-zero-line{stroke:#b8b8b8;stroke-width:1;stroke-dasharray:6 8}
.ik-axis-label{fill:#989898;font:600 11px 'SUIT',Arial,sans-serif}
.ik-gain-line,.ik-loss-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ik-gain-line{stroke:var(--green,#10c500)}
.ik-loss-line{stroke:#ff5a5f}
.ik-point-gain{fill:#fff;stroke:var(--green,#10c500);stroke-width:4}
.ik-point-loss{fill:#fff;stroke:#ff5a5f;stroke-width:4}
.ik-point-label{font:700 12px 'SUIT',Arial,sans-serif;text-anchor:middle}
.ik-point-label.gain{fill:var(--green,#10c500)}
.ik-point-label.loss{fill:#ef5458}

.ik-round-strip{
  display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin-top:-8px
}
.ik-round-card{
  min-width:0;padding:12px 8px 11px;border:1px solid #ececec;border-radius:15px;background:#fafafa;text-align:center
}
.ik-round-card .round-no{display:block;margin-bottom:8px;color:#a0a0a0;font-size:10px;font-weight:700}
.ik-round-top{display:flex;align-items:center;justify-content:center;gap:6px}
.ik-side-chip{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  font:800 13px/1 'SUIT',Arial,sans-serif
}
.ik-side-chip.l{color:#315fcf;background:#eef3ff;border:1px solid #cfdcff}
.ik-side-chip.s{color:#b97a00;background:#fff8e6;border:1px solid #f1d38a}
.ik-result{font-size:11px;font-weight:800}
.ik-result.win{color:var(--green,#10c500)}
.ik-result.lose{color:#ef5458}
.ik-round-amount{display:block;margin-top:8px;color:var(--ink,#171717);font-size:11px;font-weight:700;white-space:nowrap}

.ik-market-legend{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;overflow:hidden;
  background:#ededed;border:1px solid #ededed;border-radius:18px
}
.ik-market-legend>div{
  min-height:86px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;
  align-items:center;padding:17px;background:#fff
}
.ik-market-legend b{font-size:13px}
.ik-market-legend small{grid-column:2;color:#999;font-size:11px}
.ik-legend-line{width:30px;height:3px;border-radius:999px}
.ik-legend-line.gain{background:var(--green,#10c500)}
.ik-legend-line.loss{background:#ff5a5f}
.ik-market-foot{display:flex;justify-content:space-between;gap:18px;padding:16px 6px 0;color:#929292;font-size:11px;font-weight:600;letter-spacing:.02em}

@media(max-width:900px){
  .ik-market-head{align-items:flex-start;flex-direction:column}
  .ik-live-state{align-self:flex-start}
  .ik-market-shell{padding:22px 18px 18px;border-radius:22px}
  .ik-market-summary{flex-direction:column}
  .ik-market-room{text-align:left}
  .ik-chart-stage{min-height:300px;overflow-x:auto;overflow-y:hidden}
  #ikLiveChart{min-width:760px}
  .ik-round-strip{display:flex;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
  .ik-round-strip::-webkit-scrollbar{display:none}
  .ik-round-card{flex:0 0 82px}
  .ik-market-legend{grid-template-columns:repeat(2,1fr)}
  .ik-market-foot{flex-direction:column;gap:4px}
}
@media(max-width:560px){
  .ik-market-head{margin-bottom:22px}
  .ik-market-head h2{font-size:31px}
  .ik-market-sub{font-size:14px}
  .ik-market-shell{margin-left:-2px;margin-right:-2px;padding:20px 14px 16px}
  #ikChartTotal{font-size:30px}
  .ik-market-legend>div{min-height:78px;padding:13px}
}