.games-main{max-width:1080px;margin:auto;padding:95px 28px 130px}.games-main>h1{max-width:850px}.game-picker{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0}.game-picker button,.game-next{padding:12px 18px;border:1px solid #d9c5dd;border-radius:999px;background:#fff;color:#61176f;font-weight:800;cursor:pointer}.game-picker button.active{background:#61176f;color:#fff}.game-panel{display:grid;gap:20px;padding:32px;border:1px solid #e1d2e2;border-radius:24px;background:#fff;box-shadow:0 18px 48px #35153f12}.game-panel h2{margin:4px 0;font-size:clamp(34px,5vw,58px)}.scramble-word{letter-spacing:.22em;font:700 clamp(34px,7vw,68px) Georgia;color:#61176f}.game-panel form{display:flex;align-items:end;gap:12px}.game-panel label{display:grid;gap:8px;font-weight:800}.game-panel input{padding:13px;border:1px solid #d9cadd;border-radius:12px;font-size:18px}.game-message{min-height:25px;font-weight:800;color:#6b2178}.game-next{justify-self:start}.game-score{font-size:18px}.noughts-board{display:grid;grid-template-columns:repeat(3,110px);gap:8px}.noughts-board button{width:110px;height:110px;border:1px solid #d9c5dd;border-radius:15px;background:#faf4fb;color:#61176f;font:700 50px Georgia;cursor:pointer}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-answers button{padding:16px;border:1px solid #d9c5dd;border-radius:14px;background:#faf4fb;text-align:left;font-weight:800;cursor:pointer}.quiz-answers button.correct{background:#dff4e6;border-color:#6bad7e}.quiz-answers button.wrong{background:#f8dfe6;border-color:#bd6b81}.games-coming{margin-top:30px;padding:25px;border-left:4px solid #9a3aa7;background:#f9effa}.games-coming h2{margin-top:0}@media(max-width:650px){.games-main{padding:55px 18px 100px}.game-panel{padding:22px}.game-panel form{align-items:stretch;flex-direction:column}.noughts-board{grid-template-columns:repeat(3,minmax(0,1fr))}.noughts-board button{width:100%;height:25vw;max-height:105px}.quiz-answers{grid-template-columns:1fr}}
.hangman-drawing{min-height:54px;color:#6b2178;font:700 28px/1.25 monospace;white-space:pre}.hangman-word{letter-spacing:.18em;font:700 clamp(28px,5vw,50px) Georgia;color:#321538}.hangman-letters{display:grid;grid-template-columns:repeat(13,1fr);gap:6px}.hangman-letters button,.memory-board button{border:1px solid #d9c5dd;border-radius:10px;background:#faf4fb;color:#61176f;font-weight:800;cursor:pointer}.hangman-letters button{min-height:42px}.hangman-letters button:disabled{opacity:.35}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:10px;max-width:620px}.memory-board button{aspect-ratio:1;font-size:clamp(24px,4vw,42px)}.memory-board button.open,.memory-board button.matched{background:#f1def4}.memory-board button.matched{border-color:#7a2788;box-shadow:inset 0 0 0 2px #7a2788}@media(max-width:760px){.hangman-letters{grid-template-columns:repeat(7,1fr)}}@media(max-width:480px){.memory-board{grid-template-columns:repeat(4,1fr)}.hangman-letters{grid-template-columns:repeat(6,1fr)}}
.challenge-area{display:grid;gap:18px;margin:34px 0}.challenge-create,.challenge-card,.challenge-play-notice{padding:22px;border:1px solid #dfcee2;border-radius:18px;background:#fff}.challenge-create form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.challenge-create label,.challenge-create fieldset{display:grid;gap:7px}.challenge-create fieldset{grid-column:1/-1;border:0;padding:0}.challenge-people{display:flex;flex-wrap:wrap;gap:9px}.challenge-people label{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#f8eff9}.challenge-list{display:grid;gap:12px}.challenge-card header{display:flex;justify-content:space-between;gap:15px}.challenge-card h3{margin:0}.challenge-card table{width:100%;margin-top:14px;border-collapse:collapse}.challenge-card th,.challenge-card td{padding:8px;text-align:left;border-top:1px solid #eee2ef}.challenge-card .button{display:inline-block;margin-top:12px;text-decoration:none}.challenge-play-notice{display:grid;gap:5px;background:#f8eff9}.challenge-create input,.challenge-create select{padding:11px;border:1px solid #d9cadd;border-radius:10px}@media(max-width:650px){.challenge-create form{grid-template-columns:1fr}.challenge-card{overflow:auto}}
.challenge-create summary{cursor:pointer;color:#61176f;font-size:18px}.challenge-create[open] summary{margin-bottom:18px}.challenge-create-body{display:grid;gap:10px}.challenge-create-body h2,.challenge-create-body p{margin-top:0}
.challenge-play-notice{position:relative;padding-right:190px}.challenge-cancel{padding:10px 16px;border:1px solid #c97b8d;border-radius:999px;background:#fff7f8;color:#9a2945;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease}.challenge-cancel:hover,.challenge-cancel:focus-visible{border-color:#9a2945;background:#fbe8ec}.challenge-play-notice form{position:absolute;right:18px;top:50%;margin:0;transform:translateY(-50%)}@media(max-width:650px){.challenge-play-notice{padding-right:22px}.challenge-play-notice form{position:static;margin-top:8px;transform:none}.challenge-cancel{width:100%}}
.challenge-chat{z-index:60;margin:12px 0 24px;padding:16px 18px;border:1px solid #dfcee2;border-radius:18px;background:#fff;box-shadow:0 18px 45px #35153f18}.challenge-chat summary{display:flex;gap:10px;cursor:pointer;color:#61176f}.challenge-chat summary span{color:#816d84}.challenge-chat-messages{display:grid;gap:7px;max-height:260px;margin:14px 0;padding:12px;overflow-y:auto;border-radius:12px;background:#faf4fb}.challenge-chat-messages p{margin:0;padding:8px 10px;border-radius:10px;background:#fff}.challenge-chat-messages strong{margin-right:7px;color:#61176f}.challenge-chat-messages small{display:block;margin-top:3px;color:#8a788d}.challenge-chat-form{display:flex!important;align-items:center!important;gap:9px}.challenge-chat-form input{flex:1;min-width:0;padding:13px 15px;border:1px solid #d7c3db;border-radius:14px;background:#fff;font:inherit;box-shadow:inset 0 1px 3px #35153f0c}.challenge-chat-form input:focus{border-color:#8f3a9c;outline:3px solid #ead8ed}.challenge-chat-form .button{flex:0 0 auto;min-height:46px;padding-inline:18px}@media(min-width:1500px){.challenge-chat{position:fixed;right:24px;top:125px;width:310px;margin:0}.challenge-chat[open]{max-height:calc(100vh - 155px);overflow:auto}}@media(max-width:1499px){.challenge-chat{position:sticky;top:10px}}@media(max-width:650px){.challenge-chat{position:static}.challenge-chat-form{align-items:stretch!important;flex-direction:column}.challenge-chat-form .button{width:100%}}
.challenge-chat{top:285px!important}@media(min-width:1500px){.challenge-chat[open]{max-height:calc(100vh - 315px)}}@media(max-width:1499px){.challenge-chat{top:10px!important}}@media(max-width:650px){.challenge-chat{top:auto!important}}

/* Colorful family photograph games */
.game-picker button{background:#f5e9f6;border-color:#d9c5dd;color:#5b196c}.game-picker button:hover{background:#ead7ed;border-color:#b98dbf}.game-picker button.active{background:#5b196c!important;border-color:#5b196c!important;color:#fff!important;box-shadow:0 8px 20px #5b196c30}.photo-game-panel{background:linear-gradient(145deg,#fff 58%,#fff0f8)}.photo-memory-board button{overflow:hidden;background-color:#70217e!important;background-position:center;background-size:cover;color:#fff!important;font:900 clamp(17px,3vw,28px) Georgia!important;box-shadow:0 5px 14px #44134d22}.photo-memory-board button:not(.open):not(.matched){background-image:radial-gradient(circle at 30% 20%,#db82df,#6a1676 68%)!important}.photo-memory-board button.open,.photo-memory-board button.matched{transform:rotateY(0);border-color:#fff;box-shadow:0 0 0 3px #8b3198,0 8px 18px #4b125533}.jigsaw-panel{background:linear-gradient(145deg,#fff 55%,#e7f8ff)}.jigsaw-wrap{display:grid;grid-template-columns:minmax(260px,540px) minmax(150px,230px);align-items:start;gap:24px}.jigsaw-board{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;overflow:hidden;border:7px solid #fff;border-radius:20px;background:#dceff7;box-shadow:0 14px 35px #19516a24}.jigsaw-board button{aspect-ratio:1;border:2px solid #fff;background-color:#dceff7;background-repeat:no-repeat;background-size:300% 300%;cursor:pointer;transition:transform .15s,filter .15s}.jigsaw-board button:hover{filter:brightness(1.08)}.jigsaw-board button.selected{z-index:2;transform:scale(.9);border:5px solid #ffcf54;border-radius:12px;box-shadow:0 0 0 3px #683075}.jigsaw-board.solved{box-shadow:0 0 0 5px #65b978,0 18px 40px #246a3530}.jigsaw-preview{display:grid;gap:9px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 8px 25px #19516a18;color:#5b196c;font-weight:900;text-align:center}.jigsaw-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;background:#eee}.family-quiz-panel{background:linear-gradient(145deg,#fff 55%,#fff2ce)}.family-quiz,.family-guess{display:grid!important;align-items:stretch!important;gap:14px!important;max-width:720px}.family-quiz>div,.family-guess>div{display:grid;gap:13px}.family-quiz label,.family-guess label{padding:13px;border-radius:14px;background:#fff9e7}.family-quiz input,.family-guess input{width:100%;box-sizing:border-box;background:#fff}.family-pass{max-width:620px;padding:34px;border-radius:22px;background:linear-gradient(135deg,#672075,#ad4e93);color:#fff;text-align:center;box-shadow:0 16px 40px #5b196c30}.family-pass h3{margin:8px 0;font:700 30px Georgia}.family-pass-icon{font-size:58px}.family-pass .button{background:#fff;color:#5b196c}.family-result{display:grid;gap:12px}.family-score{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,#ffcf54,#ef769f);color:#46124e;font:900 58px/1 Georgia;box-shadow:0 12px 30px #a23d6f35}.family-score small{font:800 15px/1 sans-serif}.family-result ol{display:grid;gap:10px;padding:0;list-style:none}.family-result li{display:grid;gap:5px;padding:14px;border:1px solid #ead8bb;border-radius:14px;background:#fff}.family-result li.family-correct{border-color:#65b978;background:#ebfaef}.family-result li span{font-weight:900;color:#5b196c}.family-result li small{color:#746177}
@media(max-width:650px){.game-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-picker button{min-width:0;padding:11px 8px}.jigsaw-wrap{grid-template-columns:1fr}.jigsaw-preview{grid-template-columns:80px 1fr;align-items:center;text-align:left}.jigsaw-preview img{grid-column:1;grid-row:1}.jigsaw-preview span{grid-column:2}.family-pass{padding:25px 18px}.family-score{width:105px;height:105px;font-size:46px}}
.family-quiz[hidden],.family-guess[hidden],.family-pass[hidden],.family-result[hidden],.family-quiz-panel>.game-next[hidden]{display:none!important}
.word-wheel-panel{background:linear-gradient(145deg,#fff 55%,#f1e8ff)}.word-wheel-layout{display:grid;grid-template-columns:340px minmax(280px,1fr);align-items:center;gap:42px}.word-wheel{position:relative;width:310px;aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,#fff 0 24%,transparent 25%),radial-gradient(circle at 35% 25%,#b56bd1,#5b196c 72%);box-shadow:inset 0 0 0 8px #ffffff80,0 18px 38px #4c15572b}.word-wheel span,.word-wheel strong{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font:900 31px/1 Georgia;text-transform:uppercase}.word-wheel span{left:calc(50% - 32px);top:calc(50% - 32px);background:#fff;color:#5b196c;box-shadow:0 6px 15px #35153f35;transform:rotate(calc(var(--wheel-position)*60deg)) translateY(-112px) rotate(calc(var(--wheel-position)*-60deg))}.word-wheel strong{left:calc(50% - 32px);top:calc(50% - 32px);background:#ffd55f;color:#4b183f;box-shadow:0 5px 18px #4b183f42}.word-wheel-play{display:grid;gap:14px}.word-wheel-play form{align-items:end}.wheel-found{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:100px;padding:13px;border:1px dashed #c9a9cf;border-radius:15px;background:#fff}.wheel-found:empty:before{content:'Your words will appear here';color:#927b96}.wheel-found span{padding:7px 10px;border-radius:999px;background:#f0ddf3;color:#5b196c;font-weight:800}.word-wheel-panel .game-score{font-size:20px}@media(max-width:700px){.word-wheel-layout{grid-template-columns:1fr;gap:25px}.word-wheel{width:min(280px,82vw)}.word-wheel span{transform:rotate(calc(var(--wheel-position)*60deg)) translateY(-99px) rotate(calc(var(--wheel-position)*-60deg))}.word-wheel-play form{align-items:stretch;flex-direction:column}}
.game-categories{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:10px;margin:30px 0}.game-categories details{align-self:start;border:1px solid #decde1;border-radius:16px;background:#fff}.game-categories summary{padding:14px;color:#5b196c;font-weight:900;cursor:pointer}.game-categories .game-picker{display:grid;margin:0;padding:0 10px 12px}.game-categories .game-picker button,.game-categories .game-picker a{display:block;width:100%;box-sizing:border-box;padding:11px;border:0;border-radius:11px;background:#f5e9f6;color:#5b196c;text-align:left;text-decoration:none;font-weight:800;cursor:pointer}.tile-words-panel{background:linear-gradient(145deg,#fff 58%,#edf5df)}.tile-rack{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;max-width:760px;box-sizing:border-box;margin:0 auto;padding:22px;border-radius:18px;background:#8d633f;box-shadow:inset 0 -8px 0 #69472d}.tile-rack button{position:relative;width:68px;height:76px;border:0;border-radius:8px;background:#f3d89b;color:#37230f;box-shadow:0 5px 0 #c0995a;font-family:Georgia;cursor:pointer}.tile-rack button strong{font-size:34px}.tile-rack button small{position:absolute;right:7px;bottom:5px;font-weight:900}.tile-rack button:disabled{opacity:.25;transform:translateY(5px)}.tile-word{min-height:50px;padding:12px;border-bottom:3px solid #5b196c;color:#321538;font:900 38px/1 Georgia;letter-spacing:.12em;text-align:center}.tile-word:empty:before{content:'Your word appears here';color:#9a849e;font:600 16px/1.4 sans-serif;letter-spacing:0}.tile-actions{display:flex;flex-wrap:wrap;gap:10px}.tile-actions .button,.tile-actions .game-next{margin:0}@media(max-width:850px){.game-categories{grid-template-columns:1fr 1fr}}@media(max-width:520px){.game-categories{grid-template-columns:1fr}.tile-rack{gap:7px;padding:16px 9px}.tile-rack button{width:54px;height:62px}.tile-rack button strong{font-size:28px}}
.photo-game-panel{width:100%;max-width:860px;box-sizing:border-box;margin-inline:auto}
.photo-memory-board{width:100%;margin-inline:auto}