/* trigger.css — Phase 6 · Pulling the Trigger. Read-only panels stay flat:
   only real controls look like buttons. */

.tx-card { display: flex; flex-direction: column; gap: 10px; position: relative; }
.tx-ctx { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: var(--icc-ink); padding: 8px 12px; border-radius: 12px; background: var(--icc-gold-pale); }
.tx-ctx i { font-style: normal; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; margin-right: 2px; }
.tx-grid { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 14px; align-items: start; }
.txm-watch .tx-grid, .txm-review .tx-grid { grid-template-columns: minmax(0, 1fr) 230px; }
.tx-left { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.tx-side { display: flex; flex-direction: column; gap: 10px; }
.tx-h { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.tx-ticker { margin-left: auto; font-size: 11px; letter-spacing: .04em; text-transform: none; color: var(--muted); }
.tx-ticker b { color: var(--fg-ffffff,#fff); margin-left: 4px; }
.tx-clock { font-size: 11px; color: var(--muted); }
.tx-clock b { color: var(--fg-ffffff,#fff); margin-left: 2px; }

/* execution status */
.tx-status-box, .tx-panel, .pe-card { padding: 10px 12px; border-left: 3px solid var(--icc-line); }
.tx-status { display: flex; flex-direction: column; gap: 4px; }
.tx-status small { font-size: 12px; color: var(--muted); line-height: 1.35; }
.tx-st { font-weight: 900; font-size: 13px; letter-spacing: .1em; color: var(--icc-ink); }
.tx-st-off { color: var(--icc-off); }
.tx-st-dev { color: var(--fg-b0782a,#B0782A); }
.tx-st-conf { color: var(--fg-5e56b8,#5E56B8); }
.tx-st-ok { color: var(--fg-1f8a7e,#1F8A7E); }
.tx-st-warn { color: var(--fg-c46a1c,#C46A1C); }
.tx-st-bad { color: var(--dfg-c8455f,#C8455F); }

/* decision panel (revealed after she answers) */
.tx-panel { border-left-color: var(--icc-gold); }
.tx-dp { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; padding: 3px 0; }
.tx-dp span { color: var(--muted); }
.tx-dp b { text-align: right; color: var(--icc-ink); }
.tx-dp-act { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--icc-line); }
.tx-dp-act.is-ok b { color: var(--fg-1f8a7e,#1F8A7E); }

/* pre-entry card */
.pe-card { border-left-color: var(--icc-ink); }
.pe-row { display: grid; grid-template-columns: 82px 1fr 16px; gap: 6px; font-size: 12px; padding: 3px 0; align-items: baseline; }
.pe-k { font-weight: 800; color: var(--icc-ink); }
.pe-v { color: var(--muted); }
.pe-row b { text-align: right; }
.pe-row.is-defined b { color: var(--fg-1f8a7e,#1F8A7E); }
.pe-row.is-unknown b, .pe-row.is-unknown .pe-k { color: var(--fg-c8455f,#C8455F); }
.pe-row.is-review b { color: var(--fg-c46a1c,#C46A1C); }
.pe-result { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--icc-line); font-weight: 900; font-size: 12.5px; letter-spacing: .06em; display: flex; flex-direction: column; gap: 2px; }
.pe-result small { font-weight: 500; letter-spacing: 0; color: var(--muted); }
.pe-result.is-no { color: var(--dfg-c8455f,#C8455F); }
.pe-result.is-wait { color: var(--fg-5e56b8,#5E56B8); }

/* timing rail: WAIT / PREPARE / EXECUTE */
.tx-rail { display: flex; margin: 6px 0 2px; pointer-events: none; user-select: none; }
.tx-rs { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.tx-rs::before { content: ''; position: absolute; top: 5px; right: 50%; width: 100%; height: 2px; background: var(--icc-line); }
.tx-rs:first-child::before { display: none; }
.tx-rs i { position: relative; z-index: 1; width: 12px; height: 12px; border-radius: 50%; background: var(--bg-ffffff,#fff); border: 2px solid var(--icc-off); }
.tx-rs b { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: var(--icc-off); line-height: 1.2; }
.tx-rs em { font-style: normal; font-size: 9.5px; font-weight: 900; letter-spacing: .12em; color: var(--icc-off); }
.tx-rs.is-done i { background: var(--icc-ink); border-color: var(--icc-ink); }
.tx-rs.is-done::before { background: var(--icc-ink); }
.tx-rs.is-done b { color: var(--icc-ink); }
.tx-rs.is-current i { border-color: var(--icc-gold); background: var(--icc-gold-pale); animation: iccPulse 1.8s ease-out infinite; }
.tx-rs.is-current b, .tx-rs.is-current em { color: var(--icc-ink); }
.tx-rs.is-current .tx-mode-execute { color: var(--fg-1f8a7e,#1F8A7E); }
.tx-rs.is-current .tx-mode-prepare { color: var(--fg-5e56b8,#5E56B8); }

/* decisions */
.tx-decide { padding: 12px 14px; border-radius: 14px; background: var(--bg-ffffff,#fff); border: 1.5px solid var(--icc-gold); }
.tx-q { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: var(--icc-ink); }
.tx-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.tx-chip { border: 1.5px solid var(--icc-ink); background: var(--bg-ffffff,#fff); border-radius: 999px; padding: 6px 12px; font: 800 11.5px var(--font-body); letter-spacing: .06em; cursor: pointer; color: var(--icc-ink); }
.tx-chip.ok { background: var(--icc-ink); color: var(--icc-gold-soft); }
.tx-chip.no, .tx-chip:disabled { opacity: .35; }
.tx-fb { font-size: 13px; margin-top: 8px; color: var(--text); }
.tx-fb:empty { display: none; }
.tx-fb.bad { color: var(--dfg-a3364d,#A3364D); }
.tx-fb.good { color: var(--icc-ink); }

.tx-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; padding-top: 4px; }
.tx-act { border: 1.5px solid var(--icc-line); background: var(--bg-ffffff,#fff); color: var(--icc-ink); border-radius: 999px; padding: 10px 18px; font: 800 12.5px var(--font-body); letter-spacing: .1em; cursor: pointer; transition: all .2s ease; opacity: .55; }
.tx-actions.is-live .tx-act { opacity: 1; border-color: var(--icc-ink); }
.tx-actions .tx-act-enter { opacity: .8; }
.tx-act.is-primary { min-width: 120px; }
.tx-actions.is-live .tx-act.is-primary { background: var(--icc-ink); color: var(--icc-gold-soft); }
.tx-act.is-tempt { opacity: 1; border-color: var(--ln-3fae73,#3FAE73); color: var(--fg-1e7a4d,#1E7A4D); animation: txTempt 1s ease-in-out infinite; }
.tx-act.is-no { animation: exShake .35s; border-color: var(--dln-c8455f,#C8455F); }
.tx-act:disabled { opacity: .3; cursor: default; animation: none; }
@keyframes txTempt { 50% { box-shadow: 0 0 0 6px rgba(63,174,115,.18); transform: scale(1.04); } }

.tx-err { margin-top: 10px; padding: 14px 16px; border-radius: 14px; background: var(--peach-pale); border: 1px solid var(--peach-light); }
.tx-err-h { font-weight: 900; letter-spacing: .12em; font-size: 12px; color: var(--fg-c46a1c,#C46A1C); }
.tx-err p { margin: 6px 0; font-size: 14px; }
.tx-missing { font-family: var(--font-display); font-weight: 700; font-size: 20px; color: var(--icc-ink); }
.tx-missing small { font-family: var(--font-body); font-weight: 500; font-size: 12px; color: var(--muted); }
.tx-err-btns { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.tx-mini { border: 1.5px solid var(--icc-ink); background: var(--bg-ffffff,#fff); border-radius: 999px; padding: 7px 14px; font: 800 12px var(--font-body); cursor: pointer; color: var(--icc-ink); }
.tx-mini:disabled { opacity: .35; cursor: default; }
.tx-mini.ok { background: var(--icc-ink); color: var(--icc-gold-soft); }

.tx-gp { position: absolute; right: 18px; top: 18px; padding: 8px 14px; border-radius: 999px; background: var(--icc-ink); color: var(--icc-gold-soft); font-size: 12px; letter-spacing: .06em; animation: txGp 2.6s ease forwards; z-index: 5; }
@keyframes txGp { 0% { opacity: 0; transform: translateY(8px); } 12% { opacity: 1; transform: none; } 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(-8px); } }

/* chart additions: trade lines + outcome curtain */
.ex-tl-line { stroke-width: 1.6; stroke-dasharray: 4 4; }
.ex-tl-bad { stroke: var(--dfg-c8455f,#C8455F); } .ex-tl-ok { stroke: var(--fg-1f8a7e,#1F8A7E); } .ex-tl-ink { stroke: var(--icc-ink); }
.ex-tl-line-tag rect { fill: var(--fg-ffffff,#fff); stroke: var(--icc-line); }
.ex-tl-bad-tag rect, .ex-tl-ok-tag rect, .ex-tl-ink-tag rect { fill: var(--dfg-ffffff,#fff); }
.ex-tl-ink-tag rect { stroke: var(--icc-ink); }
g[class*="ex-tl-line"][class$="-tag"] text { font: 800 10px 'DM Sans', sans-serif; fill: var(--icc-ink); }
.ex-tag-ok rect { fill: var(--fg-1f8a7e,#1F8A7E); } .ex-tag-bad rect { fill: var(--dfg-c8455f,#C8455F); }
.ex-curtain rect { fill: rgb(var(--ink-rgb,44 24 16) / .86); }
.ex-curtain text { fill: var(--icc-gold-soft); font: 900 13px 'DM Sans', sans-serif; letter-spacing: .14em; }

/* p6_stack */
.p6-stack { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 10px 0; }
.p6-tier { display: flex; align-items: center; gap: 14px; width: min(420px, 100%); padding: 12px 16px; border-radius: 14px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); opacity: 0; animation: txIn .5s ease forwards; animation-delay: var(--d); }
.p6-tier b { min-width: 48px; text-align: center; padding: 4px 10px; border-radius: 999px; background: var(--icc-ink); color: var(--icc-gold-soft); font-size: 13px; }
.p6-tier span { display: flex; flex-direction: column; }
.p6-tier strong { letter-spacing: .1em; font-size: 13px; color: var(--icc-ink); }
.p6-tier small { color: var(--muted); font-size: 12.5px; }
.p6-tier-3 { border: 2px solid var(--icc-gold); background: var(--icc-gold-pale); }
.p6-arrow { color: var(--icc-off); }
.p6-stack + .icc-principle { opacity: 0; animation: txIn .5s ease forwards; animation-delay: var(--d, 2.2s); }
@keyframes txIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* p6_backwards */
.p6-bw-pick { padding: 14px 0; display: flex; flex-direction: column; gap: 10px; }
.p6-bw-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.p6-bw-stage { display: flex; flex-direction: column; gap: 10px; }
.p6-bw-chart { position: relative; border: 1px solid var(--icc-line); border-radius: 14px; padding: 8px; background: var(--bg-ffffff,#fff); animation: txIn .45s ease; }
.p6-bw-c .sc-wrap { max-height: 210px; }
.p6-like { align-self: center; border: none; background: var(--bg-e0607c,#E0607C); color: var(--fg-ffffff,#fff); border-radius: 999px; padding: 12px 22px; font: 900 14px var(--font-body); letter-spacing: .08em; cursor: pointer; animation: txTempt 1.2s ease-in-out infinite; }
.p6-bubbles { position: absolute; inset: 40px 12px auto auto; display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.p6-bubbles span { background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); border-radius: 14px 14px 4px 14px; padding: 6px 10px; font-size: 12.5px; opacity: 0; animation: txIn .4s ease forwards; animation-delay: var(--d); box-shadow: 0 4px 12px rgba(44,24,16,.08); }

/* p6_preentry */
.p6-brief { padding: 10px 14px; border-radius: 12px; background: var(--icc-gold-pale); font-size: 14px; line-height: 1.45; }
.pe-build { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
.pe-brow { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); flex-wrap: wrap; }
.pe-brow > div:first-child { display: flex; flex-direction: column; }
.pe-brow small { color: var(--muted); font-size: 12px; }
.pe-brow em { font-style: normal; font-size: 12.5px; color: var(--icc-ink); }
.pe-tog { display: flex; gap: 6px; }
.pe-tog button { border: 1.5px solid var(--icc-line); background: var(--bg-ffffff,#fff); border-radius: 999px; padding: 6px 12px; font: 800 11.5px var(--font-body); cursor: pointer; }
.pe-tog button.on { background: var(--icc-ink); color: var(--icc-gold-soft); border-color: var(--icc-ink); }
.pe-tog button.no { animation: exShake .35s; border-color: var(--dln-c8455f,#C8455F); }
.pe-brow.is-set { border-color: var(--icc-ink); }
.pe-out .pe-card { border: 1px solid var(--icc-line); border-left: 3px solid var(--icc-ink); border-radius: 0 12px 12px 0; background: var(--bg-ffffff,#fff); }

/* p6_ladder */
.p6-ladder { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
.p6-rung { display: grid; grid-template-columns: 120px 1fr auto; gap: 10px; align-items: center; padding: 10px 14px; border-radius: 12px; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); opacity: 0; animation: txIn .4s ease forwards; animation-delay: var(--d); font-size: 13.5px; }
.p6-rung b { font-size: 11px; letter-spacing: .12em; color: var(--muted); }
.p6-rung .tx-mode-execute { color: var(--fg-1f8a7e,#1F8A7E); } .p6-rung .tx-mode-prepare { color: var(--fg-5e56b8,#5E56B8); }

/* p6_sort */
.p6-sort-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 10px 0; }
.p6-col { border-radius: 14px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); padding: 10px; min-height: 70px; }
.p6-col-h { font-weight: 900; font-size: 11.5px; letter-spacing: .12em; margin-bottom: 6px; }
.p6-col-pink .p6-col-h { color: var(--fg-c8455f,#C8455F); } .p6-col-teal .p6-col-h { color: var(--fg-1f8a7e,#1F8A7E); } .p6-col-gold .p6-col-h { color: var(--fg-b0782a,#B0782A); } .p6-col-purple .p6-col-h { color: var(--fg-5e56b8,#5E56B8); }
.p6-col-item { font-size: 12.5px; padding: 5px 0; border-top: 1px solid var(--icc-line); animation: txIn .3s ease; }
.p6-item { font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--icc-ink); padding: 12px 14px; border-radius: 12px; background: var(--icc-gold-pale); }
.p6-sort-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }

/* p6_timing */
.p6-tm { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.p6-tm-row { display: grid; grid-template-columns: 28px 1fr; gap: 4px 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); }
.p6-tm-row > b { grid-row: span 3; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--icc-gold); color: var(--fg-ffffff,#fff); }
.p6-tm-row span { font-size: 13.5px; }
.p6-tm-btns { display: flex; gap: 6px; flex-wrap: wrap; }

/* p6_scrubber */
.p6-scrub { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
.p6-scrub input { width: 100%; accent-color: var(--icc-gold); }
.p6-scrub-read { display: flex; gap: 10px; align-items: baseline; font-size: 12px; color: var(--muted); }
.p6-scrub-go { align-self: flex-start; }

/* p6_matrix */
.p6-matrix { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }
.p6-mx-x { display: grid; grid-template-columns: 1fr 1fr; text-align: center; font-weight: 900; font-size: 11px; letter-spacing: .14em; color: var(--muted); position: relative; }
.p6-mx-y { grid-row: 2; display: grid; grid-template-rows: 1fr 1fr; writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; font-weight: 900; font-size: 11px; letter-spacing: .14em; color: var(--muted); }
.p6-mx-axis i { display: none; }
.p6-mx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.p6-q { padding: 14px; border-radius: 14px; border: 1.5px solid var(--icc-line); background: var(--bg-ffffff,#fff); cursor: pointer; display: flex; flex-direction: column; gap: 4px; min-height: 92px; transition: all .2s ease; }
.p6-q b { font-size: 12.5px; letter-spacing: .06em; color: var(--icc-ink); }
.p6-q small { font-size: 12px; color: var(--muted); }
.p6-q em { font-style: normal; font-weight: 900; font-size: 11px; letter-spacing: .1em; color: var(--fg-c8455f,#C8455F); }
.p6-q-bw { border-color: var(--ln-f2b8c5,#F2B8C5); background: var(--bg-fff6f8,#FFF6F8); }
.p6-q.is-on { border-color: var(--icc-ink); box-shadow: 0 0 0 3px var(--icc-gold-soft); }
.p6-q-bw.is-danger { animation: txTempt 1.4s ease-in-out 3; border-color: var(--dln-c8455f,#C8455F); }

/* p6_pause */
.p6-pause { background: var(--icc-ink); color: var(--icc-gold-soft); text-align: center; padding: 40px 22px; display: flex; flex-direction: column; gap: 14px; align-items: center; }
.p6-pause .lw-eyebrow { color: var(--icc-gold); }
.p6-pl { font-family: var(--font-display); font-weight: 700; font-size: clamp(20px, 3.4vw, 28px); line-height: 1.3; opacity: 0; animation: txIn .7s ease forwards; animation-delay: var(--d); max-width: 560px; }
.p6-pause .lw-continue-btn { margin-top: 10px; }

/* p6_review */
.p6-rv-rows { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 10px 0; }
.p6-rv { padding: 12px; border-radius: 12px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 4px; }
.p6-rv span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 800; }
.p6-rv b { font-family: var(--font-display); font-size: 26px; color: var(--icc-ink); }
.p6-rv-note { font-size: 12.5px; color: var(--muted); }

@media (max-width: 760px) {
  .tx-grid, .txm-watch .tx-grid, .txm-review .tx-grid { grid-template-columns: 1fr; }
  .tx-rs b { font-size: 8.5px; }
  .tx-rs em { font-size: 8.5px; letter-spacing: .06em; }
  .p6-rung { grid-template-columns: 1fr auto; }
  .p6-rung > span:not(.tx-st) { grid-column: 1 / -1; grid-row: 2; }
  .tx-act { padding: 9px 13px; font-size: 11.5px; }
}

/* p6_pnl_tease */
.p6-pnl { background: var(--icc-ink); color: var(--icc-gold-soft); padding: 26px 22px; display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; }
.p6-pnl-top { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; justify-content: center; }
.p6-pnl .tx-st-ok { color: var(--fg-8fe0d5,#8FE0D5); }
.p6-pnl-live { font-size: 12px; letter-spacing: .12em; color: var(--fg-cdb9a8,#CDB9A8); }
.p6-pnl-live b { font-size: 22px; margin-left: 8px; color: var(--fg-ffffff,#fff); letter-spacing: 0; }
.p6-pnl-live b.is-pos { color: var(--fg-8fe0d5,#8FE0D5); } .p6-pnl-live b.is-neg { color: var(--dfg-f49aae,#F49AAE); }
.p6-pnl-btns { position: relative; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.p6-pnl-btns span { border: 1px dashed rgb(var(--lna-f3e4c2,243 228 194) / .4); border-radius: 999px; padding: 7px 12px; font-size: 11px; font-weight: 800; letter-spacing: .1em; color: var(--fg-cdb9a8,#CDB9A8); }
.p6-cursor { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(--bg-ffffff,#fff); box-shadow: 0 0 0 4px rgba(255,255,255,.2); top: 8px; left: 10%; animation: p6Cursor 4s ease-in-out infinite; }
@keyframes p6Cursor { 0% { left: 10%; } 33% { left: 46%; } 66% { left: 82%; } 100% { left: 10%; } }
.p6-pnl .p6-pl small { font-size: 15px; color: var(--fg-cdb9a8,#CDB9A8); }

/* ── Section 16 · Managing the Trade ───────────────────────────────────── */
.mg-card { display: flex; flex-direction: column; gap: 10px; position: relative; }
.mg-top { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; font-size: 13px; padding: 8px 12px; border-radius: 12px; background: var(--icc-gold-pale); }
.mg-top i { font-style: normal; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-right: 3px; }
.mg-side { font-weight: 900; letter-spacing: .12em; padding: 2px 10px; border-radius: 999px; background: var(--bg-1f8a7e,#1F8A7E); color: var(--fg-ffffff,#fff); font-size: 11.5px; }
.mg-side.mg-short { background: var(--dbg-c8455f,#C8455F); }
.mg-pnl { margin-left: auto; font-size: 12px; color: var(--muted); }
.mg-pnl b { font-weight: 700; font-size: 12px; }
.mg-pnl b.is-pos { color: var(--fg-1f8a7e,#1F8A7E); } .mg-pnl b.is-neg { color: var(--dfg-c8455f,#C8455F); } .mg-pnl b.is-hidden { color: var(--icc-off); font-style: italic; }
.mg-hide { font-size: 11.5px; color: var(--muted); display: flex; gap: 4px; align-items: center; cursor: pointer; }
.mg-grid { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 14px; align-items: start; }
.mg-left { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mg-side-col { display: flex; flex-direction: column; gap: 10px; }
.mg-plan { padding: 10px 12px; border-left: 3px solid var(--icc-line); font-size: 12px; }
.mg-plan.is-locked { border-left-color: var(--icc-ink); }
.mg-plan.just-locked { animation: mgLock .8s ease; }
@keyframes mgLock { 30% { transform: scale(1.03); box-shadow: 0 0 0 6px var(--icc-gold-soft); } }
.mg-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; font-size: 12px; }
.mg-row span { color: var(--muted); }
.mg-row b { text-align: right; color: var(--icc-ink); }
.mg-row small { color: var(--muted); font-weight: 500; }
.mg-row.is-no b { color: var(--dfg-c8455f,#C8455F); }
.mg-risk { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--icc-line); }
.mg-stack { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; padding: 4px 12px; }
.mg-stack i { width: 18px; height: 18px; border-radius: 4px; background: var(--icc-ink); display: inline-block; }
.mg-stack i.is-closed { background: var(--bg-ffffff,#fff); border: 2px solid var(--icc-off); }
.mg-stack small { margin-left: 6px; font-size: 11.5px; color: var(--muted); }
.mg-rz { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; font-size: 12px; padding: 4px 12px; }
.mg-rz span { color: var(--muted); }
.mg-event { margin-top: 6px; font-size: 13px; color: var(--fg-5e56b8,#5E56B8); font-weight: 700; }
.mg-hidden-chart { filter: blur(14px) grayscale(1); opacity: .35; pointer-events: none; }
.mg-lockbox { padding: 12px 14px; border-radius: 14px; border: 1.5px solid var(--icc-ink); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 8px; }
.mg-lock-btn { align-self: flex-start; }
.mg-result { margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); display: flex; flex-direction: column; gap: 4px; }
.mg-res-row { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; }
.mg-res-row span { color: var(--muted); }
.mg-res-row.is-ok b { color: var(--fg-1f8a7e,#1F8A7E); } .mg-res-row.is-no b { color: var(--dfg-c8455f,#C8455F); }
.mg-again { margin-top: 10px; }
.mg-pc { display: grid; grid-template-columns: 1fr 260px; gap: 14px; align-items: start; }
.mg-ladder { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: center; margin: 10px 0; }
.mg-lad-vis { display: flex; flex-direction: column; gap: 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--icc-line); }
.mg-lad-vis.pulse em { animation: txIn .4s ease; }
.mg-lad-row { display: grid; grid-template-columns: 70px 1fr auto; gap: 8px; align-items: center; padding: 14px 14px; font-size: 13px; }
.mg-lad-row.tp { background: var(--bg-e8f8f6,#E8F8F6); min-height: 90px; } .mg-lad-row.sl { background: var(--bg-fde8ed,#FDE8ED); min-height: 46px; } .mg-lad-row.en { background: var(--bg-ffffff,#fff); border-top: 2px dashed var(--icc-ink); border-bottom: 2px dashed var(--icc-ink); }
.mg-lad-row em { font-style: normal; font-weight: 900; color: var(--icc-ink); }
.mg-lad-btns { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 10px; }
.mg-lad-sum { font-size: 13px; line-height: 1.6; }
.mg-lad-sum small { display: block; color: var(--muted); }
.mg-note { font-size: 12.5px; color: var(--muted); }
.mg-ps { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin: 10px 0; }
.mg-ps-stack .mg-stack i { width: 30px; height: 30px; border-radius: 6px; transition: all .4s ease; }
.mg-ps-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mg-ps-plan { padding: 12px; border-radius: 12px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.mg-ps-plan small { color: var(--muted); }
.mg-ps-tot { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--icc-line); }
.mg-tabs { display: flex; gap: 6px; }
.mg-tab { border: 1.5px solid var(--icc-line); background: var(--bg-ffffff,#fff); border-radius: 999px; padding: 8px 16px; font: 800 12px var(--font-body); letter-spacing: .08em; cursor: pointer; }
.mg-tab.on { background: var(--icc-ink); color: var(--icc-gold-soft); border-color: var(--icc-ink); }
.mg-cmp { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 14px; margin-top: 8px; }
.mg-cmp-log { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }
.mg-log { display: flex; gap: 10px; font-size: 13px; padding: 6px 10px; border-radius: 10px; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); }
.mg-log b { color: var(--icc-gold); min-width: 18px; }
.mg-log-res { background: var(--icc-gold-pale); font-weight: 700; }
.mg-blind { background: var(--bg-1c120c,#1C120C); color: var(--fg-ffffff,#fff); text-align: center; padding: 34px 20px; min-height: 280px; display: flex; flex-direction: column; gap: 16px; align-items: center; }
.mg-blind .pl-q { color: var(--fg-ffffff,#fff); }
.mg-blind .pl-fb { color: var(--icc-ink); }
.mg-blind-n { font-family: var(--font-display); font-size: clamp(54px, 10vw, 86px); font-weight: 900; }
.mg-blind-n.is-pos { color: var(--fg-8fe0d5,#8FE0D5); } .mg-blind-n.is-neg { color: var(--dfg-f49aae,#F49AAE); }
.mg-blind.is-open { background: var(--bg-ffffff,#fff); color: var(--icc-ink); }
.mg-blind.is-open .pl-q { color: var(--icc-ink); }
.mg-bub { display: inline-flex; flex-direction: column; gap: 4px; margin: 0 10px; font-size: 18px; }
.mg-bub b { color: var(--fg-1f8a7e,#1F8A7E); font-size: 34px; } .mg-bub.neg b { color: var(--dfg-c8455f,#C8455F); }
.mg-bub span { font-family: var(--font-body); font-size: 14px; background: var(--icc-gold-pale); padding: 6px 12px; border-radius: 14px; }
.mg-notice { font-family: var(--font-display); font-size: 22px; font-weight: 700; }
.mg-notice small { display: block; font-family: var(--font-body); font-size: 13px; color: var(--muted); font-weight: 500; }
.mg-views { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; margin: 8px 0; text-align: left; }
.mg-view { border-radius: 14px; border: 1px solid var(--icc-line); padding: 12px; display: flex; flex-direction: column; gap: 6px; min-height: 170px; }
.mg-view small { color: var(--muted); font-size: 11.5px; }
.mg-vm-n { font-family: var(--font-display); font-weight: 900; font-size: 46px; color: var(--fg-1f8a7e,#1F8A7E); }
.mg-vm-c { height: 24px; border-radius: 6px; background: linear-gradient(90deg, var(--bg-eeeeee,#eee), var(--bg-dddddd,#ddd)); width: 40%; }
.mg-vp-c { height: 90px; border-radius: 8px; background: repeating-linear-gradient(90deg, var(--bg-e8f8f6,#E8F8F6) 0 10px, var(--bg-ffffff,#fff) 10px 20px); border: 1px solid var(--icc-line); }
.mg-vp-plan { font-size: 12px; font-weight: 700; }
.mg-mm { display: flex; flex-direction: column; gap: 10px; align-items: center; padding: 10px; }
.mg-mm-pnl { font-family: var(--font-display); font-weight: 900; font-size: 44px; }
.mg-mm-pnl.is-pos { color: var(--fg-1f8a7e,#1F8A7E); } .mg-mm-pnl.is-neg { color: var(--dfg-c8455f,#C8455F); }
.mg-cmp2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
.mg-cmp2 > div { padding: 12px; border-radius: 12px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); }
.mg-girl { font-family: var(--font-display); font-weight: 900; font-size: 22px; text-align: center; color: var(--icc-ink); margin: 10px 0; }
.mg-pass { font-weight: 900; letter-spacing: .1em; font-size: 14px; padding: 10px 14px; border-radius: 12px; text-align: center; }
.mg-pass.is-ok { background: var(--bg-e8f8f6,#E8F8F6); color: var(--fg-1f8a7e,#1F8A7E); } .mg-pass.is-no { background: var(--peach-pale); color: var(--dfg-c46a1c,#C46A1C); }
.mg-acct { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.mg-tr { display: flex; flex-direction: column; padding: 10px 14px; border-radius: 12px; background: rgb(var(--glass-rgb,255 255 255) / .06); font-weight: 800; opacity: 0; animation: txIn .4s ease forwards; animation-delay: var(--d); }
.mg-tr b { font-size: 10.5px; letter-spacing: .1em; color: var(--fg-cdb9a8,#CDB9A8); }
.mg-tr.is-w { color: var(--fg-8fe0d5,#8FE0D5); } .mg-tr.is-l { color: var(--fg-f49aae,#F49AAE); }
@media (max-width: 760px) {
  .mg-grid, .mg-pc, .mg-ladder, .mg-cmp, .mg-views, .mg-ps-plans, .mg-cmp2 { grid-template-columns: 1fr; }
  .mg-pnl { margin-left: 0; }
}

/* ── Section 17 · Protecting Your Account ──────────────────────────────── */
.rk-fit-head { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; padding: 8px 12px; border-radius: 12px; background: var(--icc-gold-pale); }
.rk-fit-head i, .rk-dd-read i, .rk-acc-up i { font-style: normal; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
.rk-box { position: relative; height: 170px; width: min(320px, 100%); margin: 14px auto 8px; border: 3px solid var(--icc-ink); border-top: 3px dashed var(--ln-c8455f,#C8455F); border-radius: 0 0 16px 16px; overflow: hidden; background: var(--bg-ffffff,#fff); }
.rk-box-fill { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: var(--teal-pale); transition: height .4s ease; }
.rk-box-cap { position: absolute; top: 6px; left: 0; right: 0; text-align: center; font-size: 11px; font-weight: 900; letter-spacing: .12em; color: var(--fg-c8455f,#C8455F); }
.rk-blocks { position: absolute; left: 10px; right: 10px; bottom: 8px; display: flex; flex-direction: column-reverse; gap: 4px; }
.rk-blocks i { font-style: normal; text-align: center; padding: 6px; border-radius: 8px; background: var(--icc-ink); color: var(--icc-gold-soft); font-weight: 800; font-size: 12px; animation: rkDrop .35s ease; }
@keyframes rkDrop { from { transform: translateY(-60px); opacity: 0; } }
.rk-box.rk-over { animation: exShake .4s; border-color: var(--ln-c8455f,#C8455F); }
.rk-fit-ctl { display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; }
.rk-used { font-size: 13px; color: var(--muted); }
.rk-rn { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
.rk-rn-c { padding: 16px; border-radius: 14px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 6px; align-items: center; text-align: center; }
.rk-rn-d { font-size: 18px; font-weight: 800; transition: all .8s ease; }
.rk-rn-r { font-family: var(--font-display); font-weight: 900; font-size: 22px; color: var(--fg-1f8a7e,#1F8A7E); transition: all .8s ease; }
.rk-rn.is-norm .rk-rn-d { font-size: 11px; opacity: .55; }
.rk-rn.is-norm .rk-rn-r { font-size: 48px; }
.rk-ladders { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
.rk-lad { display: flex; flex-direction: column; border: 1px solid var(--icc-line); border-radius: 14px; overflow: hidden; background: var(--bg-ffffff,#fff); }
.rk-lad b { text-align: center; padding: 6px; font-size: 14px; letter-spacing: .1em; }
.rk-lad span { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; height: calc(var(--h) * 2.2); }
.rk-l-rw { background: var(--bg-e8f8f6,#E8F8F6); color: var(--fg-1f8a7e,#1F8A7E); } .rk-l-rk { background: var(--bg-fde8ed,#FDE8ED); color: var(--fg-c8455f,#C8455F); border-top: 2px dashed var(--icc-ink); }
.rk-exp { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 14px; background: var(--icc-gold-pale); }
.rk-exp label { display: grid; grid-template-columns: 120px 1fr 60px; gap: 10px; align-items: center; font-size: 13px; }
.rk-exp input { accent-color: var(--icc-gold); }
.rk-exp-out { font-size: 14px; padding-top: 6px; border-top: 1px solid var(--icc-line); }
.rk-exp-out b.is-pos { color: var(--fg-1f8a7e,#1F8A7E); } .rk-exp-out b.is-neg { color: var(--dfg-c8455f,#C8455F); }
.rk-exp-out small { display: block; color: var(--muted); font-size: 12px; }
.rk-day-grid { display: grid; grid-template-columns: 1fr 230px; gap: 12px; margin: 10px 0; }
.rk-trades { display: flex; flex-direction: column; gap: 6px; }
.rk-trade { padding: 10px 14px; border-radius: 12px; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); font-weight: 800; animation: txIn .4s ease; }
.rk-trade b { font-size: 11px; letter-spacing: .1em; color: var(--muted); margin-right: 8px; }
.rk-trade.is-l { color: var(--fg-c8455f,#C8455F); } .rk-trade small { font-weight: 500; color: var(--muted); }
.rk-dcard { padding: 12px; border-radius: 14px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); }
.rk-dcard.is-locked { border-color: var(--ln-c8455f,#C8455F); background: var(--bg-fff6f8,#FFF6F8); }
.rk-lock { font-weight: 900; letter-spacing: .1em; color: var(--fg-c8455f,#C8455F); margin-top: 6px; font-size: 13px; }
.rk-lock small { display: block; font-weight: 500; letter-spacing: 0; color: var(--muted); }
.rk-setup { padding: 12px; border-radius: 14px; border: 1.5px solid var(--icc-gold); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 8px; animation: txIn .5s ease; }
.rk-setup-tags { display: flex; gap: 6px; flex-wrap: wrap; } .rk-setup-tags span { font-size: 11.5px; font-weight: 800; color: var(--fg-1f8a7e,#1F8A7E); background: var(--bg-e8f8f6,#E8F8F6); padding: 3px 8px; border-radius: 999px; }
.rk-setup-btns { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.rk-setup-btns a { text-decoration: none; }
.rk-rev { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 12px; padding: 14px; border-radius: 14px; background: var(--icc-ink); color: var(--icc-gold-soft); }
.rk-rev span, .rk-rev > div { opacity: 0; animation: txIn .4s ease forwards; animation-delay: var(--d); font-weight: 800; }
.rk-rev span.q { font-family: var(--font-display); font-style: italic; font-weight: 700; color: var(--fg-f49aae,#F49AAE); }
.rk-rev i { color: var(--fg-7a5c50,#7A5C50); font-style: normal; }
.rk-rev-tot { color: var(--fg-f49aae,#F49AAE); font-size: 18px; } .rk-rev-rw { color: var(--fg-8fe0d5,#8FE0D5); }
.rk-freq label { display: flex; gap: 10px; align-items: center; font-size: 13px; }
.rk-stack { display: flex; flex-wrap: wrap; gap: 4px; margin: 10px 0; min-height: 34px; }
.rk-stack i { font-style: normal; padding: 6px 10px; border-radius: 8px; background: var(--bg-fde8ed,#FDE8ED); color: var(--fg-c8455f,#C8455F); font-weight: 800; font-size: 12px; animation: txIn .25s ease; }
.rk-curve { width: 100%; height: auto; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); border-radius: 14px; }
.rk-curve polyline { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: rkDraw 2.4s ease forwards; }
@keyframes rkDraw { to { stroke-dashoffset: 0; } }
.rk-c-ink { stroke: var(--icc-ink); } .rk-c-ok { stroke: var(--fg-1f8a7e,#1F8A7E); } .rk-c-bad { stroke: var(--dfg-c8455f,#C8455F); }
.rk-c-t { font: 800 11px 'DM Sans', sans-serif; fill: var(--icc-ink); } .rk-c-x { font: 700 10px 'DM Sans', sans-serif; fill: var(--muted); }
.rk-dd-read, .rk-acc-up { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; margin-top: 8px; }
.rk-ls { display: flex; gap: 6px; justify-content: center; margin: 6px 0 10px; }
.rk-ls span { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-weight: 900; background: var(--bg-fde8ed,#FDE8ED); color: var(--fg-c8455f,#C8455F); opacity: 0; animation: txIn .3s ease forwards; animation-delay: var(--d); }
.rk-ls span.w { background: var(--bg-e8f8f6,#E8F8F6); color: var(--fg-1f8a7e,#1F8A7E); }
.rk-sim { margin-top: 10px; padding: 12px; border-radius: 14px; background: var(--icc-gold-pale); }
.rk-sim-btns { display: flex; gap: 6px; margin: 6px 0; flex-wrap: wrap; }
.rk-sim-out { font-size: 13px; } .rk-sim-out small { color: var(--muted); }
.rk-acmp { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
.rk-acct { padding: 12px; border-radius: 14px; border: 1px solid var(--icc-line); border-left: 3px solid var(--icc-ink); background: var(--bg-ffffff,#fff); }
.rk-prof { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0; }
.rk-pf { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; }
.rk-pf input, .rk-pf select, .rk-pf textarea { border: 1.5px solid var(--icc-line); border-radius: 10px; padding: 8px 10px; font: 500 14px var(--font-body); background: var(--bg-ffffff,#fff); }
.rk-pf-fixed b { color: var(--fg-1f8a7e,#1F8A7E); letter-spacing: .06em; padding: 8px 0; }
.rk-opts { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.rk-opt { border: 1.5px solid var(--icc-line); background: var(--bg-ffffff,#fff); border-radius: 14px; padding: 10px 16px; cursor: pointer; display: flex; flex-direction: column; font: 800 14px var(--font-body); color: var(--icc-ink); }
.rk-opt small { font-weight: 500; color: var(--muted); font-size: 11.5px; }
.rk-opt.on { border-color: var(--icc-ink); background: var(--icc-gold-pale); }
.rk-met { padding: 10px 14px; border-radius: 12px; background: var(--bg-ffffff,#fff); border: 1px solid var(--icc-line); }
.rk-explain, .rk-simday { margin-top: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--icc-line); background: var(--bg-ffffff,#fff); display: flex; flex-direction: column; gap: 6px; }
.rk-sess-top { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; font-size: 12.5px; padding: 8px 12px; border-radius: 12px; background: var(--icc-gold-pale); position: sticky; top: 0; z-index: 3; }
.rk-sess-ctx { display: grid; grid-template-columns: 1fr 240px; gap: 12px; }
.rk-sess-charts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rk-sess-charts .p6-brief { grid-column: 1 / -1; }
.rk-stage { margin-top: 14px; padding-top: 12px; border-top: 2px solid var(--icc-line); }
.rk-stage-h { font-size: 11.5px; font-weight: 900; letter-spacing: .14em; color: var(--icc-gold); margin-bottom: 8px; }
.rk-stage .tx-card, .rk-stage .mg-card { box-shadow: none; border: 1px solid var(--icc-line); }
@media (max-width: 760px) {
  .rk-rn, .rk-ladders, .rk-day-grid, .rk-acmp, .rk-prof, .rk-sess-ctx, .rk-sess-charts { grid-template-columns: 1fr; }
  .rk-exp label { grid-template-columns: 1fr 50px; } .rk-exp label input { grid-column: 1 / -1; grid-row: 2; }
}
.rk-saved { align-self: flex-start; border: none; background: var(--bg-e8f8f6,#E8F8F6); color: var(--fg-1f8a7e,#1F8A7E); font: 800 14px var(--font-body); padding: 12px 20px; border-radius: 999px; }
.ex-tl-warn { stroke: var(--fg-c8455f,#C8455F); } .ex-tl-mind { stroke: var(--mind, #7F77DD); }
.ex-tl-warn-tag rect, .ex-tl-mind-tag rect { fill: var(--fg-ffffff,#fff); } .ex-tl-warn-tag rect { stroke: var(--fg-c8455f,#C8455F); }