.z-reading{flex:0 0 min(340px,86vw);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--z-line,rgba(244,246,248,.16));border-radius:10px;padding:.7rem .8rem}.z-reading-head{display:flex;align-items:flex-start;gap:.5rem}.z-reading-head>.z-pall-who{flex:1 1 auto;min-width:0}.z-reading-crest{flex:0 0 auto;margin-inline-start:auto;width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.z-reading-head .z-pall-nm{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.z-reading-rank{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:.55rem 0 0;padding-top:.5rem;border-top:1px solid var(--z-line,rgba(244,246,248,.16))}.z-reading-rank-lbl{font-size:.72rem;color:var(--z-ink-dim,#9AA6B2)}.z-reading-rank-v{font-size:var(--fs-md,1rem);font-weight:700;color:var(--primary-500,#ff7a1a);white-space:nowrap}.z-reading-odds{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.6rem 0 0;padding:.55rem .6rem .55rem .8rem;border:1px solid var(--border-subtle,rgba(255,255,255,.08));border-radius:12px;background:rgba(255,255,255,.03)}.z-reading-odds-mkt{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;min-width:0}.z-reading-odds-lbl{font-size:.95rem;font-weight:700;line-height:1.25;color:var(--text-title,#f4f6f8)}.z-reading-odds-val{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.z-reading-odds>.z-bodd{flex:none}.z-reading-stats{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:.5rem 0 0}.z-reading-stats>div{display:flex;align-items:baseline;gap:.3rem}.z-reading-stats dt{font-size:.72rem;color:var(--z-ink-dim,#9AA6B2)}.z-reading-stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.z-reading-note{font-size:.7rem;font-weight:400;color:var(--z-ink-dim,#9AA6B2)}.z-reading-more{margin:0;padding-top:.6rem}.z-reading-more-sum{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding-top:.4rem;border-top:1px solid var(--z-line,rgba(244,246,248,.16));font-size:.8rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none}.z-reading-more-sum::-webkit-details-marker{display:none}.z-reading-more-sum:after{content:"";width:7px;height:7px;margin-inline-end:4px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}.z-reading-more[open]>.z-reading-more-sum:after{transform:translateY(2px) rotate(-135deg)}.z-reading-more-sum:hover{color:var(--text-title)}.z-reading-more-sum:focus-visible{outline:1px solid var(--text-title);outline-offset:2px}.z-reading-more .z-reading-rank{margin-top:.2rem;padding-top:0;border-top:0}@media (min-width:768px){.z-reading-odds .z-bodd{width:auto}.z-reading-odds .z-bodd-bk{width:auto;padding:0 8px}.z-reading-odds .z-bodd-bk img{max-width:48px;max-height:20px}}.z-rdf{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem;padding:0;border:0}.z-rdf .z-tr-filter>span{display:inline-flex;align-items:center;min-height:36px;padding:0 .9rem;font-size:.85rem;border-radius:999px;border-color:rgba(244,246,248,.16);background-color:rgba(11,18,32,.2);color:var(--text-primary)}.z-rdf .z-tr-filter:hover .z-tr-radio:not(:checked)+span{border-color:rgba(244,246,248,.32);background-color:rgba(11,18,32,.34);color:var(--text-title)}.z-rdf .z-tr-filter.is-pressed>span,.z-rdf .z-tr-filter:active>span{border-color:rgba(255,255,255,.75);background-color:rgba(11,18,32,.5);color:var(--text-title)}.z-rdf .z-tr-radio:checked+span{color:var(--text-title,#f4f6f8);border-color:rgba(255,255,255,.75);background-color:rgba(11,18,32,.2);font-weight:var(--fw-bold)}.z-rdf .z-tr-radio:focus-visible+span{outline:1px solid var(--text-title);outline-offset:2px}.z-readings:has(.z-rdf [value=assist]:checked) :is(.z-reading,.z-hotc-dot):not([data-kind=assist]),.z-readings:has(.z-rdf [value=booked]:checked) :is(.z-reading,.z-hotc-dot):not([data-kind=booked]),.z-readings:has(.z-rdf [value=score]:checked) :is(.z-reading,.z-hotc-dot):not([data-kind=score]){display:none}.z-vp-tips{margin-top:.85rem}.z-vp-tips.is-rest{margin-top:.35rem}.z-vp-tips>.z-reading-odds+.z-reading-odds{margin-top:.5rem}.z-vp-tips>.z-reading-odds>.z-po-mark{flex:none}