/* THE PACK ODDS CARD — layout only. The plate, keyline, halftone, X, tier
   rows (.orow) and the phone's bottom sheet all come from the .ov shell
   (style.css, stage.css §6.4 / "THE SHEETS"); nothing here restyles them.
   See site/pack-odds.js. */
.ov--podds .ov__panel{width:min(720px,100%);padding:20px 22px 20px;color:var(--ink);font-family:var(--ui)}
.podds__grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center}
.podds__still{width:200px;height:auto;display:block;user-select:none;-webkit-user-drag:none}
.podds__body{min-width:0}
/* the X is not inside an .ov__head here, so it is pinned itself */
.ov--podds .ov__x{position:absolute;top:14px;right:14px;z-index:6}
.podds__eye{font-family:var(--display);font-weight:800;font-style:italic;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-dim);margin:0 0 2px}
.ov--podds .oblk__h{margin-bottom:12px;align-items:center;padding-right:54px}
.ov--podds .oblk__h h3{display:flex;align-items:center;gap:9px;min-width:0}
.ov--podds .oblk__h h3 .ficon{width:26px;height:26px;flex:0 0 auto;object-fit:contain}
.podds__rows{display:flex;flex-direction:column}
.podds__note{font-size:12.5px;font-weight:600;color:var(--ink-dim);margin:12px 0 0;line-height:1.35}
.podds__foot{display:flex;gap:10px;margin-top:16px;align-items:center}
.podds__btn{flex:1 1 0;height:50px;border-radius:15px;border:2.5px solid var(--key);box-shadow:0 4px 0 var(--key);
  display:flex;align-items:center;justify-content:center;gap:9px;padding:0;
  font-family:var(--display);font-size:21px;font-weight:900;font-style:italic;letter-spacing:.01em;
  text-transform:uppercase;cursor:pointer;transition:transform .14s cubic-bezier(.22,.8,.36,1)}
.podds__btn:hover{transform:translateY(-1px)}
.podds__btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--key)}
.podds__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.podds__btn--inside{background:#F9F3A5;color:#141A28}
.podds__btn--rip{background:linear-gradient(var(--acc-hi),var(--acc));color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
/* the room is dimmed, not blurred: the pack you tapped stays the pack you
   are looking at (the full Odds page keeps its blur) */
.ov--podds{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(11,15,24,.38)}
@media (max-width:1023px){
  .ov--podds .ov__panel{padding:26px 16px 18px}
  .ov--podds .ov__x{top:22px}
  .podds__grid{grid-template-columns:1fr}
  .podds__still{display:none}
  .podds__btn{height:52px;font-size:20px}
}