/* Hay Hunt: warm straw, a golden needle and outlined text on a transparent stage. */
html.tt-shell .gift-copy small { display:block; color:var(--muted); font-size:14px; margin-top:5px; }
.source-page #hh-stage { position:absolute; width:1080px; height:1920px; transform-origin:top left; color:#fff; font-family:system-ui, sans-serif; font-weight:900; -webkit-text-stroke:8px #25263e; paint-order:stroke fill; stroke-linejoin:round; text-shadow:none; }
.source-page #hh-stage * { box-sizing:border-box; paint-order:stroke fill; stroke-linejoin:round; }
html.source-page[data-transparent="0"] body { background:#16181b; }
#hh-stage [hidden] { display:none; }
.hh-top { position:absolute; left:48px; right:48px; top:38px; display:flex; justify-content:space-between; align-items:flex-start; }
.hh-brand { color:#ffd43b; font-size:26px; letter-spacing:5px; margin:0 0 8px; }
.hh-top h1 { font-size:96px; line-height:1; margin:0; letter-spacing:-4px; }
.hh-top h1 span { color:#ffd43b; }
.hh-clock { text-align:right; font-variant-numeric:tabular-nums; }
.hh-clock strong { display:block; font-size:78px; line-height:1.05; color:#ffd43b; }
.hh-clock span { font-size:28px; display:block; margin-top:10px; letter-spacing:2px; }
.hh-hud { position:absolute; top:205px; left:48px; right:48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hh-hud p { margin:0; font-size:30px; }
.hh-hud > p { display:flex; align-items:baseline; gap:18px; }
.hh-hud > p b { font-size:78px; line-height:1; }
.hh-hud span { font-size:26px; color:#ffd43b; }
.hh-hud > div { display:flex; gap:28px; }
.hh-hud > div b { color:#ffd43b; }
.hh-stack { position:absolute; top:305px; left:48px; right:48px; margin:0; font-size:28px; letter-spacing:2px; text-align:center; color:#ffd43b; }
.hh-legend { position:absolute; top:385px; left:60px; right:60px; text-align:center; background:transparent; }
.hh-legend h2 { font-size:42px; color:#ffd43b; margin:0; line-height:1.1; }
.hh-sub { font-size:30px; margin:14px 0 24px; }
#legend-rows { display:flex; flex-direction:column; gap:14px; }
.hh-row { display:grid; grid-template-columns:76px 1fr; align-items:center; gap:16px; border:4px solid #ffd43b; border-radius:24px; padding:12px 18px; text-align:left; }
.hh-row .icon { width:72px; height:72px; display:flex; align-items:center; justify-content:center; font-size:44px; }
.hh-row .icon img { width:70px; height:70px; object-fit:contain; }
.hh-row b { display:block; font-size:34px; line-height:1.05; }
.hh-row i { display:block; font-style:normal; font-size:26px; line-height:1.2; margin-top:5px; }
.hh-prompt { color:#ffd43b; font-size:32px; margin:18px 0 0; }
.hh-field { position:absolute; top:365px; left:48px; width:984px; height:1032px; border:5px solid #c18e48; border-radius:18px; background:repeating-linear-gradient(0deg, #d4a66d 0 12px, #d9af7a 12px 16px); padding:7px; }
.hh-cells { height:100%; display:grid; grid-template-columns:repeat(12, 1fr); grid-template-rows:repeat(16, 1fr); gap:5px; }
.hh-cell { position:relative; min-width:0; min-height:0; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.hh-cell.hay { border:3px solid #b47a22; background:repeating-linear-gradient(8deg, #edba49 0 5px, #f7d67b 5px 8px, #dba439 8px 10px); box-shadow:inset 0 -7px 0 #cb9030; }
.hh-cell.hay::before, .hh-cell.hay::after { content:""; position:absolute; top:1px; bottom:1px; width:4px; border-radius:3px; background:#a66c2b; }
.hh-cell.hay::before { left:23%; }
.hh-cell.hay::after { right:23%; }
.hh-cell span { position:relative; z-index:1; font-size:20px; line-height:1.2; -webkit-text-stroke:4px #25263e; max-width:100%; padding:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hh-cell.raked { outline:3px solid #fff2bd; }
.hh-cell.buried { outline:4px solid #ff9376; }
.hh-field.with-legend { top:1130px; height:282px; }
.hh-field.with-legend .hh-cells { gap:3px; }
.hh-field.with-legend .hh-cell { border-width:1px; border-radius:3px; box-shadow:none; }
.hh-field.with-legend .hh-cell span { display:none; }
.hh-needle { position:absolute; width:70px; height:150px; transform:translate(-50%, -65%); z-index:2; filter:drop-shadow(0 0 12px #fff0ac); }
.hh-needle svg { width:100%; height:100%; }
.hh-quick { position:absolute; left:48px; right:48px; top:1420px; display:flex; justify-content:space-between; gap:16px; }
.hh-quick span { font-size:23px; color:#ffd43b; }
.hh-result { position:absolute; left:60px; right:60px; top:400px; min-height:850px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:transparent; }
.hh-crown { font-size:220px; color:#ffd43b; margin:0; line-height:1; }
.hh-trophy { position:relative; width:330px; }
.hh-found-needle { position:absolute; right:-30px; top:30px; width:80px; height:175px; rotate:22deg; filter:drop-shadow(0 0 14px #ffd43b); animation:hh-glint .8s ease-out both; }
@keyframes hh-glint { from { opacity:0; scale:.5; } to { opacity:1; scale:1; } }
html[data-reduced-motion="1"] .hh-found-needle { animation:none; }
.hh-kicker { font-size:42px; letter-spacing:7px; color:#ffd43b; margin:28px 0; }
#finder { font-size:126px; line-height:1.05; margin:0; width:100%; overflow-wrap:anywhere; }
#result-detail { font-size:46px; margin:30px 0 0; }
#result-next { font-size:34px; margin:20px 0 0; }
.hh-result.lost { top:400px; min-height:590px; }
.hh-result.lost #finder { font-size:90px; }
.hh-queue { position:absolute; left:48px; right:48px; top:1480px; margin:0; text-align:center; color:#ffd43b; font-size:32px; }
.hh-leaders { position:absolute; left:60px; right:60px; top:1550px; text-align:center; }
.hh-leaders h2 { font-size:26px; letter-spacing:3px; color:#ffd43b; margin:0 0 12px; }
.hh-leaders ol { display:flex; justify-content:center; gap:26px; list-style:none; margin:0; padding:0; }
.hh-leaders li { font-size:28px; max-width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hh-leaders li:only-child { max-width:100%; }
.hh-callout { position:absolute; left:60px; right:60px; top:1670px; margin:0; text-align:center; color:#ffd43b; font-size:40px; line-height:1.15; overflow-wrap:anywhere; }
.hh-mode { position:absolute; top:1770px; left:40px; right:40px; font-size:24px; letter-spacing:3px; text-align:center; color:#ffd43b; }
.hh-recent { position:absolute; top:1810px; left:65px; right:65px; display:flex; align-items:center; justify-content:center; gap:14px; font-size:24px; text-align:center; margin:0; }
.hh-recent .tt-core-avatar { background:transparent; border:2px solid #ffd43b; flex:none; }
.hh-footer { position:absolute; left:20px; right:20px; top:1880px; font-size:21px; text-align:center; margin:0; -webkit-text-stroke:5px #25263e; }
.hh-callout:empty, .hh-recent:empty, .hh-queue:empty, .hh-mode:empty { display:none; }
.source-page #hh-stage .tt-core-overlay-status { position:absolute; left:48px; top:1690px; width:984px; max-width:none; transform:none; margin:0; z-index:4; background:transparent; border:0; }
.source-page #hh-stage .tt-core-notice { font-size:28px; font-weight:900; padding:12px; background:transparent; border:0; box-shadow:none; }
.source-page #hh-stage .tt-core-notice strong { font-size:30px; }
#hh-stage:has(.tt-core-status[data-mode="live"][data-connected="false"]) :is(.hh-callout, .hh-mode, .hh-recent) { display:none; }