/* 0.8 tournament: the Launch League screen. Uses the shared variables, so light and dark both work. */
/* Phones: last round, then the move, then the market; wide screens: two columns. */
.tgrid{display:flex;flex-direction:column;gap:14px}
.tmain,.tside{display:contents}
.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}
@media (min-width:900px){
  .tgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
  .tmain,.tside{display:flex;flex-direction:column;gap:14px;min-width:0}
}
.tgrid .sec:first-child,.o1>.sec,.o3>.sec,.o4>.sec{margin-top:0}
.tsegsinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.tseg{border:2px solid var(--rule);border-radius:8px;padding:8px 12px;background:var(--paper);display:flex;flex-direction:column;gap:6px}
.tseg .row{justify-content:space-between}
.tseg b{font-family:var(--f-display);font-weight:600}
.tseg p{margin:0;font-size:14px}
.tseg small{font-size:13px;color:var(--ink-soft)}
.tseg .meter{height:10px}
.chips .chip{white-space:normal}
.tmove h3,.tfirm h3{margin-bottom:4px}
.tsegs{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 12px}
.tsegs .cardx{padding:8px 10px}
.tsegs .cardx b{font-size:15px}
.cardx small.warn{color:var(--bad)}
.tstep{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px dashed var(--rule);padding:8px 0}
.tstep>div:first-child{display:flex;flex-direction:column;min-width:0}
.tstep small{font-size:13px;color:var(--ink-soft)}
.tstep small .ok{color:var(--good);font-weight:700} .tstep small .no{color:var(--bad);font-weight:700}
.stepper{display:flex;align-items:center;gap:6px;flex:none}
.stepper .btn{padding:4px 12px;font-size:18px;line-height:1.1;box-shadow:2px 2px 0 var(--shadow)}
.stepper output{font-family:var(--f-mono);font-size:18px;min-width:2.2ch;text-align:center;font-variant-numeric:tabular-nums}
.troute{padding:6px 10px;font-size:14px;border-left-width:6px}
.troute.A{border-left-color:var(--kraft)} .troute.B{border-left-color:var(--foam)}
.tcred{font-size:14px;margin:10px 0}
.tfirm .kv{margin-bottom:10px}
.tfirm .chartbox{padding:4px}
.legend i.rival{height:2px}
td.wrap{white-space:normal;text-align:left;min-width:14ch}
table.t tr.me td{background:var(--gold-soft)}
.ev li.up{border-color:var(--gold);background:var(--gold-soft)}
.trank{gap:22px;align-items:center}
.trank .stamp{font-size:20px}
.trank small{color:var(--ink-soft)}
.treveal li small{display:block;margin-top:2px}
details summary{cursor:pointer;font-family:var(--f-display);font-size:16px}
.tour-rules .ev li{font-size:14px}
@media (max-width:420px){.tsegs{grid-template-columns:1fr}.stepper .btn{padding:4px 10px}}