#hhcntp-game{--ntp-ink:#292929;--ntp-red:#aa1f15;--ntp-coral:#f0a18c;--ntp-paper:#fff8f3;--ntp-border:#dcb8aa;max-width:1320px;margin:0 auto 30px;background:var(--ntp-paper)!important;color:var(--ntp-ink)!important;font:16px/1.6 Arial,Helvetica,sans-serif;border:1px solid #d2b6aa;border-radius:2px;box-sizing:border-box;isolation:isolate;overflow:clip;text-align:left}
#hhcntp-game *,#hhcntp-game *::before,#hhcntp-game *::after{box-sizing:border-box}
#hhcntp-game h1,#hhcntp-game h2,#hhcntp-game h3,#hhcntp-game p,#hhcntp-game div,#hhcntp-game span,#hhcntp-game small,#hhcntp-game strong,#hhcntp-game b,#hhcntp-game button,#hhcntp-game a,#hhcntp-game summary,#hhcntp-game li,#hhcntp-game label{opacity:1!important;filter:none!important;text-shadow:none!important;font-family:inherit;float:none!important}
#hhcntp-game h1,#hhcntp-game h2,#hhcntp-game h3{padding:0!important;color:inherit!important;text-transform:none;line-height:1.2!important;width:auto!important;clear:none!important;font-weight:800}
#hhcntp-game h2{font-size:clamp(23px,3vw,30px)!important;margin:0 0 10px!important;letter-spacing:-.025em}
#hhcntp-game h3{font-size:19px!important;margin:0 0 8px!important;letter-spacing:-.01em}
#hhcntp-game p{padding:0!important;margin:0 0 14px!important;color:inherit!important;font-size:16px;line-height:1.65!important}
#hhcntp-game a{color:#9b251a!important;text-decoration:underline;text-underline-offset:3px}
#hhcntp-game button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fffdfb!important;color:#342a25!important;border:1px solid #bfa194;border-radius:7px;min-height:46px;padding:12px 17px;font-size:16px;line-height:1.3;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;margin:0;touch-action:manipulation}
#hhcntp-game button:hover{background:#ffe6d8!important;border-color:#a54835}#hhcntp-game button:disabled{cursor:default;color:#66584f!important;background:#ede4dd!important;border-color:#d4c1b6;opacity:1!important}
#hhcntp-game button:focus-visible,#hhcntp-game a:focus-visible,#hhcntp-game input:focus-visible,#hhcntp-game summary:focus-visible,#hhcntp-game .ntp-results:focus-visible{outline:3px solid #a22418;outline-offset:4px}
#hhcntp-game button.ntp-primary{background:#a92319!important;border-color:#a92319;color:#fff!important}#hhcntp-game button.ntp-primary:disabled{background:#d8c0b4!important;color:#55413a!important;border-color:#d8c0b4}
#hhcntp-game .ntp-link{border:0;background:transparent!important;text-decoration:underline;text-underline-offset:3px;padding:10px 5px;font-size:14px}
#hhcntp-game .ntp-hero{background:linear-gradient(90deg,#16191bd9 0%,#191b1d60 55%,transparent 80%),url('hero.jpg') center/cover!important;color:#fff5ea!important;padding:35px 5% 22px;border-bottom:6px solid #ec9179}
#hhcntp-game .ntp-hero a.ntp-eyebrow{color:#ffe4d7!important;font-size:14px;letter-spacing:.12em;font-weight:800;text-decoration:none}
#hhcntp-game .ntp-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif!important;font-size:clamp(42px,6.5vw,83px)!important;line-height:.98!important;letter-spacing:-.015em;margin:22px 0 18px!important;color:#fff8ef!important;font-weight:900}
#hhcntp-game .ntp-hero h1 span{color:#f2a18b!important}#hhcntp-game .ntp-hero>p{color:#ffe6d8!important;font-size:clamp(16px,2vw,21px);margin-bottom:28px!important}
#hhcntp-game .ntp-hero-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #f1c3ab44;font-size:14px;letter-spacing:.1em;color:#edc8b6!important;font-weight:700}
#hhcntp-game .ntp-body{padding:25px 5% 15px;background:radial-gradient(ellipse at 100% 0,#f7b9a366,transparent 50%),#fff8f3!important}
#hhcntp-game .ntp-toolbar{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}#hhcntp-game .ntp-segments{display:flex;padding:4px;gap:4px;background:#eecbbd!important;border-radius:10px}
#hhcntp-game .ntp-segments button{background:transparent!important;border-color:transparent;min-width:85px}#hhcntp-game .ntp-segments button[aria-pressed=true]{background:#fffdf9!important;box-shadow:0 2px 5px #5a312322}
#hhcntp-game .ntp-utility{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}#hhcntp-game .ntp-sound{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#hhcntp-game .ntp-sound button{font-size:14px;min-width:123px;background:#fff0e5!important}#hhcntp-game .ntp-sound label{font-size:14px;color:#654a3e!important;display:flex;align-items:center;gap:8px}#hhcntp-game input[type=range]{width:95px;accent-color:#aa1f15;cursor:pointer}
#hhcntp-game .ntp-heading{text-align:center;margin:0 auto 24px}#hhcntp-game .ntp-heading>p:last-child{font-size:14px;color:#69564b!important}#hhcntp-game p.ntp-kicker{color:#9d2c1b!important;font-size:14px!important;font-weight:800;letter-spacing:.1em;margin-bottom:8px!important}
#hhcntp-game .ntp-stats{display:flex;max-width:550px;margin:0 auto 28px;padding:16px 0;border-top:1px solid var(--ntp-border);border-bottom:1px solid var(--ntp-border);text-align:center}#hhcntp-game .ntp-stats>div{flex:1;border-right:1px solid #dfc2b4}#hhcntp-game .ntp-stats>div:last-child{border:0}#hhcntp-game .ntp-stats strong{display:block;font-size:26px;line-height:1.3;color:#302722!important}#hhcntp-game .ntp-stats span{font-size:14px;color:#6a5144!important}
#hhcntp-game .ntp-play{max-width:980px;margin:auto}#hhcntp-game .ntp-progress{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;scroll-margin-top:20px;font-size:16px;color:#5c3c2f!important}#hhcntp-game .ntp-progress b{font-size:22px}#hhcntp-game .ntp-score{font-weight:800;color:#8d2719!important}#hhcntp-game .ntp-lives{letter-spacing:3px;color:#ac3322!important;font-size:20px}#hhcntp-game .ntp-lives small{font-size:14px;letter-spacing:0;margin-left:8px;color:#664537!important}
#hhcntp-game p.ntp-message{display:flex;justify-content:center;align-items:center;text-align:center;min-height:56px;font-size:16px;margin:12px 0 18px!important;padding:12px!important;border:1px solid #e4c9b9;border-radius:7px;background:#ffede0!important;color:#573c30!important;scroll-margin-top:20px}
#hhcntp-game p.ntp-error{background:#9e291c!important;border-color:#9e291c;color:#fff!important;font-weight:700}#hhcntp-game p.ntp-success{background:#e3f0e4!important;border-color:#8aac8b;color:#23572d!important;font-weight:700}
#hhcntp-game .ntp-column-heads{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:12px}#hhcntp-game .ntp-column-heads h3{font-size:14px!important;letter-spacing:.12em;color:#8c3724!important;margin:0!important}
#hhcntp-game .ntp-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#hhcntp-game .ntp-songs,#hhcntp-game .ntp-options{display:grid;grid-template-rows:repeat(5,minmax(100px,auto));gap:12px}
#hhcntp-game button.ntp-card{width:100%;justify-content:flex-start;text-align:left;padding:18px 16px;background:#fffdfa!important;border:1px solid #ccafa0;border-left:4px solid #d8a18a;min-height:104px;border-radius:9px;position:relative}
#hhcntp-game .ntp-card>span:last-child{min-width:0}#hhcntp-game .ntp-card strong{display:block;font-size:18px;font-weight:800;color:#302823!important;line-height:1.3;overflow-wrap:anywhere}#hhcntp-game .ntp-card small{display:block;margin-top:7px;font-size:14px;color:#6a5144!important;font-weight:400;line-height:1.5}#hhcntp-game .ntp-card em{display:block;font-size:14px;font-style:normal;color:#315b36!important;font-weight:600;margin-top:7px;line-height:1.4}
#hhcntp-game .ntp-card-no{font-size:14px;color:#a34d35!important;align-self:flex-start;line-height:1.8;flex:0 0 27px}#hhcntp-game .ntp-pad{display:flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border:1px solid #bf7a63;border-radius:5px;background:#f8d6c5!important;color:#9c3a25!important;font-size:24px}
#hhcntp-game button.ntp-selected{background:#ffe1cd!important;border:2px solid #a3291c;border-left-width:4px;box-shadow:0 0 0 3px #e9a98d55}
#hhcntp-game button.ntp-locked{background:#e8f0e5!important;border-color:#9db395;border-left-color:#4a784b;color:#315436!important}#hhcntp-game .ntp-locked .ntp-card-no,#hhcntp-game .ntp-locked .ntp-pad{color:#315436!important}
#hhcntp-game .ntp-submit{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 5px}#hhcntp-game .ntp-submit .ntp-primary{min-width:250px}#hhcntp-game .ntp-reveal{display:block;margin:auto}
#hhcntp-game .ntp-results{max-width:980px;margin:0 auto 30px;padding:25px;border:1px solid #dbb19c;border-left:5px solid #aa1f15;border-radius:10px;background:linear-gradient(130deg,#fffdf9,#ffe9dc)!important;color:#332921!important;scroll-margin-top:20px}#hhcntp-game .ntp-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 16px}#hhcntp-game .ntp-result-actions button{flex:1;min-width:150px}
#hhcntp-game .ntp-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--ntp-border);padding-bottom:20px;margin-bottom:22px;font-size:14px;color:#664536!important}#hhcntp-game .ntp-share button{font-size:14px;min-width:65px}
#hhcntp-game .ntp-answer-key{display:grid;grid-template-columns:1fr 1fr;gap:24px}#hhcntp-game .ntp-answer-key article{border-bottom:1px solid #dfc2b1;padding-bottom:16px}#hhcntp-game .ntp-answer-key h3{font-size:21px!important}#hhcntp-game .ntp-answer-key p{font-size:16px;margin-bottom:10px!important}#hhcntp-game p.ntp-answer-artist{color:#7b4a35!important}#hhcntp-game .ntp-answer-key small{display:block;color:#6c5143!important;font-size:14px}#hhcntp-game .ntp-answer-key summary{cursor:pointer;padding:10px 0;min-height:44px;font-size:14px;color:#8c2c1c!important}#hhcntp-game .ntp-answer-key a{font-size:14px}
#hhcntp-game .ntp-finished{border-top:1px solid var(--ntp-border);padding-top:20px}#hhcntp-game .ntp-help{max-width:900px;margin:0 auto 25px;padding:24px;border:1px solid #d9a38b;border-radius:8px;background:#fff1e6!important;color:#453229!important}#hhcntp-game .ntp-help ol{padding-left:25px;margin:10px 0 20px}#hhcntp-game .ntp-help li{font-size:16px;line-height:1.65;margin:0 0 10px;color:#453229!important}
#hhcntp-game .ntp-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--ntp-border);color:#6d4e3e!important}#hhcntp-game .ntp-footer p{font-size:14px;margin-bottom:5px!important}#hhcntp-game .ntp-footer p:last-child{max-width:750px;margin:5px auto 0!important}
#hhcntp-game .ntp-notice{padding:14px!important;border:1px solid #d7aa8b;border-radius:6px;background:#fff0da!important;color:#64432d!important}#hhcntp-game .ntp-copy{display:block;width:100%;min-height:140px;padding:12px;background:#fff!important;color:#222!important;font-size:16px}
#hhcntp-game.ntp-contrast button.ntp-selected{border-color:#155ba3;background:#e3f0ff!important}#hhcntp-game.ntp-contrast button.ntp-locked{border-color:#155ba3;background:#e0edfa!important}#hhcntp-game.ntp-contrast .ntp-card em{color:#174a80!important}
body:has(#hhcntp-game) h1.zox-post-title.entry-title{display:none!important}
@media(max-width:650px){#hhcntp-game .ntp-hero{padding:28px 6% 20px;background-position:62% center!important}#hhcntp-game .ntp-hero h1{font-size:clamp(38px,8.5vw,54px)!important;max-width:75%}#hhcntp-game .ntp-hero-bottom>span:last-child{display:none}#hhcntp-game .ntp-hero-bottom{font-size:14px;letter-spacing:.03em}#hhcntp-game .ntp-body{padding:19px 4% 12px}#hhcntp-game .ntp-toolbar{gap:8px}#hhcntp-game .ntp-segments button{padding:10px 13px;font-size:14px;min-width:72px}#hhcntp-game .ntp-utility{gap:5px 14px}#hhcntp-game .ntp-match-grid,#hhcntp-game .ntp-column-heads{gap:10px}#hhcntp-game .ntp-column-heads h3{font-size:14px!important;letter-spacing:0}#hhcntp-game .ntp-songs,#hhcntp-game .ntp-options{gap:10px;grid-template-rows:repeat(5,minmax(145px,auto))}#hhcntp-game button.ntp-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 10px;min-height:145px;border-left-width:3px;gap:7px}#hhcntp-game .ntp-card strong{font-size:16px;line-height:1.35}#hhcntp-game .ntp-card small{font-size:14px;line-height:1.4;margin-top:5px}#hhcntp-game .ntp-card-no{line-height:1;flex:0 0 auto}#hhcntp-game .ntp-pad{width:27px;height:27px;flex:0 0 27px;font-size:21px}#hhcntp-game .ntp-progress{font-size:14px;gap:8px}#hhcntp-game .ntp-lives{font-size:18px;letter-spacing:1px}#hhcntp-game .ntp-lives small{margin-left:4px}#hhcntp-game .ntp-answer-key{grid-template-columns:1fr;gap:20px}#hhcntp-game .ntp-results{padding:20px 16px}#hhcntp-game .ntp-result-actions button{min-width:120px}#hhcntp-game .ntp-submit .ntp-primary{width:100%}#hhcntp-game .ntp-submit{position:sticky;bottom:8px;z-index:3;padding:8px;border:1px solid #d6b09b;border-radius:9px;background:#fff6efed;backdrop-filter:blur(10px)}#hhcntp-game .ntp-submit>button:last-child{min-height:40px;font-size:14px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){#hhcntp-game *{transition:none!important;scroll-behavior:auto!important}}

/* Keep the submit action near the cards on long phone screens. */
#hhcntp-game .ntp-command{position:sticky;top:8px;z-index:5;background:#fff6eeed;backdrop-filter:blur(10px);border:1px solid #d6b09b;border-radius:8px;padding:8px;margin:12px 0 18px}
#hhcntp-game .ntp-command p.ntp-message{margin:0 0 8px!important;min-height:48px}
#hhcntp-game .ntp-command .ntp-submit{position:static;margin:0;padding:0;border:0;background:transparent;flex-wrap:nowrap}
#hhcntp-game .ntp-command .ntp-submit .ntp-primary{min-width:0;flex:1}
body.admin-bar #hhcntp-game .ntp-command{top:40px}
@media(max-width:782px){body.admin-bar #hhcntp-game .ntp-command{top:54px}}
@media(max-width:650px){#hhcntp-game .ntp-command .ntp-submit .ntp-primary{width:auto;font-size:14px;padding:10px}#hhcntp-game .ntp-command .ntp-submit>button:last-child{font-size:14px;padding:10px;min-height:46px}#hhcntp-game .ntp-command p.ntp-message{font-size:14px}}

/* Canadian connections are a separate marker from the lead-artist pool filter. */
#hhcntp-game .ntp-maple{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;margin-left:7px;width:19px;height:21px;line-height:1;flex:0 0 19px}
#hhcntp-game .ntp-maple svg{display:block;width:19px;height:21px;fill:#bd211b!important;color:#bd211b!important;opacity:1!important;filter:none!important}
#hhcntp-game p.ntp-canada-legend{font-size:14px;line-height:1.5!important;color:#684b3d!important;margin:0 0 16px!important;display:flex;gap:7px;align-items:center}
#hhcntp-game .ntp-canada-legend .ntp-maple{margin:0}
#hhcntp-game a.ntp-listen{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #d6a38d;border-radius:6px;background:#fff7ef!important;color:#98281b!important;font-size:16px;font-weight:700;text-decoration:none}
#hhcntp-game a.ntp-listen:hover{background:#ffe4d3!important}
#hhcntp-game .ntp-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:730px}
#hhcntp-game .ntp-stats>div{padding:0 6px}
#hhcntp-game .ntp-stats .ntp-points-total strong{color:#9e2a1c!important}
@media(max-width:650px){#hhcntp-game .ntp-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 0}#hhcntp-game .ntp-stats>div{grid-column:span 2}#hhcntp-game .ntp-stats>div:nth-child(3){border-right:0}#hhcntp-game .ntp-stats>div:nth-child(n+4){grid-column:span 3;padding-top:10px;border-top:1px solid #dfc2b4}}

#hhcntp-game .ntp-maple svg path{fill:#bd211b!important;opacity:1!important}

/* Original supplied Canadian maple leaf, kept as a transparent image. */
#hhcntp-game .ntp-maple{width:22px;height:23px;flex-basis:22px}
#hhcntp-game .ntp-maple img{display:block!important;width:22px!important;height:23px!important;max-width:none!important;object-fit:contain;opacity:1!important;filter:none!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
#hhcntp-game .ntp-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:730px;margin:-12px auto 28px;gap:10px;text-align:center}
#hhcntp-game .ntp-records>div{padding:14px 8px;border:1px solid #dfc0b0;border-radius:7px;background:#fff1e5!important;color:#4f3024!important}
#hhcntp-game .ntp-records strong{display:block;font-size:25px;line-height:1.3;color:#922b1d!important}
#hhcntp-game .ntp-records strong small{font-size:14px;color:#735044!important;font-weight:400}
#hhcntp-game .ntp-records span{display:block;font-size:14px;line-height:1.4;margin-top:5px;color:#624637!important}
#hhcntp-game p.ntp-personal-record{padding:11px 14px!important;border:1px solid #c78562;border-radius:6px;background:#ffe2ca!important;color:#852b19!important;font-weight:700}
#hhcntp-game .ntp-pad.ntp-pad-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px;padding:4px;background:#392b27!important;border-color:#735345}
#hhcntp-game .ntp-pad-grid i{display:block;background:#d49d86;border-radius:1px;opacity:1!important}
#hhcntp-game .ntp-pad-grid i:nth-child(4n+1){background:#b56450}
@media(prefers-reduced-motion:no-preference){
 #hhcntp-game .ntp-hit .ntp-pad{animation:ntp-pad-pulse .75s ease-out 1}
 #hhcntp-game .ntp-result-hit{animation:ntp-result-pulse .75s ease-out 1}
}
@keyframes ntp-pad-pulse{0%{box-shadow:0 0 0 0 #d9513477;background:#fcb493;color:#80200e}35%{box-shadow:0 0 0 8px #d9513422,0 0 18px #e96c4999;background:#ffbf9c}100%{box-shadow:0 0 0 13px transparent}}
@keyframes ntp-result-pulse{0%{box-shadow:0 0 0 0 #d9513455}45%{box-shadow:0 0 0 5px #d9513422}100%{box-shadow:0 0 0 8px transparent}}
@media(max-width:420px){#hhcntp-game .ntp-records{gap:6px}#hhcntp-game .ntp-records>div{padding:12px 5px}#hhcntp-game .ntp-records strong{font-size:23px}}
