/* Football Build 305 port: big-moment decision card, recap, and the Game Day film session card. Phone-first. */
.big-moment-card{box-sizing:border-box;margin:12px 0;padding:14px;border:1px solid #6b5a2a;border-radius:16px;background:linear-gradient(180deg,#14283a,#0c1a26 75%);color:#ecf2f7;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:bmIn .25s ease-out}
.big-moment-card[hidden],.big-moment-recap[hidden],.film-session[hidden]{display:none}
@keyframes bmIn{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.big-moment-card{animation:none}}
.bm-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.bm-top .eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;letter-spacing:.06em;color:#ecd28e}
.bm-top .eyebrow i{width:8px;height:8px;border-radius:50%;background:#ffb547}
.bm-clock{font-size:12px;font-weight:800;color:#ffd27a}
.big-moment-card h3{margin:6px 0 4px;font-size:19px;line-height:1.2;overflow-wrap:anywhere}
.bm-score{display:flex;gap:8px;align-items:center;margin:0 0 10px;font-size:13px;color:#bcd0d7}
.bm-score b{color:#fff;font-size:16px}
.bm-tag{padding:2px 8px;border-radius:999px;background:#1b2b35;border:1px solid #42515a;font-size:11px;font-weight:800}
.bm-tag.down{color:#ff9b8a;border-color:#7a3d36}.bm-tag.up{color:#7fe0bd;border-color:#2f6b57}
.bm-options{display:grid;grid-template-columns:repeat(var(--bm-cols,3),minmax(0,1fr));gap:8px}
.bm-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;min-width:0;padding:10px 9px;border:1px solid #45647b;border-radius:12px;background:#17384a;color:#eef6ff;text-align:left;font:inherit;cursor:pointer}
.bm-opt:hover,.bm-opt:focus-visible{border-color:#ecd28e;background:#1d4459;outline:none}
.bm-opt b{font-size:14px}.bm-opt span{font-size:11.5px;line-height:1.3;color:#bcd0d7;overflow-wrap:anywhere}
.bm-opt em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#ecd28e;margin-top:auto}
.bm-foot{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:#9fb6c4;flex-wrap:wrap}
.bm-timer{flex:1 1 80px;height:4px;border-radius:4px;background:#1b2b35;overflow:hidden}
.bm-timer i{display:block;height:100%;background:#ffb547;transform-origin:left;transition:transform .2s linear}
.bm-off{background:none;border:0;padding:6px 0;min-height:36px;color:#9fb6c4;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.bm-setting{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px!important;margin-top:12px;font-size:13px!important;text-transform:none!important}
.bm-setting input{width:20px;height:20px}.bm-setting small{flex-basis:100%;color:#a9bdcb;font-size:12px}
.big-moment-recap{margin:12px 0;padding:12px 14px;border:1px solid #365168;border-radius:14px;background:#0d2330;color:#ecf2f7}
.big-moment-recap .eyebrow{margin:0 0 6px;font-size:11px;color:#ecd28e}
.big-moment-recap ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.big-moment-recap li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px;color:#cfe0ea}
.big-moment-recap .bm-when{font-weight:800;color:#9fb6c4;white-space:nowrap}
.big-moment-recap strong{font-size:12px;text-align:right}.big-moment-recap strong.good{color:#7fe0bd}.big-moment-recap strong.bad{color:#ff9b8a}
@media (max-width:420px){.bm-options{gap:6px}.bm-opt{padding:9px 7px}.big-moment-recap li{grid-template-columns:minmax(0,1fr) auto}.big-moment-recap .bm-when{grid-column:1/-1}}
.film-session{margin:12px 0;padding:12px;border:1px solid #2f5163;border-radius:12px;background:#0c1f2b;color:#e8f2f7}
.film-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.film-session small{display:block;font-size:11px;letter-spacing:.06em;color:#9fb6c4;font-weight:750}
.film-tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#2a2410;color:#f3d585;border:1px solid #7a6a2a;white-space:nowrap}
.film-session p{margin:6px 0 0;font-size:13px;color:#cfe0ea;line-height:1.4}
.film-session .primary-button{width:100%;min-height:46px;margin-top:10px}
.film-session ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.film-session li{padding:7px 9px;border-radius:9px;background:#ffffff0d;font-size:12px;min-width:0;overflow-wrap:anywhere}
.film-session li b{display:block;font-size:13px;color:#eff7fc}
.film-done{color:#9ff0b8}