.game-page-head{align-items:flex-end}.game-total-points{padding:11px 16px;border-radius:20px;background:#fff4d8;color:#926c18;font-weight:750}.game-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.game-tile{min-height:390px;border-radius:24px;overflow:hidden;color:#28324a;border:1px solid #e7e8f0;box-shadow:0 10px 30px #30334a0a;transition:transform .18s ease,box-shadow .18s ease}.game-tile:hover{transform:translateY(-3px);box-shadow:0 16px 35px #30334a14}.memory-tile{background:linear-gradient(145deg,#f0ecff,#fff 58%)}.connect-tile{background:linear-gradient(145deg,#e3f5ef,#fff 58%)}.game-art{height:170px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#d9d0ff,#f5dff2)}.game-art span{display:grid;place-items:center;width:72px;height:92px;border:4px solid #fff;border-radius:15px;background:#7969dc;color:#fff;font-size:30px;box-shadow:0 8px 20px #4d428233}.game-art span:nth-child(2){background:#e49ab8;transform:translateY(8px)}.connect-art{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:10px;background:linear-gradient(135deg,#bfe9dc,#e8f8f2)}.connect-art span,.connect-art i{width:54px;height:54px;border:7px solid #fff;border-radius:50%;box-shadow:0 6px 14px #285f5129}.connect-art span{background:#6656ce}.connect-art i{background:#eda45f}.game-tile-copy{padding:25px}.game-tile h2{font-size:24px;margin:12px 0 7px}.game-tile p{min-height:44px;font-size:13px}.game-tile b{display:block;margin-top:20px;color:#6154c9;font-size:13px}.connect-tile b{color:#317d68}.game-tile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.game-tile-stats span{padding:12px 14px;border-radius:12px;background:#ffffffb5}.game-tile-stats small,.game-tile-stats strong{display:block}.game-tile-stats strong{font-size:20px;margin-top:2px}.game-panel{max-width:1000px;margin-left:auto;margin-right:auto}.game-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:22px}.game-controls label{min-width:190px;margin:0}.game-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.game-status span{padding:12px;text-align:center;border-radius:12px;background:#f6f5fb}.game-status small,.game-status strong{display:block}.game-status strong{font-size:19px}.game-message{text-align:center;min-height:24px;margin:5px 0 16px}.memory-board{--memory-columns:4;display:grid;grid-template-columns:repeat(var(--memory-columns),minmax(52px,1fr));gap:11px;max-width:680px;margin:0 auto}.memory-card{position:relative;aspect-ratio:.78;padding:0;border:0;border-radius:14px;background:linear-gradient(145deg,#7869db,#5d50bd);box-shadow:0 7px 15px #5047a02c;transform-style:preserve-3d;transition:transform .2s ease}.memory-card::before{content:'M';display:grid;place-items:center;position:absolute;inset:7px;border:2px solid #ffffff75;border-radius:10px;color:#fff;font-size:25px;font-weight:850}.memory-card span{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}.memory-card.is-open,.memory-card.is-matched{background:#fff;border:2px solid #ddd7f7}.memory-card.is-open::before,.memory-card.is-matched::before{display:none}.memory-card.is-open span,.memory-card.is-matched span{opacity:1;transform:scale(1)}.memory-card.is-matched{background:#e6f6ef;border-color:#bce5d5;box-shadow:none}.game-result{margin:22px auto 0;max-width:680px;padding:17px;border-radius:14px;background:#eef8f4;text-align:center}.game-result strong{display:block;margin-bottom:12px;color:#32715d}.game-result button{width:100%}.game-leaderboard{max-width:1000px;margin-left:auto;margin-right:auto}.leader-list{display:grid}.leader-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff0f5}.leader-row:first-child{border-top:0}.leader-place{width:28px;color:#9187bc;text-align:center}.leader-row>span:not(.avatar){flex:1;color:#3c465f}.leader-row small{display:block}.leader-row>b{font-size:13px;color:#6557ca}.connect-controls label{min-width:170px}.connect-players{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px auto 18px}.connect-players>span:not(.turn-indicator){display:flex;align-items:center;gap:7px;font-size:13px}.connect-players i{width:19px;height:19px;border-radius:50%;background:#6759cf}.connect-players .player-two i{background:#ed9e58}.turn-indicator{min-width:180px;padding:8px 12px;border-radius:20px;text-align:center;background:#f4f3f9;color:#677087;font-size:12px}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:650px;margin:0 auto;padding:14px;border-radius:20px;background:#5c66cf;box-shadow:0 12px 25px #3d438a2e}.connect-cell{aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#eef0f7;box-shadow:inset 0 4px 8px #3d438a3b;transition:transform .15s ease,background .15s ease}.connect-cell:hover{filter:none;transform:translateY(-2px)}.connect-cell.p1{background:#806fe1;border:5px solid #a79bef}.connect-cell.p2{background:#f2aa67;border:5px solid #f7c99e}.connect-cell.winner{outline:4px solid #fff;outline-offset:-3px;animation:gamePulse .7s ease infinite alternate}@keyframes gamePulse{to{transform:scale(.88)}}
@media(max-width:800px){.game-tiles{grid-template-columns:1fr}.game-tile{min-height:0}.game-controls{align-items:stretch;flex-direction:column}.game-controls label,.game-controls button{width:100%}.memory-board{gap:7px}.memory-card{border-radius:10px}.memory-card span{font-size:25px}.connect-board{gap:5px;padding:9px;border-radius:14px}.connect-cell.p1,.connect-cell.p2{border-width:3px}.connect-players{gap:8px;flex-wrap:wrap}.turn-indicator{order:3;width:100%}.leader-row>b{font-size:12px}.game-page-head{align-items:flex-start}}
.game-tile-stats{grid-template-columns:repeat(3,1fr);gap:8px}.game-tile-stats span{padding:11px 10px}.game-tile-stats small{font-size:10px}.game-tile-stats strong{font-size:19px}.last-played{display:block;margin-top:10px}
.tic-tile{background:linear-gradient(145deg,#fff0e7,#fff 58%)}.hangman-tile{background:linear-gradient(145deg,#e8f4ff,#fff 58%)}.tic-tile b{color:#b56b38}.hangman-tile b{color:#31728d}.tic-art{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px;background:linear-gradient(135deg,#ffd9bd,#fff1e5)}.tic-art b{display:grid;place-items:center;border-radius:8px;background:#ffffffc9;font-size:32px;color:#c97842}.tic-art b:nth-child(even){color:#547bc1}.hangman-art{flex-direction:column;gap:9px;background:linear-gradient(135deg,#cce9f6,#edf8fd)}.hangman-art span{width:70px;height:70px;border-radius:50%;background:#4f8ca5;font-size:38px}.hangman-art strong{font-size:21px;letter-spacing:5px;color:#315a6b}.tic-panel{max-width:760px}.tic-players{display:flex;align-items:center;justify-content:center;gap:22px;margin:5px 0 20px}.tic-players span{display:flex;align-items:center;gap:7px}.tic-players i{font-size:28px;font-style:normal;font-weight:800}.tic-x{color:#c97842}.tic-o{color:#547bc1}.tic-players>strong{min-width:210px;padding:9px 13px;border-radius:20px;background:#f5f3f0;text-align:center;color:#667085;font-size:12px}.tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:470px;margin:0 auto}.tic-cell{aspect-ratio:1;padding:0;border:0;border-radius:16px;background:#f7f4ef;color:#c97842;font-size:clamp(45px,10vw,82px);line-height:1;box-shadow:inset 0 0 0 2px #ece5dc}.tic-cell:hover:not(:disabled){background:#fff0e5;transform:translateY(-2px);filter:none}.tic-cell.is-o{color:#547bc1}.tic-cell.winner{background:#e2f5eb;box-shadow:inset 0 0 0 3px #72bc91;animation:gamePulse .7s ease infinite alternate}.tic-cell:disabled{opacity:1}.hangman-panel{max-width:1050px}.hangman-layout{display:grid;grid-template-columns:minmax(230px,36%) 1fr;gap:35px;align-items:center}.hangman-picture{padding:15px;border-radius:20px;background:linear-gradient(160deg,#eef8fc,#fff6ea);text-align:center}.hangman-picture svg{display:block;width:100%;max-height:330px}.hang-scaffold,.hang-figure{fill:none;stroke:#4d6470;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.hang-scaffold{stroke:#8b7665}.hang-figure [data-hang-part]{opacity:0;transition:opacity .25s ease}.hang-figure [data-hang-part].visible{opacity:1}.hangman-picture>span{display:inline-block;margin-top:3px;padding:7px 12px;border-radius:20px;background:#fff;color:#536772;font-size:12px}.hangman-play{text-align:center}.hangman-word{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:25px 0;min-height:58px}.hangman-word span{display:grid;place-items:center;width:38px;height:51px;border-bottom:4px solid #596d78;font-size:29px;font-weight:800;color:#2d5365}.hangman-word span.space{width:14px;border:0}.hangman-word span.revealed{color:#b94d58;border-color:#d89aa0}.hangman-keyboard{display:grid;grid-template-columns:repeat(9,minmax(34px,1fr));gap:7px;max-width:600px;margin:0 auto}.hangman-keyboard button{min-width:0;padding:10px 4px;border-radius:9px;background:#5b8294;font-size:14px}.hangman-keyboard button:disabled{opacity:.42}.hangman-keyboard button.right{background:#3d9871;opacity:.68}.hangman-keyboard button.wrong{background:#b65d65;opacity:.55}
@media(max-width:800px){.tic-players{gap:8px;flex-wrap:wrap}.tic-players>strong{order:3;width:100%}.tic-board{gap:7px}.tic-cell{border-radius:11px}.hangman-layout{grid-template-columns:1fr;gap:16px}.hangman-picture{max-width:300px;width:100%;margin:0 auto;padding:8px}.hangman-picture svg{max-height:240px}.hangman-word{gap:5px;margin:16px 0}.hangman-word span{width:29px;height:42px;font-size:23px}.hangman-keyboard{grid-template-columns:repeat(7,1fr);gap:5px}.hangman-keyboard button{padding:9px 2px}}
.tic-art b{margin:0}
