.games-page{background:#fff9f1}.site-header nav .active{color:var(--pink)}.games-hero{min-height:430px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:55px clamp(24px,8vw,130px) 75px;background:linear-gradient(135deg,#fff4b5,#ffddea);overflow:hidden}.games-hero h1{font-size:clamp(50px,7vw,88px);line-height:.95;letter-spacing:-3px;margin:0 0 20px}.games-hero h1 em{color:var(--pink);font-style:normal}.games-hero p:not(.eyebrow){font-size:21px;max-width:680px}.hero-parent-note{max-width:760px;margin-top:25px;padding:15px 18px;border-radius:14px;background:var(--ink);color:white;display:flex;gap:16px;align-items:center;box-shadow:0 6px 0 rgba(9,37,76,.18)}.hero-parent-note strong{color:var(--yellow);white-space:nowrap}.hero-parent-note span{font-size:14px;line-height:1.35}.hero-socks{min-height:280px;position:relative}.hero-socks span{position:absolute;font-size:100px;filter:drop-shadow(7px 8px 0 rgba(9,37,76,.15))}.hero-socks span:first-child{left:8%;top:20px;transform:rotate(-18deg)}.hero-socks span:nth-child(2){right:8%;bottom:0;transform:rotate(16deg)}.hero-socks b{position:absolute;left:34%;top:30%;background:white;color:var(--purple);font-family:"Patrick Hand";font-size:25px;line-height:1;padding:20px;transform:rotate(-6deg);box-shadow:5px 6px 0 var(--ink)}
.game-picker{position:relative;z-index:3;max-width:1100px;margin:-45px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-picker button{border:0;background:white;border-radius:20px;min-height:130px;padding:16px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;font:inherit;transition:.2s}.game-picker button:hover,.game-picker button:focus-visible{transform:translateY(-5px);outline:4px solid var(--yellow)}.game-picker span{display:block;font-size:40px}.game-picker b{font-size:17px;line-height:1.05}.game-picker button.selected{background:var(--ink);color:white}
.game-shell{max-width:1200px;margin:70px auto;border-radius:32px;background:white;box-shadow:var(--shadow);padding:55px}.game-shell[hidden]{display:none}.game-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:35px}.game-heading h2{font-size:clamp(36px,5vw,58px);margin:0 0 6px}.game-heading p{margin:0}.game-number{background:var(--yellow);font-weight:800;padding:7px 13px;border-radius:8px;transform:rotate(-5deg);white-space:nowrap}.word-layout{display:grid;grid-template-columns:minmax(300px,680px) minmax(210px,1fr);gap:45px;align-items:start}.word-grid{display:grid;grid-template-columns:repeat(12,1fr);aspect-ratio:1;background:#e6fafd;border:5px solid var(--ink);border-radius:18px;padding:10px;user-select:none;touch-action:manipulation}.word-cell{display:grid;place-items:center;border:0;background:transparent;color:var(--ink);font-weight:800;font-size:clamp(15px,2.2vw,24px);border-radius:7px;cursor:pointer;padding:0}.word-cell:hover,.word-cell.selected{background:var(--yellow)}.word-cell.found{background:var(--teal);color:white}.word-layout aside{background:#fff5c8;border:3px dashed var(--orange);border-radius:20px;padding:22px}.word-layout h3{font-size:25px;margin:0}.word-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.word-list li{font-weight:800}.word-list li.found{text-decoration:line-through;color:#4f8064}.game-status{min-height:30px;font-weight:800;color:var(--purple)}.centered{text-align:center}
.score-row,.jigsaw-controls{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:30px}.score-row>span,.jigsaw-controls>span{background:#e8faff;padding:8px 16px;border-radius:99px;font-weight:700}.sock-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px;margin:auto;perspective:800px}.sock-card{aspect-ratio:1;border:0;border-radius:18px;background:transparent;cursor:pointer;padding:0}.sock-card-inner{display:block;position:relative;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}.sock-card.flipped .sock-card-inner,.sock-card.matched .sock-card-inner{transform:rotateY(180deg)}.sock-front,.sock-back{position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;backface-visibility:hidden}.sock-front{background:var(--pink);color:white;font-size:45px;border:4px solid white;box-shadow:0 7px 0 #b70049}.sock-back{background:#fff3ae;border:4px solid var(--ink);transform:rotateY(180deg);overflow:hidden}.sock-back svg{display:block;width:74%;height:74%;filter:drop-shadow(3px 4px 0 rgba(9,37,76,.18))}.sock-card.matched .sock-back{background:#c9f6d3;border-color:#268848}.sock-card:focus-visible{outline:5px solid var(--teal);outline-offset:3px}
.jigsaw-controls select{font:inherit;padding:10px;border:3px solid var(--ink);border-radius:12px;background:white}.jigsaw-layout{display:grid;grid-template-columns:minmax(280px,550px) minmax(160px,260px);gap:45px;justify-content:center;align-items:center}.jigsaw-board{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:971/1500;border:6px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--ink)}.jigsaw-piece{border:1px solid white;background-repeat:no-repeat;background-size:300% 300%;cursor:pointer;position:relative}.jigsaw-piece.selected:after{content:"";position:absolute;inset:3px;border:6px solid var(--yellow)}.jigsaw-preview{width:100%;border:8px solid white;box-shadow:var(--shadow);transform:rotate(3deg)}
.quote-card{max-width:760px;margin:auto;text-align:center;background:#f5eaff;border:4px solid var(--purple);border-radius:28px;padding:40px}.quote-count{display:inline-block;background:var(--yellow);padding:5px 12px;border-radius:30px;font-weight:800}.quote-card blockquote{font-family:"Patrick Hand";font-size:clamp(28px,4vw,42px);line-height:1.15;margin:28px auto}.quote-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-option{border:3px solid var(--ink);border-radius:14px;padding:12px;background:white;color:var(--ink);font:800 18px "Baloo 2";cursor:pointer}.quote-option:hover{background:#fff5b8}.quote-option.correct{background:#bdf2c9;border-color:#268848}.quote-option.wrong{background:#ffd5df;border-color:#c32350}.grown-up-note{max-width:900px;margin:0 auto 80px;padding:20px 28px;border-radius:18px;background:var(--ink);color:white;display:flex;gap:22px;align-items:center}.grown-up-note span{color:var(--yellow);font-weight:800;white-space:nowrap}.grown-up-note p{margin:0;font-size:15px}.grown-up-note.top-note{max-width:none;margin:0;padding:15px clamp(24px,8vw,130px);border-radius:0;justify-content:center;border-top:4px solid var(--yellow)}
@media(max-width:800px){.games-hero{grid-template-columns:1fr;padding-top:50px}.hero-socks{display:none}.game-picker{grid-template-columns:1fr 1fr}.game-shell{margin:45px 15px;padding:35px 20px}.word-layout,.jigsaw-layout{grid-template-columns:1fr}.word-layout aside{order:-1}.word-list{grid-template-columns:repeat(5,1fr);font-size:13px}.jigsaw-preview{max-width:180px;margin:auto}.grown-up-note{margin:0 15px 60px}.game-heading{display:block}.game-number{display:inline-block;margin-bottom:10px}}
@media(max-width:500px){.games-hero h1{font-size:52px}.hero-parent-note{display:block}.hero-parent-note strong{display:block;margin-bottom:4px}.game-picker{gap:9px}.game-picker button{min-height:112px;padding:10px}.game-picker span{font-size:31px}.game-picker b{font-size:14px}.word-grid{padding:4px}.word-cell{font-size:13px}.word-list{grid-template-columns:repeat(2,1fr)}.sock-board{gap:8px}.sock-front{font-size:30px}.sock-back{font-size:38px}.quote-card{padding:30px 18px}.quote-options{grid-template-columns:1fr}.grown-up-note{display:block}}
@media(prefers-reduced-motion:reduce){.sock-card-inner{transition:none}}