.memory-game{color:#0b2b61;max-width:1050px;margin:auto}.memory-heading{align-items:center;gap:18px;margin-bottom:24px;display:flex}.memory-icon{background:#d9f3f3;border-radius:20px;place-items:center;width:72px;height:72px;font-size:40px;display:grid}.memory-heading p{color:#317080;letter-spacing:.1em;font-size:14px;font-weight:700}.memory-heading h1{letter-spacing:-.035em;font-size:clamp(28px,4vw,38px);line-height:1.3}.memory-heading>div>span{color:#486283;font-size:16px}.memory-cabinet{background:#fff;border:3px solid #128b96;border-radius:24px;overflow:hidden;box-shadow:0 6px #0b6470}.memory-hud{color:#fff;background:#0b2b61;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;display:grid}.memory-hud>span{flex-direction:column;gap:3px;display:flex}.memory-hud small{color:#bdd7ee;letter-spacing:.09em;font-size:12px}.memory-hud b{font-size:24px;line-height:1.2}.memory-welcome,.memory-results{text-align:center;padding:clamp(24px,5vw,50px)}.memory-welcome>span,.memory-result-icon{margin-bottom:16px;font-size:46px;display:block}.memory-welcome h2,.memory-results h2{margin-bottom:18px;font-size:clamp(26px,4vw,34px);line-height:1.25}.memory-welcome p,.memory-results>p{color:#486283;max-width:570px;margin:14px auto;font-size:16px;line-height:1.6}.memory-primary{color:#0b2b61;background:#ffd43b;border:2px solid #e0ae0d;border-radius:12px;justify-content:center;align-items:center;gap:20px;min-height:52px;margin-top:18px;padding:12px 24px;display:inline-flex;box-shadow:0 4px #c39708;font-weight:800!important}.memory-primary:hover{background:#ffe071}.memory-final-score{color:#087581;font-size:48px;line-height:1.3;display:block}.memory-final-score small{font-size:18px}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;display:grid}.memory-card{color:#fff;overflow-wrap:anywhere;background:#174f89;border:2px solid #236b9a;border-bottom-width:5px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:125px;padding:14px 12px;transition:background .16s,border-color .16s;display:flex;position:relative}.memory-card small{letter-spacing:.08em;color:#c4deef;font-size:12px;font-weight:700}.memory-card>span{font-size:36px;font-weight:800;line-height:1.25}.memory-card:hover:not(:disabled){background:#236b9a;border-color:#ffc933}.memory-card.is-revealed{color:#0b2b61;background:#fff7d5;border-color:#e0b02b}.memory-card.is-revealed>span{font-size:18px}.memory-card.is-revealed small{color:#795717}.memory-card.is-matched{color:#195c3b;background:#ddf4e8;border-color:#268354}.memory-card.is-matched small{color:#216f47}.memory-card:disabled{opacity:1;cursor:default}.memory-card i{font-style:normal;font-weight:800;position:absolute;top:6px;right:9px}.memory-feedback{color:#315c7d;min-height:48px;font-size:16px;line-height:1.5;margin:20px 2px!important}.memory-review{text-align:left;border:1px solid #c7dce7;border-radius:12px;max-width:640px;margin:24px auto 0;padding:14px 18px}.memory-review summary{cursor:pointer;font-size:16px;font-weight:700}.memory-review p{border-top:1px solid #e1ebf1;grid-template-columns:1fr 1fr;gap:16px;padding:10px 0;font-size:16px;display:grid}.memory-review>div{margin-top:12px}@media (width<=600px){.memory-heading{gap:12px}.memory-icon{flex-shrink:0;width:52px;height:60px;font-size:30px}.memory-heading>div>span{font-size:14px}.memory-hud{gap:8px;padding:15px 12px}.memory-hud b{font-size:20px}.memory-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px}.memory-pairs-4{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-card{min-height:112px;padding:12px 6px}.memory-card.is-revealed>span{font-size:16px}.memory-card small{letter-spacing:0;font-size:12px}.memory-welcome,.memory-results{padding:24px 18px}.memory-cabinet{border-radius:18px}}@media (width<=370px){.memory-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.memory-card{transition:none}}.memory-pairs-3{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-pairs-3 .memory-card{min-height:115px}.memory-pairs-3 .memory-card span{font-size:16px;line-height:1.3}@media (width<=600px){.memory-pairs-3{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-pairs-3 .memory-card span{font-size:14px}}