.games-page{padding-top:32px;padding-bottom:48px}.games-page h1{font-size:clamp(2rem,6vw,3rem)}.game-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}.game-controls label{display:grid;gap:6px;font-weight:600}.game-controls select,#game-options select{font:inherit;padding:12px;max-width:100%;border:1px solid #879b98;border-radius:12px;background:white;color:#183d38}.game-surface{background:#eef8f6;border:1px solid #b5d9d1;border-radius:22px;padding:clamp(16px,4vw,32px)}.game-surface h2{margin-top:0}.game-grid{display:grid;gap:10px;max-width:620px;margin:20px auto}.game-card{min-height:90px;background:white;border:2px solid #327b70;border-radius:14px;font:inherit;color:#183d38;padding:12px;cursor:pointer}.game-card .symbol{font-size:2.3rem;display:block}.game-card.matched{background:#c8e9d6;border-color:#267345}.game-card.selected{outline:4px solid #e5a83c;outline-offset:2px}.game-card:focus-visible,.puzzle-piece:focus-visible{outline:4px solid #cb7521;outline-offset:2px}.puzzle-piece{aspect-ratio:1.4;border:2px solid white;cursor:pointer;border-radius:6px;background-repeat:no-repeat;background-color:#b5d9d1}.puzzle-piece span{background:#183d38;color:white;border-radius:4px;padding:2px 7px;font-size:14px}.game-preview{width:180px;max-width:100%;border-radius:10px;display:block;margin:12px 0}.game-result{padding:20px;background:white;border-radius:14px;margin-top:20px}.game-result a{display:inline-block;margin-top:12px}.game-status{min-height:28px;font-weight:600}#game-options label{display:block}#game-board button:disabled{cursor:default;opacity:1}.bag-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.game-controls label{width:100%}.game-controls select{width:100%}.game-card{min-height:82px;padding:8px;font-size:14px}.game-grid{gap:6px}.bag-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.games-page *{transition:none!important}}