.wordplay-page{max-width:760px;padding-top:44px}.wordplay-intro{margin:0 auto 28px;text-align:center}.wordplay-intro h1{margin:0;font:600 clamp(38px,7vw,58px)/1 Georgia,serif;letter-spacing:-.045em}.wordplay-intro>p:last-child{margin:12px auto 0;color:var(--muted);font-size:16px;line-height:1.5}.wordplay-card{padding:24px;border:1px solid var(--line);border-top:4px solid var(--blue);background:var(--surface);box-shadow:0 12px 32px rgba(25,63,97,.07)}.wordplay-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.wordplay-heading-row h2{margin:2px 0 0;font:600 23px/1.15 Georgia,serif}.wordplay-stats{display:flex;gap:12px}.wordplay-stats span{display:grid;min-width:58px;gap:2px;text-align:center}.wordplay-stats strong{font-size:18px;color:var(--blue)}.wordplay-stats small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.wordplay-message{min-height:24px;margin:18px 0 12px;color:var(--blue-deep);font-size:14px;font-weight:650;text-align:center}.wordplay-board{display:grid;gap:7px;width:min(100%,332px);margin:0 auto 22px}.wordplay-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.wordplay-tile{display:grid;aspect-ratio:1;place-items:center;border:2px solid #cbd7e0;background:#fff;color:var(--ink);font-size:clamp(22px,5vw,30px);font-weight:800;text-transform:uppercase}.wordplay-tile.filled{border-color:#8297a7;animation:wordplay-pop .11s ease-out}.wordplay-tile.reveal{color:#fff;border-color:#77838c;background:#77838c;animation:wordplay-flip .28s ease both}.wordplay-tile.present{border-color:#b28b1e;background:#c8a43c}.wordplay-tile.correct{border-color:#2d8059;background:#368c65}.wordplay-keyboard{display:grid;gap:7px;max-width:520px;margin:0 auto}.wordplay-key-row{display:flex;justify-content:center;gap:6px}.wordplay-key{min-width:31px;height:46px;padding:0 8px;border:0;border-radius:5px;background:#dce6ed;color:var(--ink);font:700 13px Inter,"Segoe UI",sans-serif;cursor:pointer;touch-action:manipulation}.wordplay-key.wide{min-width:66px;font-size:11px}.wordplay-key.present{background:#c8a43c;color:#fff}.wordplay-key.correct{background:#368c65;color:#fff}.wordplay-key.absent{background:#77838c;color:#fff}.wordplay-key:focus-visible{outline:3px solid #0b5e98;outline-offset:2px}.wordplay-help{max-width:500px;margin:18px auto 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.wordplay-reset{margin:12px 0 0;color:var(--blue);font-size:13px;font-weight:700;text-align:center}@keyframes wordplay-pop{to{transform:scale(1.04)}}@keyframes wordplay-flip{50%{transform:rotateX(90deg)}}@media(max-width:620px){.wordplay-page{padding:30px 14px 60px}.wordplay-card{padding:17px 12px}.wordplay-heading-row{align-items:flex-start;flex-direction:column}.wordplay-stats{align-self:flex-end;margin-top:-8px}.wordplay-key{min-width:25px;height:43px;padding:0 5px}.wordplay-key.wide{min-width:54px}}

.pacman-card{margin-top:36px;padding:24px;border:1px solid var(--line);border-top:4px solid #1662a0;background:#f8fafc;box-shadow:0 12px 32px rgba(25,63,97,.07)}.pacman-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.pacman-heading-row h2{margin:2px 0 0;font:600 28px/1.1 Georgia,serif}.pacman-description{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.pacman-toolbar{display:grid;justify-items:end;gap:8px;min-width:270px}.pacman-toolbar>p{margin:0;color:var(--blue-deep);font-size:12px;font-weight:650;text-align:right}.pacman-stats,.pacman-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pacman-stats span{padding:5px 9px;background:#eaf2f8;border-radius:4px;color:#435b70;font-size:12px}.pacman-stats strong{margin-left:3px;color:var(--blue-deep)}.pacman-buttons button{padding:7px 10px;font-size:12px}.pacman-buttons button:disabled{opacity:.55;cursor:not-allowed}.pacman-play-area{display:flex;justify-content:center;margin:18px auto 0}.pacman-play-area canvas{display:block;width:min(100%,480px);height:auto;border:2px solid #14375c;border-radius:8px;background:#071320;image-rendering:pixelated;touch-action:none}.pacman-touch-controls{display:none;justify-content:center;margin:12px auto 0}.pacman-touch-controls>div{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px}.pacman-touch-controls button{width:52px;height:48px;padding:0;background:#173f66;border-color:#235c8e;font-size:18px;touch-action:manipulation}.pacman-touch-controls button:first-child{grid-column:2}.pacman-touch-controls button:nth-child(2){grid-column:1;grid-row:2}.pacman-touch-controls button:nth-child(3){grid-column:2;grid-row:2}.pacman-touch-controls button:nth-child(4){grid-column:3;grid-row:2}.pacman-help{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.45;text-align:center}@media(hover:none),(max-width:620px){.pacman-touch-controls{display:flex}}@media(max-width:620px){.pacman-card{padding:17px 12px}.pacman-heading-row{flex-direction:column;gap:14px}.pacman-toolbar{justify-items:start;min-width:0;width:100%}.pacman-toolbar>p{text-align:left}.pacman-stats,.pacman-buttons{justify-content:flex-start;flex-wrap:wrap}.pacman-play-area{margin-top:12px}}.pacman-touch-controls{display:none;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px;width:max-content}.pacman-touch-controls button:nth-child(1){grid-column:2;grid-row:1}.pacman-touch-controls button:nth-child(2){grid-column:1;grid-row:2}.pacman-touch-controls button:nth-child(3){grid-column:2;grid-row:2}.pacman-touch-controls button:nth-child(4){grid-column:3;grid-row:2}@media(hover:none),(max-width:620px){.pacman-touch-controls{display:grid}}