/* ===================== v24：本選の一日 d1 の仕上げ ===================== */
/* 1・2 写真：白い壁が白地に溶けるので、細い枠と下の影を強く。最初の写真は人のいる下側に寄せる */
html[data-dy="d1"] .dy2__stage{box-shadow:inset 0 0 0 1px rgba(20,30,24,.1)}
html[data-dy="d1"] .dy2__stage::after{background:linear-gradient(180deg,rgba(8,14,10,.06) 0%,transparent 30%,transparent 52%,rgba(8,14,10,.72) 100%)}
html[data-dy="d1"] .dy2__stage img:nth-child(1){object-position:50% 92%;transform-origin:50% 100%}
html[data-dy="d1"] .dy2__stage img:nth-child(1).on{transform:scale(1.25)}
/* 4 時刻：影を足して、写真の明るい部分でも読める */
html[data-dy="d1"] .dy2__now b{text-shadow:0 2px 18px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.25)}
html[data-dy="d1"] .dy2__now::before{content:"本選 11.29";display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.9)}
/* 3 発表の区間：5チームぶんの帯（発表7分＝濃い、質疑12分＝淡い）で長さの中身を見せる */
.dy2__teams{display:none}
html[data-dy="d1"] .dy2__teams{grid-column:2;display:grid;gap:6px;margin-top:16px;max-width:300px}
html[data-dy="d1"] .dy2__teams i{display:grid;grid-template-columns:7fr 12fr;gap:2px;height:12px}
html[data-dy="d1"] .dy2__teams i::before,html[data-dy="d1"] .dy2__teams i::after{content:"";border-radius:2px;transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--ease)}
html[data-dy="d1"] .dy2__teams i::before{background:#14936b}
html[data-dy="d1"] .dy2__teams i::after{background:color-mix(in srgb,#14936b 28%,#fff)}
html[data-dy="d1"] .dy2__tt li.on .dy2__teams i::before,html[data-dy="d1"] .dy2__tt li.past .dy2__teams i::before,html[data-dy="d1"] .dy2__tt li.on .dy2__teams i::after,html[data-dy="d1"] .dy2__tt li.past .dy2__teams i::after,html.static .dy2__teams i::before,html.static .dy2__teams i::after{transform:none}
html[data-dy="d1"] .dy2__teams i:nth-child(2)::before,html[data-dy="d1"] .dy2__teams i:nth-child(2)::after{transition-delay:.08s}
html[data-dy="d1"] .dy2__teams i:nth-child(3)::before,html[data-dy="d1"] .dy2__teams i:nth-child(3)::after{transition-delay:.16s}
html[data-dy="d1"] .dy2__teams i:nth-child(4)::before,html[data-dy="d1"] .dy2__teams i:nth-child(4)::after{transition-delay:.24s}
html[data-dy="d1"] .dy2__teams i:nth-child(5)::before,html[data-dy="d1"] .dy2__teams i:nth-child(5)::after{transition-delay:.32s}
html[data-dy="d1"] .dy2__teams::after{content:"■ 発表7分　□ 質疑12分　× 4チーム";font-size:12px;color:var(--v6-ink2);letter-spacing:.04em;margin-top:4px}
/* 長い区間の高さを少し詰める */
html[data-dy="d1"] .dy2__tt li{min-height:calc(56px + var(--m) * 1.25px)}
@media (max-width:900px){html[data-dy="d1"] .dy2__tt li{min-height:calc(52px + var(--m) * .8px)}html[data-dy="d1"] .dy2__teams{max-width:none}}
/* 見直し1：凡例は帯と一緒に出す／最初の写真はさらに人に寄せる */
html[data-dy="d1"] .dy2__teams{opacity:0;transition:opacity .5s}
html[data-dy="d1"] .dy2__tt li.on .dy2__teams,html[data-dy="d1"] .dy2__tt li.past .dy2__teams,html.static .dy2__teams{opacity:1}
html[data-dy="d1"] .dy2__stage img:nth-child(1).on{transform:scale(1.6)}

/* ===== 見直し2（スクロールしやすく）：時間の長さに比例した空白をやめ、時間割を写真の高さに収める ===== */
html[data-dy="d1"] .dy2__body{align-items:stretch}
html[data-dy="d1"] .dy2__stage{position:relative;top:auto;aspect-ratio:auto;height:100%;min-height:520px;max-height:none}
html[data-dy="d1"] .dy2__tt li{min-height:0;padding:11px 0 13px}
html[data-dy="d1"] .dy2__tt b{font-size:18px}
html[data-dy="d1"] .dy2__tt small{margin-top:2px;font-size:13px}
/* 発表の帯は1本にまとめる（4チームの区切りを目盛りで） */
html[data-dy="d1"] .dy2__teams{margin-top:10px;max-width:320px;gap:0;grid-template-columns:repeat(4,1fr);grid-auto-flow:column;column-gap:3px}
html[data-dy="d1"] .dy2__teams i{height:8px}
html[data-dy="d1"] .dy2__teams::after{grid-column:1/-1;margin-top:6px}
/* スクロールで切り替えるのに加えて、行にマウスを乗せても写真が切り替わる */
html[data-dy="d1"] .dy2__tt li{cursor:default}
@media (max-width:900px){
  html[data-dy="d1"] .dy2__stage{position:sticky;top:calc(var(--hd) + 8px);height:auto;min-height:0;aspect-ratio:16/10}
}
/* 見直し3：帯は5本を横1列に（flex）。凡例は下の行に */
html[data-dy="d1"] .dy2__teams{display:flex;flex-wrap:wrap;gap:6px 3px}
html[data-dy="d1"] .dy2__teams i{flex:1 1 0;min-width:0}
html[data-dy="d1"] .dy2__teams::after{flex-basis:100%;margin-top:4px}
/* 見直し4：帯は、その時間帯に来るまで高さも0に（空いた隙間を作らない） */
html[data-dy="d1"] .dy2__teams{max-height:0;margin-top:0;overflow:hidden;transition:opacity .5s,max-height .6s var(--ease),margin-top .6s var(--ease)}
html[data-dy="d1"] .dy2__tt li.on .dy2__teams,html[data-dy="d1"] .dy2__tt li.past .dy2__teams,html.static .dy2__teams{max-height:60px;margin-top:10px}