/* Scoped colours protect legibility against ZoxPress light/dark theme overrides. */
#hhccf-game{--cf-ink:#242526;--cf-muted:#63534f;--cf-paper:#fff8f4;--cf-line:#d9b8ad;--cf-red:#aa1f15;--cf-coral:#ef927f;--cf-green:#276f59;--cf-gold:#f3c77f;--cf-grey:#dacfc9;max-width:1320px;margin:0 auto 36px;background:var(--cf-paper)!important;color:var(--cf-ink)!important;font:16px/1.55 Arial,Helvetica,sans-serif;border:1px solid #d8b5ab;isolation:isolate;box-sizing:border-box;overflow:hidden;text-align:left}
#hhccf-game *,#hhccf-game *::before,#hhccf-game *::after{box-sizing:border-box}
#hhccf-game h1,#hhccf-game h2,#hhccf-game h3,#hhccf-game p,#hhccf-game span,#hhccf-game small,#hhccf-game strong,#hhccf-game b,#hhccf-game button,#hhccf-game a,#hhccf-game summary{opacity:1!important;filter:none!important;text-shadow:none!important;font-family:inherit}
#hhccf-game h1,#hhccf-game h2,#hhccf-game h3{float:none!important;width:auto!important;clear:none!important;text-transform:none;letter-spacing:-.03em;padding:0!important;color:inherit!important}
#hhccf-game h2{font-size:clamp(21px,3vw,29px)!important;line-height:1.17!important;margin:0 0 10px!important;font-weight:800!important}
#hhccf-game h3{font-size:20px!important;line-height:1.2!important;margin:4px 0 8px!important;font-weight:800!important}
#hhccf-game p{padding:0!important;margin:0 0 14px!important;color:inherit!important;font-size:inherit;line-height:inherit}
#hhccf-game button{appearance:none;float:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c2a298;border-radius:7px;background:#fffaf7!important;color:#302725!important;font-size:14px;font-weight:700;line-height:1.2;padding:12px 16px;min-height:44px;cursor:pointer;margin:0;box-shadow:none;letter-spacing:0;text-transform:none;touch-action:manipulation}
#hhccf-game button:hover{border-color:#9b3c2c;background:#ffe2d5!important}
#hhccf-game button:focus-visible,#hhccf-game a:focus-visible,#hhccf-game summary:focus-visible,#hhccf-game .cf-result:focus-visible{outline:3px solid #9b251c;outline-offset:4px}
#hhccf-game button.cf-primary{background:#a92319!important;border-color:#a92319;color:#fff!important}
#hhccf-game .cf-link{border:0;background:transparent!important;text-decoration:underline;text-underline-offset:3px;padding:10px 6px;min-height:44px}
#hhccf-game a{color:#9b261c!important;text-decoration:underline;text-underline-offset:3px}
#hhccf-game .cf-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#c35543 0,transparent 52%),linear-gradient(110deg,#232425 10%,#462826 61%,#9c4134 100%)!important;color:#fff3e8!important;padding:40px 5% 22px;border-bottom:6px solid #ee8a77}
#hhccf-game .cf-network{position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 49.6%,#f3b09a33 50%,transparent 50.4%),linear-gradient(150deg,transparent 49.6%,#f3b09a22 50%,transparent 50.4%),radial-gradient(circle,#f9b3a066 1px,transparent 2px);background-size:100px 110px,100px 110px,100px 110px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;transform:skewX(-9deg) scale(1.1)}
#hhccf-game .cf-hero>*:not(.cf-network){position:relative}
#hhccf-game a.cf-eyebrow{font-size:14px;font-weight:800;letter-spacing:.2em;color:#ffe8df!important;text-decoration:none}
#hhccf-game p.cf-edition{float:right;color:#f6b9a7!important;font-size:14px;font-weight:800;letter-spacing:.17em;margin-top:5px!important}
#hhccf-game .cf-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif!important;font-size:clamp(54px,9.7vw,120px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.025em!important;margin:22px 0 13px!important;color:#fff8ef!important;white-space:nowrap}
#hhccf-game .cf-hero h1 span{color:#f29a84!important}
#hhccf-game p.cf-tagline{font-size:clamp(15px,2vw,20px)!important;color:#ffe4d8!important;margin:0 0 28px!important}
#hhccf-game .cf-hero-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #f5c3b344;padding-top:15px;font-size:14px;font-weight:800;letter-spacing:.15em;color:#edc5b7!important}
#hhccf-game .cf-body{padding:24px 5% 14px;background:radial-gradient(ellipse at top right,#f6b8a577,transparent 58%),#fff8f4!important}
#hhccf-game .cf-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:25px}
#hhccf-game .cf-modes{display:flex;border-radius:9px;background:#edc8ba;padding:4px;gap:3px}
#hhccf-game .cf-modes button{background:transparent!important;border-color:transparent;min-width:85px}#hhccf-game .cf-modes button[aria-pressed=true]{background:#fffaf6!important;box-shadow:0 2px 5px #6d302022}
#hhccf-game .cf-tools{display:flex;gap:12px;flex-wrap:wrap}#hhccf-game .cf-tools button{font-size:14px}
#hhccf-game .cf-heading{text-align:center;margin-bottom:22px}#hhccf-game .cf-heading>p:last-child{font-size:14px;color:var(--cf-muted)!important}
#hhccf-game p.cf-kicker{color:#9b261b!important;font-size:14px!important;font-weight:800;letter-spacing:.15em;margin:0 0 8px!important}
#hhccf-game .cf-stats{display:flex;max-width:460px;margin:0 auto 24px;border-top:1px solid #d3aaa0;border-bottom:1px solid #d3aaa0;padding:13px 0;text-align:center}
#hhccf-game .cf-stats>div{flex:1;border-right:1px solid #e1c0b3}#hhccf-game .cf-stats>div:last-child{border-right:0}#hhccf-game .cf-stats strong{display:block;font-size:24px;line-height:1.2;color:#342a28!important}#hhccf-game .cf-stats span{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#71554b!important}
#hhccf-game .cf-play-area{max-width:590px;margin:auto}#hhccf-game .cf-board-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:#63493f!important;scroll-margin-top:20px}#hhccf-game .cf-counter{background:#f6b9a4!important;border:1px solid #e39a83;border-radius:6px;padding:8px 12px;color:#632318!important}#hhccf-game .cf-counter b{font-size:22px}#hhccf-game .cf-low{background:#a82319!important;color:#fff!important}
#hhccf-game p.cf-message{font-size:14px;text-align:center;min-height:42px;display:flex;align-items:center;justify-content:center;color:#695047!important;margin:9px 0!important;padding:5px 8px!important;border-radius:5px}
#hhccf-game p.cf-error{background:#a92319!important;color:#fff!important;font-weight:700}
#hhccf-game .cf-board-wrap{width:100%;overflow-x:auto;padding:5px}
#hhccf-game .cf-board{display:grid;grid-template-columns:repeat(var(--cf-cols),minmax(0,1fr));grid-template-rows:repeat(var(--cf-rows),auto);gap:7px;width:100%;max-width:calc(var(--cf-cols)*67px);min-width:calc(var(--cf-cols)*38px);margin:0 auto;user-select:none;-webkit-user-select:none}
#hhccf-game button.cf-tile{aspect-ratio:1;padding:0;border:1px solid #b4a7a0;border-bottom-width:3px;border-radius:7px;background:var(--cf-grey)!important;color:#3a302d!important;position:relative;min-width:0;min-height:0;display:flex;font-size:clamp(21px,4vw,30px);font-weight:800;line-height:1;touch-action:none;transition:background .15s,transform .12s;cursor:grab}
#hhccf-game .cf-tile>span{font-weight:800;color:inherit!important;line-height:1}
#hhccf-game button.cf-present{background:var(--cf-gold)!important;border-color:#bc8e48;color:#442f12!important}
#hhccf-game button.cf-correct{background:var(--cf-green)!important;border-color:#1c5140;color:#fff!important;cursor:default}
#hhccf-game .cf-tile>small{position:absolute;top:3px;left:4px;font-size:14px;letter-spacing:0;font-weight:600;color:inherit!important;line-height:1}
#hhccf-game .cf-tile>i{position:absolute;bottom:2px;right:3px;font-size:14px;font-style:normal;color:inherit!important;line-height:1}
#hhccf-game button.cf-selected{outline:3px solid #a72318;outline-offset:2px;transform:translateY(-2px);box-shadow:0 4px 8px #9e2b2333;z-index:2;cursor:pointer}
#hhccf-game .cf-wait{cursor:wait!important}
#hhccf-game .cf-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:17px 0;color:#5b4239!important;font-size:14px}#hhccf-game .cf-legend>span{display:inline-flex;align-items:center;gap:5px}#hhccf-game .cf-legend i{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;font-style:normal;font-size:14px;color:#332820!important}
#hhccf-game i.cf-key-correct{background:var(--cf-green)!important;color:#fff!important}#hhccf-game i.cf-key-present{background:var(--cf-gold)!important}#hhccf-game i.cf-key-absent{background:var(--cf-grey)!important}
#hhccf-game .cf-board-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:5px 0 20px}#hhccf-game .cf-board-actions button{font-size:14px}
#hhccf-game .cf-clues{border:1px solid #d7a594;border-radius:8px;background:#ffede4!important;margin:20px 0;padding:0 15px;color:#48342c!important}
#hhccf-game summary{cursor:pointer;padding:15px 0;font-weight:800;font-size:14px;min-height:48px}#hhccf-game summary>span{display:block;font-size:14px;font-weight:400;margin-left:14px;color:#79554a!important}
#hhccf-game .cf-clue-row{border-top:1px solid #dec0b3}#hhccf-game .cf-clue-row button{width:100%;justify-content:space-between;gap:16px;background:transparent!important;border:0;padding:16px 0;text-align:left;font-size:16px;line-height:1.4}#hhccf-game .cf-clue-row small{display:block;font-size:14px;font-weight:400;color:#62463b!important;line-height:1.5;margin-top:4px}#hhccf-game .cf-clue-row strong{font-size:14px;color:#8f2118!important;white-space:nowrap}#hhccf-game .cf-clue-row p{font-size:16px;color:#302724!important;margin:0 0 15px!important}
#hhccf-game .cf-help{padding:20px;background:#ffe6d9!important;border:1px solid #d99b85;border-radius:9px;max-width:770px;margin:0 auto 25px;color:#50372d!important;font-size:14px}
#hhccf-game .cf-help h2{font-size:23px!important}#hhccf-game .cf-help p:last-child{margin-bottom:0!important}
#hhccf-game .cf-result{max-width:750px;margin:0 auto 28px;padding:24px;background:linear-gradient(130deg,#fffaf6,#ffe9de)!important;color:#302724!important;border:1px solid #d58c74;border-left:5px solid #aa291c;border-radius:10px;scroll-margin-top:20px}
#hhccf-game .cf-result>p{font-size:16px}#hhccf-game .cf-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 22px}#hhccf-game .cf-result-actions button{flex:1;min-width:130px}
#hhccf-game .cf-answers{display:grid;grid-template-columns:1fr 1fr;gap:20px}#hhccf-game .cf-answers article{border-top:1px solid #c58b76;padding-top:12px}#hhccf-game .cf-answers small{font-size:14px;color:#594239!important;font-weight:600;line-height:1.5}#hhccf-game .cf-answers p{font-size:16px;margin-bottom:0!important;line-height:1.65}
#hhccf-game .cf-ended{padding-top:15px;border-top:1px solid #dcb3a3}#hhccf-game .cf-ended .cf-tile{cursor:default}
#hhccf-game .cf-footer{text-align:center;border-top:1px solid #dcb3a3;margin-top:27px;padding:20px 0 0;color:#7b5346!important}#hhccf-game .cf-footer p{font-size:14px;margin-bottom:3px!important}#hhccf-game .cf-footer button{font-size:14px;min-height:40px}#hhccf-game p.cf-storage-note{font-size:14px;margin:4px 0 0!important}
#hhccf-game .cf-notice{padding:12px;background:#ffe4cf!important;border:1px solid #dfad8e;border-radius:6px;color:#6b3823!important;font-size:14px!important}
#hhccf-game .cf-failure{padding:30px}#hhccf-game .cf-copy-fallback{display:block;width:100%;min-height:110px;background:#fff!important;color:#222!important}
#hhccf-game.cf-contrast{--cf-green:#155ba3;--cf-gold:#ffb34e;--cf-grey:#e3e3e3}#hhccf-game.cf-contrast .cf-tile>i{font-size:14px;font-weight:900}#hhccf-game.cf-contrast .cf-legend i.cf-key-correct{background:#155ba3!important}
/* Hide only the theme-generated page title on a page containing this game. */
body:has(#hhccf-game) h1.zox-post-title.entry-title{display:none!important}
@media(max-width:600px){#hhccf-game .cf-body{padding:18px 4% 12px}#hhccf-game .cf-hero{padding:27px 6% 19px}#hhccf-game .cf-edition{display:none}#hhccf-game .cf-hero h1{font-size:clamp(40px,10vw,60px)!important;letter-spacing:-.035em!important;margin-top:20px!important}#hhccf-game .cf-hero-bottom{font-size:14px;letter-spacing:.04em}#hhccf-game .cf-hero-bottom>span:last-child{display:none}#hhccf-game .cf-toolbar{justify-content:center;gap:5px;margin-bottom:22px}#hhccf-game .cf-tools{justify-content:center;gap:15px}#hhccf-game .cf-heading h2{font-size:23px!important;max-width:300px;margin-left:auto!important;margin-right:auto!important}#hhccf-game .cf-board{gap:6px;max-width:calc(var(--cf-cols)*58px)}#hhccf-game button.cf-tile{font-size:clamp(20px,6vw,28px);border-radius:5px}#hhccf-game .cf-board-wrap{padding:5px}#hhccf-game .cf-result{padding:20px 16px}#hhccf-game .cf-answers{grid-template-columns:1fr;gap:16px}#hhccf-game .cf-counter{padding:6px 9px}#hhccf-game .cf-board-top{font-size:14px}#hhccf-game .cf-tile>small{font-size:14px;top:3px;left:3px}}
@media(prefers-reduced-motion:reduce){#hhccf-game *{transition:none!important;scroll-behavior:auto!important}}

/* Subtle DJ hardware, behind live header text rather than a second title image. */
#hhccf-game .cf-hero>.cf-crossfader{position:absolute!important;right:-3%;top:40px;width:49%;height:auto;max-width:640px;pointer-events:none;opacity:.55!important;mask-image:linear-gradient(90deg,transparent 0%,#000 28%);z-index:0}
#hhccf-game .cf-hero>a,#hhccf-game .cf-hero>p,#hhccf-game .cf-hero>h1,#hhccf-game .cf-hero-bottom{z-index:1}
#hhccf-game .cf-result h2,#hhccf-game .cf-answers h3{color:#302724!important}
#hhccf-game .cf-clue-row p{line-height:1.7!important}
#hhccf-game .cf-footer{color:#62473e!important}
#hhccf-game p.cf-storage-note{line-height:1.6!important;max-width:620px;margin:8px auto 0!important}
#hhccf-game .cf-stats span{letter-spacing:.03em}
@media(max-width:600px){#hhccf-game .cf-hero>.cf-crossfader{top:55px;right:-25%;width:92%;opacity:.3!important}#hhccf-game .cf-hero-bottom{letter-spacing:.02em}#hhccf-game a.cf-eyebrow{font-size:14px;letter-spacing:.1em}#hhccf-game .cf-stats span{font-size:14px;letter-spacing:0}#hhccf-game .cf-tile>small{font-size:14px;left:3px;top:3px}#hhccf-game .cf-board-actions{gap:8px}#hhccf-game .cf-clue-row button{font-size:16px;gap:10px}#hhccf-game .cf-footer button{min-height:44px}}

/* Keep the topic and optional clues in the player's line of sight above the tiles. */
#hhccf-game p.cf-word-scope{text-align:center;color:#6f281d!important;font-size:16px!important;font-weight:700;line-height:1.5!important;margin:0 0 18px!important}
#hhccf-game .cf-clues{margin:0 0 18px;padding:0 16px;border:2px solid #ad4937;border-radius:8px;background:#fffdfb!important;box-shadow:0 3px 0 #edb5a333;color:#382921!important}
#hhccf-game .cf-clues summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:72px;padding:14px 0;font-size:16px;color:#35241e!important}
#hhccf-game .cf-clues summary::-webkit-details-marker{display:none}
#hhccf-game .cf-clues summary>span{margin:0;color:inherit!important}
#hhccf-game .cf-clues .cf-clue-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:2px solid #aa3525;color:#aa3525!important;font-size:20px;font-weight:800}
#hhccf-game .cf-clues .cf-clue-heading{display:block;font-size:16px;font-weight:800;line-height:1.35}
#hhccf-game .cf-clue-heading small{display:block;margin-top:4px;font-size:14px;font-weight:400;color:#61483e!important;line-height:1.4}
#hhccf-game .cf-clues .cf-clue-arrow{margin-left:auto;font-size:26px;font-weight:400;line-height:1;color:#a12d1d!important;transition:transform .15s}
#hhccf-game .cf-clues[open] .cf-clue-arrow{transform:rotate(45deg)}
#hhccf-game .cf-clues summary:hover .cf-clue-heading{text-decoration:underline;text-underline-offset:3px}
#hhccf-game .cf-clue-list{padding-bottom:8px}
#hhccf-game p.cf-clue-note{padding:12px!important;margin:4px 0 8px!important;border-radius:5px;background:#fff0e8!important;color:#5a3c2f!important;font-size:14px!important;line-height:1.6!important}

/* Compact Games-series header; puzzle styles and controls unchanged. */
#hhccf-game .cf-hero{display:flex;align-items:center;min-height:380px;padding:28px 5% 60px;background:linear-gradient(90deg,#17131144,transparent 65%),url('crossfade-network-header.jpg') center/cover,#171311!important;border-bottom:5px solid #aa2118}
#hhccf-game .cf-hero-copy{width:58%;position:relative;z-index:1}
#hhccf-game a.cf-eyebrow{display:inline-flex;align-items:center;min-height:44px;font-size:12px!important;letter-spacing:.12em!important;line-height:1.4;color:#fff3e7!important}
#hhccf-game a.cf-eyebrow:hover{text-decoration:underline!important;text-underline-offset:5px}
#hhccf-game a.cf-eyebrow:focus-visible{outline-color:#f07a68!important}
#hhccf-game .cf-hero h1{font-size:clamp(46px,7vw,88px)!important;line-height:1.05!important;margin:12px 0 14px!important;letter-spacing:-.02em!important;color:#fff4e5!important;user-select:text}
#hhccf-game .cf-hero h1 span{color:#ef725f!important}
#hhccf-game p.cf-tagline{font-size:18px!important;font-weight:700;color:#fff1e4!important;line-height:1.5!important;margin:0!important;user-select:text}
#hhccf-game .cf-hero>.cf-hero-bottom{position:absolute;left:5%;right:5%;bottom:18px;margin:0!important;padding-top:12px;font-size:14px!important;letter-spacing:.06em!important}
@media(max-width:640px){#hhccf-game .cf-hero{min-height:300px;padding:22px 6% 54px;background-image:linear-gradient(90deg,#171311ed,#171311ad 60%,#17131155),url('crossfade-network-header.jpg')!important;background-position:70% center!important}#hhccf-game .cf-hero-copy{width:100%}#hhccf-game .cf-hero h1{font-size:clamp(38px,12vw,66px)!important;margin:10px 0 14px!important}#hhccf-game p.cf-tagline{font-size:18px!important}#hhccf-game a.cf-eyebrow{font-size:12px!important;letter-spacing:.1em!important}#hhccf-game .cf-hero>.cf-hero-bottom{left:6%;right:6%;font-size:14px!important;letter-spacing:0!important}#hhccf-game .cf-hero-bottom span:last-child{display:none}}