.odds{max-width:1040px;padding:40px var(--gutter) 96px;margin:0 auto}.odds h1{font:500 clamp(32px, 5vw, 60px)/1.04 var(--display);letter-spacing:-.045em;margin:0 0 16px}.odds h1 em,.od-big b{background:linear-gradient(95deg,#0a8fb3,#0a3a4d);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.odds h2{font:500 26px var(--display);letter-spacing:-.04em;margin:0 0 6px}.od-k{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.od-sub{color:var(--body-2);margin:0;font-size:14px}.od-duel{grid-template-columns:1fr 1fr;gap:12px;margin:32px 0 8px;display:grid}.od-duel-col{border:1px solid var(--line);background:linear-gradient(#fff,#f6f9fb);border-radius:6px;padding:22px 24px;position:relative}.od-duel-col:before{content:"";border:0 solid var(--cyan);border-width:1px 0 0 1px;width:10px;height:10px;position:absolute;top:-1px;left:-1px}.od-duel-col.hot{border-color:#0a8fb373;box-shadow:0 0 0 3px #0a8fb30f}.od-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.od-pair b{font:500 44px var(--display);letter-spacing:-.05em;color:var(--ink);display:block}.od-duel-col.hot .od-pair div:first-child b{color:var(--red)}.od-duel-col.hot .od-pair div:last-child b{color:var(--cyan)}.od-pair span{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.od-verdict{border-top:1px dashed var(--line);color:var(--body-2);margin:14px 0 0;padding-top:12px;font-size:14px}.od-cap{font:11px var(--mono);color:var(--muted);margin:6px 0 0}.od-calc{margin-top:56px}.od-calc .c-form{margin-top:14px}.od-board{grid-template-columns:1.15fr 1fr;gap:12px;margin-top:18px;display:grid}.od-result,.od-what{border:1px solid var(--line);background:#fff;border-radius:6px;padding:22px 24px}.od-who{color:var(--body-2);min-height:20px;margin:0 0 10px;font-size:14px}.od-big{align-items:center;gap:16px;margin:0 0 16px;display:flex}.od-big b{font:500 84px/.9 var(--display);letter-spacing:-.06em}.od-big span{color:var(--body-2);font-size:14px;line-height:1.4}.od-grid{grid-template-columns:repeat(20,1fr);gap:4px;display:grid}.od-grid i{aspect-ratio:1;border-radius:2px;animation:.35s both od-pop}@keyframes od-pop{0%{opacity:0;transform:scale(.6)}}i.alive{background:linear-gradient(#19c3ee,#0a8fb3)}i.never{background:#d5dde3}i.bled{background:#f0b45a}i.lp{background:#e5322d}.od-legend{grid-template-columns:repeat(4,auto);justify-content:start;gap:6px 16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.od-legend li{white-space:nowrap;color:var(--body-2);align-items:center;gap:6px;font-size:12px;display:flex}.od-legend i{border-radius:2px;width:10px;height:10px}.od-legend b{font:600 12px var(--mono);color:var(--ink)}.od-basis{font:11px/1.5 var(--mono);color:var(--muted);margin:14px 0 0}.od-fate{color:var(--body-2);background:#f3f7fa;border-radius:6px;margin:14px 0 0;padding:12px 14px;font-size:13px}.od-fate .od-k{margin-bottom:4px;display:block}.od-fate b.ok{color:var(--cyan)}.od-fate b.dead{color:var(--red)}.od-what fieldset{border:0;margin:0 0 16px;padding:0}.od-what legend{color:var(--body-2);margin-bottom:8px;padding:0;font-size:13px}.od-seg{flex-wrap:wrap;gap:6px;display:flex}.od-seg button{border:1px solid var(--line-strong);font:500 12px var(--mono);color:var(--body-2);cursor:pointer;background:#fff;border-radius:99px;padding:7px 12px}.od-seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.od-seg button:focus-visible,.od-btn:focus-visible,.od-baby button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.od-ward{margin-top:56px}.od-ward-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.od-btn{border:1px solid var(--line-strong);font:500 12px var(--mono);color:var(--ink);cursor:pointer;background:#fff;border-radius:99px;padding:9px 16px}.od-btn:disabled{opacity:.5;cursor:progress}.od-nursery{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.od-baby button{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);font:inherit;background:linear-gradient(#fff,#f7fafc);border-radius:6px;grid-template-columns:minmax(0,1fr) 150px 56px 52px;align-items:center;gap:14px;padding:12px 14px;display:grid}.od-baby button:hover{border-color:#0a8fb380}.od-bn{flex-direction:column;min-width:0;display:flex}.od-bn b{font:500 16px var(--display);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-bn small,.od-bf{font:11px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.od-bf{text-align:right}.od-bm{background:#0c344e14;border-radius:3px;height:6px;overflow:hidden}.od-bm i,.od-bar i{border-radius:inherit;background:#8fb9c9;height:100%;display:block}.od-bm i.up,.od-bar i.up{background:linear-gradient(90deg,#0a8fb3,#19c3ee)}.od-bm i.down,.od-bar i.down{background:linear-gradient(90deg,#e5322d,#ff8a84)}.od-bo{text-align:right}.od-bo b{font:500 22px var(--display);letter-spacing:-.04em;display:block}.od-bo small{font:10px var(--mono);color:var(--muted)}.od-table{margin-top:56px}.od-factors{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.od-f{border:1px solid var(--line);background:#fff;border-radius:6px;padding:18px 20px}.od-f h3{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.od-r{grid-template-columns:150px 1fr 42px 48px;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:grid}.od-l{color:var(--body-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.od-bar{background:#0c344e12;border-radius:4px;height:8px;position:relative}.od-bar u{background:var(--ink);opacity:.35;width:1px;position:absolute;top:-3px;bottom:-3px}.od-r b{font:600 13px var(--mono);text-align:right}.od-r small{font:10px var(--mono);color:var(--muted);text-align:right}@media (width<=800px){.od-duel,.od-board,.od-factors,.od-nursery{grid-template-columns:1fr}.od-pair b{font-size:36px}.od-big b{font-size:64px}.od-grid{grid-template-columns:repeat(10,1fr)}.od-legend{grid-template-columns:repeat(2,auto)}.od-baby button{grid-template-columns:minmax(0,1fr) 70px 52px}.od-bf{display:none}}