:root{--games-ink:#19213d;--games-muted:#667085;--games-cream:#fffaf0;--games-coral:#fa6657;--games-teal:#148b87;--games-violet:#6255c7}
body.games-page{background:#fbfcfa;color:var(--games-ink)}
.games-hero{position:relative;isolation:isolate;overflow:visible;margin-bottom:-54px;padding:30px 20px 126px;border-radius:0 0 64px 64px;background:linear-gradient(135deg,#17213f 0%,#26345d 56%,#275b68 115%)}
.games-hero::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 12%,rgba(250,102,87,.24),transparent 34rem);pointer-events:none}
.games-hero nav{margin-bottom:42px}.games-hero .brand a{color:#fff;text-decoration:none}.games-hero .hero-copy{position:relative;z-index:1;max-width:820px;margin:auto;text-align:center}.eyebrow,.section-kicker{display:inline-block;color:#84ded0;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.games-hero h1{max-width:760px;margin:12px auto 0;color:#fff;font-size:clamp(2.8rem,7vw,5.4rem);letter-spacing:-.055em;line-height:.98}.games-hero .hero-copy p{max-width:660px;margin:22px auto 0;color:#dbe7eb;font-size:clamp(1rem,2.3vw,1.22rem);line-height:1.65}.hero-action{display:inline-flex;align-items:center;gap:10px;margin-top:28px;border-radius:999px;padding:13px 20px;background:#fff;color:#202b4c;text-decoration:none;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.2)}.hero-action span{color:var(--games-coral)}
.hero-shapes span{position:absolute;z-index:-1;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);font-size:1.45rem;font-weight:900;transform:rotate(var(--r))}.hero-shapes span:nth-child(1){--r:-11deg;left:7%;top:38%}.hero-shapes span:nth-child(2){--r:8deg;right:8%;top:29%}.hero-shapes span:nth-child(3){--r:-5deg;left:15%;bottom:16%;color:#83d8cb}.hero-shapes span:nth-child(4){--r:12deg;right:16%;bottom:13%;color:#ff9a8f}.hero-shapes span:nth-child(5){--r:-16deg;right:3%;bottom:38%}
.games-main{position:relative;z-index:2;display:block;width:min(1160px,calc(100% - 28px));max-width:none;margin:0 auto 76px;padding:0}.daily-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:30px 6px 24px}.daily-intro .section-kicker,.why-play .section-kicker{color:var(--games-teal)}.daily-intro h2,.why-heading h2{margin:5px 0 0;color:var(--games-ink);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em}.daily-intro>p{max-width:440px;margin:0;color:var(--games-muted);line-height:1.6}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{overflow:hidden;margin:0;border:1px solid #e6e8ec;border-radius:25px;background:#fff;box-shadow:0 16px 42px rgba(25,33,61,.1);transition:transform .22s ease,box-shadow .22s ease}.game-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(25,33,61,.16)}.game-card>a{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.game-art{display:grid;min-height:252px;place-content:center;padding:26px}.game-copy{display:flex;flex:1;flex-direction:column;padding:24px}.game-meta{display:flex;justify-content:space-between;gap:8px;color:var(--games-muted);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.game-copy h2{margin:12px 0 8px;color:var(--games-ink);font-size:1.55rem;letter-spacing:-.025em}.game-copy p{flex:1;margin:0;color:var(--games-muted);line-height:1.6}.play-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:var(--game-accent);font-weight:900}.play-link b{font-size:1.3rem}.ladder-card{--game-accent:#087f8c}.anagram-card{--game-accent:#19724e}.sudoku-card{--game-accent:#5b43c6}
.ladder-art{grid-template-columns:auto 24px auto;gap:3px 10px;background:linear-gradient(145deg,#e3f5ef,#fff4e8)}.ladder-art span{grid-column:1;min-width:96px;border:2px solid #9bcfc6;border-radius:11px;padding:8px 13px;background:#fff;color:#164a53;font-weight:900;letter-spacing:.16em;text-align:center}.ladder-art i{grid-column:2;color:#ef725a;font-style:normal;font-weight:900}.ladder-art span:last-child{grid-column:3;grid-row:1/-1;align-self:center;border-color:#ff9a78;background:#fff2e9;color:#9b4030}.ladder-art .faded{color:#85a7a4}
.anagram-art{gap:20px;background:linear-gradient(145deg,#e6f5df,#fff9df);text-align:center}.anagram-art div{display:flex;gap:6px}.anagram-art div span{display:grid;place-items:center;width:40px;height:48px;border-radius:9px;background:#fff;color:#245e45;font-size:1.18rem;font-weight:900;box-shadow:0 5px 12px rgba(36,94,69,.14)}.anagram-art strong{color:#245e45;font-size:1.2rem}.anagram-art small{color:#90721e;font-weight:800}
.sudoku-art{gap:18px;background:linear-gradient(145deg,#eeeaff,#e4f6f2);text-align:center}.sudoku-art div{display:grid;width:166px;height:166px;grid-template-columns:repeat(3,1fr);overflow:hidden;border:3px solid #373266;border-radius:7px;background:#373266;gap:2px}.sudoku-art span{display:grid;place-items:center;background:#fff;color:#4c42a5;font-size:1.22rem;font-weight:900}.sudoku-art strong{color:#4b428a;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.why-play{margin-top:56px;padding:clamp(28px,5vw,54px);border-radius:30px;background:var(--games-cream)}.why-heading{max-width:700px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.benefit-grid article{margin:0}.benefit-grid article>span{color:var(--games-coral);font-weight:900}.benefit-grid h3{margin:8px 0 6px;font-size:1.15rem}.benefit-grid p{margin:0;color:var(--games-muted);line-height:1.6}
@media(max-width:900px){.game-grid{grid-template-columns:1fr}.game-card>a{display:grid;grid-template-columns:minmax(260px,40%) 1fr}.game-art{min-height:280px}.hero-shapes span:nth-child(1),.hero-shapes span:nth-child(2){display:none}}
@media(max-width:640px){.games-hero{padding:22px 14px 100px;border-radius:0 0 38px 38px}.games-hero nav{margin-bottom:30px}.hero-shapes{display:none}.games-main{width:min(100% - 16px,1160px)}.daily-intro{align-items:flex-start;flex-direction:column;gap:10px;padding:26px 7px 20px}.game-card>a{display:flex}.game-art{min-height:225px}.game-copy{padding:21px}.benefit-grid{grid-template-columns:1fr;gap:22px}.why-play{margin-top:34px}.anagram-art div span{width:36px;height:44px}}