/* Vikings Daily retro live field. Original art; font: Press Start 2P (SIL OFL 1.1, self-hosted). */
@font-face{font-family:"VDPixel";src:url("fonts/PressStart2P-Regular.woff2") format("woff2");font-display:swap}
.lf[hidden]{display:none!important}
.lf{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;image-rendering:pixelated}
.lf *{box-sizing:border-box}
.lf-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;line-height:1.4;margin-bottom:6px}
.lf-live{color:#FF4040}
.lf-live::before{content:"\25A0 ";animation:lfb 1s steps(2) infinite}
@keyframes lfb{50%{opacity:0}}
.lf-tag{background:#FFC62F;color:#111;padding:2px 4px}
.lf-board{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;align-items:stretch;background:#000;border:3px solid #fff;padding:4px;margin-bottom:6px}
.lf-t{display:flex;align-items:center;gap:6px;font-size:10px}
.lf-t.r{justify-content:flex-end}
.lf-ab{padding:4px 4px 3px;border:2px solid #fff}
.lf-sc{font-size:20px;line-height:1}
.lf-poss{color:#FFC62F;font-size:10px}
.lf-mid{text-align:center;font-size:9px;line-height:1.6;color:#FFE14D}
.lf-dd{background:#4F2683;border:3px solid #FFC62F;padding:6px 6px 5px;font-size:10px;line-height:1.5;text-align:center;margin-bottom:6px}
.lf-dd b{color:#FFC62F;font-weight:400}
.lf-fieldwrap{position:relative;border:3px solid #000;outline:2px solid #fff}
.lf-canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}
.lf-flash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;padding:6px 8px 5px;background:#000;border:3px solid #fff;white-space:nowrap;display:none}
.lf-flash.rz{display:block;color:#FF4040;font-size:10px;top:4px;bottom:auto;transform:translateX(-50%);padding:3px 5px 2px;border-width:2px;animation:lfb 1.2s steps(2) infinite}
.lf-flash.td{display:block;color:#FFC62F;animation:lfb .5s steps(2) 5}
.lf-box{margin-top:6px;background:#0a0a8c;border:3px solid #fff;box-shadow:inset 0 0 0 2px #0a0a8c,inset 0 0 0 4px #8fa0ff;padding:8px 8px 7px;font-size:8px;line-height:1.75;min-height:52px}
.lf-box em{font-style:normal;color:#FFC62F}
.lf-foot{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:#9a9a9a}
.lf-stats[hidden]{display:none!important}
.lf-stats{margin-top:6px;background:#000;border:3px solid #fff;padding:5px 5px 4px}
.lf-sg{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.lf-sb{display:grid;grid-template-columns:auto 1fr 1fr;gap:3px 4px;align-items:baseline;font-size:8px;line-height:1.3}
.lf-sb .k{color:#FFC62F;white-space:nowrap}
.lf-sb .v{text-align:right;white-space:nowrap}
.lf-sb .v.h,.lf-sb .v.a{color:#9a9a9a;font-size:7px}
.lf-sb+.lf-sb{border-left:2px dotted #4F2683;padding-left:7px}
.lf-sn{margin-top:4px;font-size:6px;line-height:1.4;color:#9a9a9a;text-align:center}

/* possession */
.lf-ab.has-ball{border-color:#FFC62F;box-shadow:0 0 0 2px #FFC62F,0 0 10px 2px rgba(255,198,47,.85)}
.lf-poss{animation:lfb 1s steps(2) infinite;font-size:12px}
.lf-ball-tag{display:inline-block;margin-left:6px;padding:2px 4px 1px;border:2px solid #FFC62F;color:#fff;font-size:9px}

/* share button */
.lf-foot{align-items:center}
.lf-share{font-family:"VDPixel",monospace;font-size:8px;background:#FFC62F;color:#111;border:2px solid #fff;box-shadow:2px 2px 0 #4F2683;padding:5px 7px 4px;cursor:pointer}
.lf-share:active{transform:translate(2px,2px);box-shadow:none}

/* down & distance box in possessing team's color */
.lf-dd.poss b{color:inherit;text-decoration:underline;text-underline-offset:3px}
.lf-dd.poss .lf-ball-tag{border-color:currentColor}
.lf-dd.light{border-color:#111;box-shadow:0 0 0 2px #FFC62F}