*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#101826;color:#e8eef6;font-family:"Segoe UI",sans-serif;line-height:1.65}
.draw{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.seeds{background:#0b1220;border-right:1px solid #2a3b55;padding:18px 14px;position:sticky;top:0;height:100vh}
.seeds a{display:block;text-decoration:none;color:#d5e2f2;border-left:3px solid #3d5a80;padding:12px 10px;margin:0 0 8px;font-size:.86rem}
.seeds a.on{border-left-color:#f0c14a;background:#162033;color:#f0c14a}
.seeds b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8aa0bd}
.sheet{padding:28px 32px 64px;max-width:760px}
h1{font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.12;margin:0 0 12px}
h2{color:#f0c14a;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin:24px 0 8px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img{width:100%;height:auto;display:block;margin:12px 0}
.cap{color:#8aa0bd;font-size:.84rem;margin:-4px 0 14px}
.slot{display:grid;grid-template-columns:3em 1fr;gap:8px;border-bottom:1px solid #2a3b55;padding:8px 0}
.slot b{color:#f0c14a}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem}
td{border-bottom:1px solid #2a3b55;padding:7px 4px}
td:first-child{color:#f0c14a;width:2.2em}
.end{color:#8aa0bd;font-size:.88rem}
@media(max-width:760px){.draw{grid-template-columns:1fr}.seeds{position:sticky;height:auto;display:flex;gap:8px;overflow:auto}.seeds a{min-width:140px}.sheet{padding:16px 14px 36px}}