/* The Daily Hunt page: the pixel paper of the rest of the game */
.hunt{display:grid;gap:28px;max-width:960px}
.hunt-intro{padding:26px 28px;background:var(--game-paper);border:3px solid var(--game-ink);box-shadow:6px 6px 0 var(--game-shadow)}
.hunt-kicker{font:400 9px/1.6 var(--display);color:var(--game-green);text-transform:uppercase;margin:0 0 12px;display:flex;gap:14px;flex-wrap:wrap}
.hunt-kicker b{color:var(--game-ink)}
.hunt-intro h1{font:700 26px/1.25 var(--display);margin:0 0 10px;color:var(--game-ink)}
.hunt-lede{font:400 22px/1.3 var(--ui);color:var(--cream);margin:0 0 18px;max-width:640px}
.hunt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hunt-left{font:400 10px/1.6 var(--display);color:var(--game-green);text-transform:uppercase}
.hunt-status{font:400 20px/1.3 var(--ui);color:var(--game-ink);margin:14px 0 0;min-height:24px}
.hunt-status[data-kind=error]{color:var(--red)}
.hunt-privacy{font:400 17px/1.3 var(--ui);color:var(--muted);margin:10px 0 0}
.looks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.look{min-height:150px;background:var(--game-paper);border:3px solid var(--game-ink);box-shadow:4px 4px 0 var(--game-shadow);padding:10px;display:grid;gap:6px;align-content:start;position:relative}
.look.vacant{border-style:dashed;box-shadow:none;background:transparent;color:var(--muted);align-content:center;justify-items:center}
.look.vacant span{font:400 9px/1.5 var(--display);text-transform:uppercase}
.look canvas{display:block;width:100%;aspect-ratio:4/3;image-rendering:pixelated;background:#1b2420;border:2px solid var(--game-ink)}
.look .no-pic{width:100%;aspect-ratio:4/3;background:var(--game-sage);border:2px solid var(--game-ink);display:grid;place-items:center;font:400 8px/1.4 var(--display);color:var(--muted);text-transform:uppercase}
.look .rank{font:700 16px/1.2 var(--display);color:var(--game-ink)}
.look .rank small{font:400 8px/1.4 var(--display);color:var(--muted);display:block;text-transform:uppercase}
.look .call{font:400 17px/1.25 var(--ui);color:var(--cream)}
.look .heat{position:absolute;top:-10px;right:-6px;font:400 8px/1.6 var(--display);text-transform:uppercase;padding:2px 7px;border:2px solid var(--game-ink);background:var(--game-paper);color:var(--game-ink)}
.look .heat[data-heat=warmer]{background:var(--amber)}.look .heat[data-heat=colder]{background:#cfe0f2}.look .heat[data-heat=best]{background:var(--game-green);color:#fff9e8}
.look.just{animation:look-in .4s cubic-bezier(.2,1.5,.4,1)}
@keyframes look-in{0%{transform:scale(.8);opacity:0}100%{transform:none;opacity:1}}
.hunt-score,.hunt-yesterday,.hunt-rules{padding:22px 26px;background:var(--game-paper);border:3px solid var(--game-ink);box-shadow:6px 6px 0 var(--game-shadow)}
.hunt-score h2,.hunt-yesterday h2,.hunt-rules h2{font:700 15px/1.3 var(--display);margin:0 0 10px;color:var(--game-ink)}
.hunt-score-line{font:700 28px/1.2 var(--display);margin:0 0 6px;color:var(--game-ink)}
.hunt-score-line em{font-style:normal;color:var(--amber-d)}
.hunt-standings,.hunt-next{font:400 20px/1.3 var(--ui);color:var(--cream);margin:0 0 14px}
#strip{display:block;width:100%;height:auto;border:3px solid var(--game-ink);background:var(--game-paper);margin:0 0 14px;image-rendering:auto}
.hunt-share{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.yesterday-card{display:flex;gap:18px;align-items:center}
.yesterday-card img{image-rendering:pixelated;background:var(--game-sage);border:3px solid var(--game-ink);padding:6px}
.y-name{font:700 18px/1.2 var(--display);margin:0 0 4px;color:var(--game-ink)}.y-line{font:400 19px/1.3 var(--ui);color:var(--cream);margin:0}
.hunt-rules ul{margin:0;padding-left:20px;font:400 20px/1.35 var(--ui);color:var(--cream)}.hunt-rules li{margin:0 0 6px}
@media(max-width:820px){.looks{grid-template-columns:repeat(3,1fr)}.hunt-intro h1{font-size:22px}}
@media(max-width:520px){.hunt{gap:18px}.hunt-intro,.hunt-score,.hunt-yesterday,.hunt-rules{padding:16px 14px;box-shadow:4px 4px 0 var(--game-shadow)}.looks{grid-template-columns:repeat(2,1fr);gap:10px}.hunt-intro h1{font-size:19px}.hunt-lede{font-size:19px}.hunt-score-line{font-size:20px}}
@media(prefers-reduced-motion:reduce){.look.just{animation:none}}
