html, body { height: 100%; overflow: hidden; }.field-head .navbar { padding: .375rem 0; }.field-head .navbar-brand { font-size: .95rem; }.field-head .countdown { color: #fff; font-variant-numeric: tabular-nums; font-weight: 600; font-size: .9rem; white-space: nowrap; }.field-head .search-box { width: 20rem; max-width: 100%; }.field-head .search-status { color: #fecaca; font-weight: 600; font-size: .85rem; }.field-head .cow-status { color: #fff; font-weight: 600; font-size: .9rem; display: flex; align-items: center; gap: .5rem; }.field-head .cow-status img { width: 1.75rem; border-radius: .25rem; background: #fff; }.field-head .cow-status.finished { color: #fde68a; }#grid-wrap { flex: 1; overflow: hidden; background: green; }.field { border-collapse: collapse; table-layout: fixed; width: 100%; height: 100%; cursor: pointer; }.field td { width: 2.5%; height: 4%; text-align: center; border: 1px solid #81c784; padding: 0; overflow: hidden; font-size: .8rem; position: relative; }.field img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }.field .free, .field .flag { background: green; color: #fff; }.field .mainprizewon { background: #ff9800; color: #000; font-weight: 700; }.field .subprizewon, .field .prizewon { background: #fff176; color: #333; }.field .prizeavailable { background: lightblue; color: #000; }.field .prizenotwon { background: red; color: #fff; }.field .cow { background: red !important; }@keyframes found { 0%, 100% { background: red; color: #000; } 50% { background: yellow; color: red; } }.field .found { animation: found .8s ease-in-out 6; }.block-info { display: flex; gap: 1rem; align-items: flex-start; }.block-info img { width: 6rem; flex-shrink: 0; }.block-info .text { text-align: center; flex: 1; }.block-info .won-by { color: #dc2626; font-weight: 700; }.block-info .prize-name { color: #1e3a5f; font-weight: 700; font-size: 1.1rem; }