.tpc-harlem-crossword{
  --harlem-navy:#101b2d;
  --harlem-blue:#17344b;
  --harlem-purple:#4d275f;
  --harlem-gold:#d9aa2f;
  --harlem-cream:#f4ead2;
  --harlem-paper:#fffdf7;
  --harlem-black:#111;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  background:var(--harlem-cream);
  color:var(--harlem-black);
  font-family:Arial,Helvetica,sans-serif;
  overflow:hidden;
}
.tpc-harlem-crossword *{box-sizing:border-box}
.tpc-harlem-crossword .harlem-hero{
  position:relative;
  min-height:300px;
  padding:46px 36px 38px;
  color:#fff;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(16,27,45,.97),rgba(77,39,95,.9)),
    repeating-linear-gradient(-18deg,transparent 0 28px,rgba(217,170,47,.08) 29px 31px);
  border-bottom:8px solid var(--harlem-gold);
}
.tpc-harlem-crossword .harlem-hero:before,
.tpc-harlem-crossword .harlem-hero:after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.22;
}
.tpc-harlem-crossword .harlem-hero:before{
  width:55%;height:150%;right:-15%;top:-45%;
  background:var(--harlem-gold);
  transform:rotate(17deg);
  clip-path:polygon(8% 0,100% 0,85% 100%,0 92%);
}
.tpc-harlem-crossword .harlem-hero:after{
  width:70%;height:35px;left:-5%;bottom:30px;background:#fff;
  transform:rotate(-3deg);
  clip-path:polygon(0 18%,8% 4%,20% 15%,33% 0,48% 17%,63% 5%,80% 20%,100% 3%,96% 92%,76% 80%,60% 96%,43% 82%,26% 94%,10% 78%,0 90%);
}
.tpc-harlem-crossword .eyebrow{position:relative;z-index:2;color:var(--harlem-gold);font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.tpc-harlem-crossword .hero-title{position:relative;z-index:2;max-width:760px;margin:9px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,7vw,78px);line-height:.9;letter-spacing:-2px;text-transform:uppercase;color:#fff}
.tpc-harlem-crossword .hero-title span{color:var(--harlem-gold)}
.tpc-harlem-crossword .hero-subtitle{position:relative;z-index:2;max-width:600px;margin:18px 0 0;font-size:16px;line-height:1.5}
.tpc-harlem-crossword .hero-badge{position:absolute;z-index:3;right:34px;bottom:30px;width:112px;height:112px;border:4px solid var(--harlem-gold);border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(16,27,45,.88);color:var(--harlem-gold);font-size:12px;font-weight:900;letter-spacing:1px;line-height:1.15;text-transform:uppercase;transform:rotate(7deg)}
.tpc-harlem-crossword .harlem-collage{display:grid;grid-template-columns:1.1fr 1.6fr 1.1fr;min-height:115px}
.tpc-harlem-crossword .collage-panel{min-height:115px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.tpc-harlem-crossword .collage-left{background:#222;color:#fff}
.tpc-harlem-crossword .collage-center{background:var(--harlem-gold);color:#111;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,34px)}
.tpc-harlem-crossword .collage-right{background:var(--harlem-purple);color:#fff}
.tpc-harlem-crossword .crossword-page{background:var(--harlem-paper);padding:30px clamp(16px,4vw,42px) 45px}
.tpc-harlem-crossword .intro{max-width:820px;margin:0 auto 28px;text-align:center;color:#333;font-size:16px;line-height:1.55}
.tpc-harlem-crossword .intro strong{color:var(--harlem-purple)}
.tpc-harlem-crossword .game{display:grid;grid-template-columns:minmax(320px,610px) minmax(280px,1fr);gap:34px;align-items:start}
.tpc-harlem-crossword .grid-wrap{position:relative;padding:16px;background:var(--harlem-navy);box-shadow:12px 12px 0 var(--harlem-gold)}
.tpc-harlem-crossword #crossword{display:grid;grid-template-columns:repeat(15,1fr);width:100%;aspect-ratio:1/1;border:3px solid #111;background:#111}
.tpc-harlem-crossword .cell{position:relative;border:1px solid #333;background:#fff;min-width:0;min-height:0}
.tpc-harlem-crossword .cell.block{background:#111}
.tpc-harlem-crossword .cell input{width:100%;height:100%;border:0;padding:0;background:transparent;text-align:center;text-transform:uppercase;font-weight:800;font-size:clamp(14px,2.4vw,27px);outline:none;caret-color:transparent}
.tpc-harlem-crossword .cell .num{position:absolute;left:3px;top:2px;font-size:clamp(7px,1vw,10px);line-height:1;z-index:2;pointer-events:none;font-weight:700}
.tpc-harlem-crossword .cell.entry-highlight{background:#fff3bf}
.tpc-harlem-crossword .cell.active{background:#e3c04e}
.tpc-harlem-crossword .cell.correct{background:#d8efd9}
.tpc-harlem-crossword .cell.wrong{background:#f3cccc}
.tpc-harlem-crossword .note{margin:14px 0 16px;text-align:center;color:#ddd;font-size:12px}
.tpc-harlem-crossword .controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tpc-harlem-crossword button{border:0;border-radius:0;padding:11px 15px;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.tpc-harlem-crossword button.primary{background:var(--harlem-gold);color:#111}
.tpc-harlem-crossword button.secondary{background:#fff;color:#111}
.tpc-harlem-crossword button.light{background:#5d4966;color:#fff}
.tpc-harlem-crossword button:focus{outline:3px solid #fff;outline-offset:2px}
.tpc-harlem-crossword #status{margin:15px auto 0;min-height:24px;text-align:center;color:#fff;font-weight:800}
.tpc-harlem-crossword .clues{display:grid;grid-template-columns:1fr;gap:18px}
.tpc-harlem-crossword .clue-section{border-top:5px solid var(--harlem-purple);padding:16px 18px 8px;background:#f6f0e4}
.tpc-harlem-crossword .clue-section h2{margin:0 0 12px;color:var(--harlem-purple);font-family:Georgia,"Times New Roman",serif;font-size:25px;letter-spacing:1px;border-bottom:2px solid var(--harlem-gold);padding-bottom:7px}
.tpc-harlem-crossword .clue{margin:0 0 7px;line-height:1.3;cursor:pointer;border-left:4px solid transparent;padding:7px 8px}
.tpc-harlem-crossword .clue:hover,.tpc-harlem-crossword .clue.selected{background:#f3df96;border-left-color:var(--harlem-purple)}
.tpc-harlem-crossword .clue strong{color:var(--harlem-purple)}
.tpc-harlem-crossword .didyouknow{margin-top:40px;padding:24px 28px 24px 34px;background:var(--harlem-purple);color:#fff;line-height:1.55;border-left:10px solid var(--harlem-gold)}
.tpc-harlem-crossword .didyouknow strong{display:block;margin-bottom:5px;color:var(--harlem-gold);font-size:13px;letter-spacing:2px;text-transform:uppercase}
.tpc-harlem-crossword footer{margin-top:30px;padding-top:16px;border-top:2px solid var(--harlem-gold);text-align:center;color:var(--harlem-purple);font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase}

@media(max-width:850px){
  .tpc-harlem-crossword .game{grid-template-columns:1fr}
  .tpc-harlem-crossword .grid-wrap{max-width:650px;margin:0 auto}
  .tpc-harlem-crossword .hero-badge{right:20px;bottom:22px;width:88px;height:88px}
}
@media(max-width:560px){
  .tpc-harlem-crossword .harlem-hero{padding:32px 20px 100px;min-height:330px}
  .tpc-harlem-crossword .hero-title{font-size:clamp(38px,12vw,58px)}
  .tpc-harlem-crossword .hero-badge{right:20px;bottom:16px}
  .tpc-harlem-crossword .crossword-page{padding:24px 10px 35px}
  .tpc-harlem-crossword .grid-wrap{padding:8px;box-shadow:7px 7px 0 var(--harlem-gold)}
  .tpc-harlem-crossword .cell input{font-size:clamp(13px,5vw,20px)}
  .tpc-harlem-crossword .cell .num{font-size:7px}
  .tpc-harlem-crossword .harlem-collage{grid-template-columns:1fr}
}
@media print{
  .tpc-harlem-crossword .controls,
  .tpc-harlem-crossword #status,
  .tpc-harlem-crossword .intro,
  .tpc-harlem-crossword .harlem-hero,
  .tpc-harlem-crossword .harlem-collage{display:none}
  .tpc-harlem-crossword .game{grid-template-columns:1fr}
}