/* inner pages: dossier, legs, ladder, timeline, changed, wallet */
[hidden]{display:none!important}
.dossier{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:center;padding:clamp(20px,4vw,48px) var(--pad) clamp(28px,4vw,48px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.dossier .word{font:800 clamp(64px,13vw,210px)/.8 var(--f-d);text-transform:uppercase;color:var(--v);letter-spacing:-.005em;margin:10px 0 14px;overflow-wrap:anywhere}
.dossier h1{font-size:clamp(28px,4vw,52px);color:var(--tx)}
.dossier h1 small{font:600 14px/1.4 var(--f-m);color:var(--tx2);margin-left:10px;letter-spacing:.04em}
.dossier .addrrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
/* the verdict carries its own block, and a sellable exit on an unknown or thin pool says so */
.dossier .dos-fresh{margin-top:12px}
.depthwarn{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:8px 12px;max-width:52ch;border:2px dashed var(--cut);background:rgba(233,197,75,.07);color:var(--cut);font:600 13px/1.45 var(--f-m)}
.depthwarn::before{content:"";width:22px;height:14px;margin-top:2px;flex:none;background:repeating-linear-gradient(135deg,var(--cut) 0 5px,#111 5px 10px)}
.dossier.warn .rubber{border-style:dashed;border-color:var(--cut)}
.art{position:relative;justify-self:center;width:min(100%,420px)}
.art img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.65))}
.rubber{position:absolute;left:-6%;bottom:8%;border:3px solid var(--v);color:var(--v);padding:8px 14px 6px;font:800 22px/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg);background:rgba(20,20,20,.82)}
.rubber small{display:block;font:600 11px/1.4 var(--f-m);letter-spacing:0;text-transform:none;color:var(--tx2);margin-top:4px}
@media (max-width:820px){.dossier{grid-template-columns:minmax(0,1fr)}.art{width:min(70%,300px)}}
/* a summary head that leaves the first screen to the list under it */
.dossier.slim{padding-top:clamp(16px,3vw,32px);padding-bottom:clamp(18px,3vw,32px)}
.dossier.slim .word{font-size:clamp(52px,8vw,128px);margin:8px 0 10px}
.dossier.slim h1{font-size:clamp(24px,3vw,40px)}
.dossier.slim .art{width:min(100%,260px)}
@media (max-width:820px){.dossier.slim .art{display:none}}
.strip{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;padding:18px var(--pad);border-bottom:1px solid var(--line);background:var(--s0)}
.strip .field{min-width:220px;flex:1}
.strip .field.sm{flex:0 1 240px}

/* other doors, under the dossier */
.pick{display:flex;flex-direction:column;gap:10px;padding:22px var(--pad) 26px;border-top:1px solid var(--line);background:var(--s0)}
.pick-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}
.pick .paste{margin:0}
.pick .chips .chip{text-decoration:none}
.pick .chips a.chip:focus-visible{outline-offset:2px}

.legs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.leg{background:#181818;padding:20px;display:flex;flex-direction:column;gap:14px}
.leg h3{font-size:30px}
.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.flow .node{border:1px solid var(--line);padding:10px 12px;background:#121212;min-width:0}
/* a figure is never split across lines: 1,000,000 stays one number */
.flow .node b{display:block;font:600 17px/1.2 var(--f-m);white-space:nowrap}
.flow .node span{font:600 10px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--tx2)}
.flow .arr{width:26px;height:2px;background:var(--mute);position:relative}
.flow .arr::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--mute);border-right:0}
.keep{height:10px;background:var(--stop);position:relative}
.keep i{position:absolute;left:0;top:0;bottom:0;background:var(--go)}
.legnote{font:500 12px/1.5 var(--f-m);color:var(--tx2)}
.legnote b{color:var(--tx)}
.revert{font:600 13px/1.4 var(--f-m);color:var(--stop);border:1px solid var(--stop);padding:8px 10px;overflow-wrap:anywhere}
@media (max-width:860px){.legs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px) and (min-width:861px){.flow .node b{font-size:14px}}
@media (max-width:520px){
  .leg{padding:16px}
  .flow{gap:6px}
  .flow .arr{width:14px}
  .flow .node{padding:8px}
  .flow .node b{font-size:13px}
}

