/* Only Crossing Cluck's art and overlay. The pinned shared shell is unchanged. */
html.tt-shell .gift-copy small { display:block; color:var(--muted); font-size:14px; margin-top:5px; }
html.source-page { color-scheme:dark; }
.source-page #cluck-stage { position:absolute; width:1080px; height:1920px; transform-origin:top left; color:#fff9e7; font-family:Inter,"Segoe UI",sans-serif; }
.source-page #cluck-stage * { box-sizing:border-box; }
#cluck-stage h1, #cluck-stage p, #cluck-stage strong, #cluck-stage span, #cluck-stage b { text-shadow:0 2px 2px #171c21,2px 0 2px #171c21,-2px 0 2px #171c21,0 -2px 2px #171c21; }
.cc-mode { position:absolute; top:18px; width:100%; text-align:center; font-size:22px; font-weight:750; color:#ffd43b; text-shadow:0 2px 3px #111; }
.cc-heading { position:absolute; top:85px; left:48px; right:48px; }
.cc-heading p { margin:0 0 12px; font-size:24px; font-weight:800; letter-spacing:4px; color:#ffd43b; }
.cc-heading p span { color:#e4e8db; letter-spacing:3px; }
.cc-heading h1 { margin:0; font-size:78px; line-height:1.1; letter-spacing:-4px; font-weight:900; }
.cc-heading h1 span { color:#ffd43b; }
.cc-scores { position:absolute; top:242px; left:48px; right:48px; display:flex; justify-content:space-between; align-items:start; }
.cc-scores p { margin:0; font-size:22px; font-weight:750; letter-spacing:2px; }
.cc-scores strong { display:inline-block; font-size:106px; letter-spacing:-6px; color:#ffd43b; line-height:1.05; font-weight:900; font-variant-numeric:tabular-nums; }
.cc-scores span { margin-left:22px; font-size:25px; color:#eee8d7; }
.cc-best { text-align:right; }
.cc-best strong { font-size:68px; margin-top:8px; letter-spacing:-3px; color:#fff9e7; }
.cc-best span { display:block; margin:8px 0 0; font-size:20px; letter-spacing:3px; }
.cc-cadence { position:absolute; top:405px; left:48px; right:48px; display:flex; align-items:center; gap:24px; font-size:21px; font-weight:750; text-shadow:0 2px 2px #111; }
.cc-cadence span { white-space:nowrap; }
.cc-cadence b { color:#ffd43b; }
.cc-cadence > div { flex:1; height:6px; border-radius:6px; background:#d9e2bf40; overflow:hidden; }
.cc-cadence i { display:block; height:100%; background:#ffd43b; }
#shield-count { color:#b3efe2; }
.cc-field { position:absolute; top:458px; left:40px; right:40px; height:1056px; overflow:hidden; border-radius:28px; outline:2px solid #d4e8a04a; }
.cc-field canvas { display:block; width:100%; height:100%; }
.cc-field-edge { position:absolute; inset:0; border-radius:28px; box-shadow:inset 0 0 0 5px #11171a20; pointer-events:none; }
.cc-field:has(.cc-result:not([hidden])) canvas { filter:saturate(.6) brightness(.65); }
.cc-result { position:absolute; inset:220px 20px auto; text-align:center; font-weight:850; }
.cc-result[hidden] { display:none; }
.cc-result p { margin:18px 0; font-size:34px; letter-spacing:3px; }
.cc-result strong { display:block; font-size:120px; line-height:1.2; color:#ffd43b; letter-spacing:-5px; -webkit-text-stroke:2px #292a20; }
.cc-result span { font-size:28px; }
.cc-result #result-best { color:#b3efe2; }
.cc-result #next-run { margin-top:50px; font-size:28px; letter-spacing:0; }
.cc-status { position:absolute; top:1532px; left:40px; right:40px; margin:0; font-size:31px; font-weight:850; text-align:center; color:#ffd43b; }
.cc-gifts { position:absolute; top:1598px; left:48px; right:48px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.cc-gift { position:relative; text-align:center; padding:0 4px; }
.cc-gift + .cc-gift { border-left:1px solid #dce4c64d; }
.cc-gift img { width:60px; height:60px; object-fit:contain; vertical-align:middle; margin-right:10px; }
.cc-gift strong { display:inline-block; font-size:31px; color:#fff9e7; vertical-align:middle; }
.cc-gift p { font-size:25px; line-height:1.35; margin:12px 0 0; color:#ffe589; font-weight:700; }
.cc-gift small { display:block; font-size:21px; margin-top:8px; color:#f3eddb; text-shadow:0 2px 2px #111,2px 0 2px #111,-2px 0 2px #111; }
.cc-gift[data-active=true] strong { color:#ffd43b; }
.cc-recent { position:absolute; top:1820px; left:40px; right:40px; text-align:center; font-size:23px; font-weight:650; margin:0; color:#d5eadc; }
.cc-footer { position:absolute; bottom:22px; width:100%; font-size:20px; text-align:center; color:#dbdecf; text-shadow:0 2px 2px #111,2px 0 2px #111,-2px 0 2px #111; }
@media(prefers-reduced-motion:reduce) { .cc-gift { transition:none; } }