/* Vikings Daily retro record + schedule panel (preview). Font VDPixel comes from livefield.css. */
.sp[hidden]{display:none!important}
.sp-list li[hidden]{display:none!important} /* li uses display:grid, which otherwise overrides the hidden attribute */
.sp{margin:10px 0 14px;background:#111;border:4px solid #000;box-shadow:0 0 0 3px #FFC62F,0 0 0 6px #4F2683;padding:6px;font-family:"VDPixel",monospace;color:#fff;-webkit-font-smoothing:none}
.sp-top{display:flex;align-items:center;justify-content:space-between;background:#4F2683;border:3px solid #FFC62F;padding:6px 6px 5px;margin-bottom:6px}
.sp-top .t{font-size:8px;color:#FFC62F;line-height:1.5}
.sp-rec{font-size:16px;line-height:1}
.sp-pct{font-size:9px;color:#FFC62F;margin-left:4px}
.sp-sos{margin-bottom:6px;background:#000;border:2px solid #fff}
.sp-sos-btn{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;background:#000;color:#fff;border:0;font-family:"VDPixel",monospace;font-size:8px;letter-spacing:.04em;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.sp-sos-btn .v{display:flex;align-items:center;gap:8px}
.sp-sos-btn i{font-style:normal;color:#FFC62F;font-size:10px}
.sp-sos-btn .car{color:#FFC62F;font-size:12px;width:12px;text-align:center}
.sp-sos-btn:focus-visible{outline:2px solid #FFC62F;outline-offset:-4px}
.sp-sos-btn[aria-expanded="true"]{border-bottom:1px dashed #444}
.sp-sos-body[hidden]{display:none}
.sp-sos-body{padding:6px}
.sp-sos-g{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}
.sp-sos-g div{border:2px solid #555;padding:5px 4px 4px;font-size:7px;line-height:1.7;color:#9a9a9a}
.sp-sos-g b{display:block;color:#fff;font-size:9px;font-weight:400}
.sp-sos-g b i{font-style:normal;color:#FFC62F}
.sp-sos-x{display:flex;align-items:center;gap:6px;font-size:7px;color:#ccc;margin:0 0 5px;flex-wrap:wrap}
.sp-sos-x .k{color:#9a9a9a;width:92px}
.sp-sos-x .c{display:inline-flex;align-items:center;gap:3px}
.sp-sos-x .ab{padding:2px 3px 1px;border:1px solid #fff}
.sp-sos-note{margin:6px 0 0;font:12px/1.35 Georgia,serif;color:#ddd;-webkit-font-smoothing:auto}
.sp-h{display:flex;justify-content:space-between;font-size:7px;color:#9a9a9a;padding:0 2px 3px;letter-spacing:.06em}
.sp-list{list-style:none;margin:0;padding:0;background:#000;border:2px solid #fff}
.sp-list li{display:grid;grid-template-columns:30px 64px 1fr auto;gap:4px;align-items:center;font-size:8px;line-height:1.3;padding:5px 4px 4px;border-bottom:1px dashed #333}
.sp-list li:last-child{border-bottom:0}
.sp-list .wk{color:#9a9a9a}
.sp-list .dt{color:#FFE14D;font-size:7px;line-height:1.5}
.sp-list .op{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden}
.sp-list .ha{color:#9a9a9a;font-size:7px;flex:none}
.sp-list .ab{flex:none;padding:2px 3px 1px;border:1px solid #fff;font-size:7px}
.sp-list .nm{overflow:hidden;text-overflow:ellipsis;font-size:7px;color:#ccc}
.sp-list .rc{font-size:8px;text-align:right}
.sp-list .rc.good{color:#FF8A8A}.sp-list .rc.bad{color:#8fd18f}
.sp-list li.bye{grid-template-columns:30px 1fr;color:#FFC62F}
.sp-list li.next{background:#1c1530}
.sp-more{display:block;width:100%;margin-top:4px;font-family:"VDPixel",monospace;font-size:8px;background:#222;color:#FFC62F;border:2px solid #555;padding:5px 0 4px;cursor:pointer;min-height:44px;touch-action:manipulation}
.sp-foot{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:#9a9a9a}

/* SOS as NFL rank */
.sp-sos-btn>span:first-child{line-height:1.5}
.sp-sos-btn .tg{font-style:normal;font-size:7px;padding:2px 3px 1px;border:1px solid currentColor}
.tg.tough,.sp-sos-r .d.tough{color:#FF8A8A}.tg.easy,.sp-sos-r .d.easy{color:#8fd18f}.tg.avg,.sp-sos-r .d.avg{color:#bbb}
.sp-sos-r{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:baseline;border:2px solid #555;padding:5px 6px 4px;margin-bottom:5px}
.sp-sos-r .k{grid-column:1/3;font-size:7px;color:#9a9a9a;margin-bottom:3px}
.sp-sos-r b{font-weight:400;font-size:11px;color:#FFC62F}
.sp-sos-r .d{font-size:7px;text-align:right}