.ladder{width:100%;border-collapse:collapse;font:500 13px/1.4 var(--f-m)}
.ladder th{text-align:left;font:600 10px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);padding:8px 10px;border-bottom:1px solid var(--line)}
.ladder td{padding:10px;border-bottom:1px solid #262626;white-space:nowrap}
.ladder .ok{color:var(--go)}.ladder .bad{color:var(--stop)}
.scrollx{overflow-x:auto}
/* small screens: all five columns fit, sell tax included */
@media (max-width:520px){
  .panel{padding:16px}
  .ladder{font-size:12px}
  .ladder th{padding:8px 5px;letter-spacing:.03em}
  .ladder td{padding:9px 5px}
}

.chart{width:100%;height:auto;display:block}
.chart text{font:500 11px var(--f-m);fill:#B3B2A7}

.poolpick{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.poolpick label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;background:#181818;cursor:pointer;font:500 13px/1.4 var(--f-m);transition:background .15s}
.poolpick label:hover{background:#202020}
.poolpick input{accent-color:#64F772;width:18px;height:18px}
.poolpick .dis{opacity:.6;cursor:not-allowed}

/* changed */
.sec-h.stack{flex-direction:column;align-items:flex-start;gap:10px}
.moves{display:flex;flex-direction:column;gap:12px}
.moves .notice{margin-bottom:0}
.move{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:#181818;transition:border-color .15s,transform .15s}
.move:hover{border-color:var(--mute);transform:translateX(3px)}
.move.held{background:#161616}
.move h3{font-size:26px}
.move h3 a{color:var(--tx);text-decoration:none}
.move h3 a:hover{color:var(--go)}
.pill{display:inline-block;border:2px solid var(--v);color:var(--v);font:800 17px/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;padding:5px 8px 4px}
.pill small{font:600 11px var(--f-m);margin-left:6px;letter-spacing:0}
.to{font:800 26px/1 var(--f-d);color:var(--mute)}
.delta{font:600 13px/1.3 var(--f-m);grid-column:1/-1;color:var(--tx2)}
.delta b.up{color:var(--stop)}.delta b.dn{color:var(--go)}
@media (max-width:700px){.move{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.move h3{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.move{transition:none}.move:hover{transform:none}}

/* wallet */
.badge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(20px,4vw,48px) var(--pad);border-bottom:1px solid var(--line)}
.badge-art{position:relative;display:grid;place-items:center;align-self:stretch;min-height:clamp(280px,34vw,500px)}
.badge-art::before{content:"";position:absolute;inset:2% 4%;pointer-events:none;background:radial-gradient(closest-side,rgba(100,247,114,.24),rgba(100,247,114,.07) 58%,rgba(100,247,114,0) 100%)}
.badge-art::after{content:"";position:absolute;left:14%;right:14%;bottom:6%;height:2px;background:linear-gradient(90deg,transparent,var(--go),transparent);opacity:.55;pointer-events:none}
.badge-art img{position:relative;width:100%;max-width:500px;aspect-ratio:1;object-fit:contain;filter:brightness(1.18) contrast(1.06) drop-shadow(0 0 34px rgba(100,247,114,.3))}
@media (max-width:820px){.badge{grid-template-columns:minmax(0,1fr)}.badge-art{min-height:0}.badge-art img{max-width:260px}}
.opt-row{align-items:center;gap:6px 10px}
.chip-sep{width:1px;align-self:stretch;min-height:28px;background:var(--line)}
.pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pair>div{background:#181818;padding:12px 14px;font:500 13px/1.4 var(--f-m);min-width:0;overflow-wrap:anywhere}
.pair .hd{background:#121212;font:600 10px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--tx2)}
.pair .nm{font:800 22px/1 var(--f-d);text-transform:uppercase}
.pair .nm a{color:var(--tx);text-decoration:none}.pair .nm a:hover{color:var(--go)}
.pair .flag{outline:2px solid var(--stop);outline-offset:-2px}
@media (max-width:760px){.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pair .hd:nth-child(n+3){display:none}.pair .nm{grid-column:1/-1}}