.all-game-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.15rem}
.all-game-cards a,.all-game-cards button{--card:#eaf6f2;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:112px;padding:.75rem;border:2px solid color-mix(in srgb,var(--card),#173f3b 12%);border-radius:18px;background:linear-gradient(145deg,#fff,var(--card));box-shadow:0 6px 0 color-mix(in srgb,var(--card),#173f3b 15%),0 12px 24px #1e4e4610;transition:.18s ease;text-align:left}
.all-game-cards a:hover,.all-game-cards a:focus{transform:translateY(-4px);box-shadow:0 11px 0 color-mix(in srgb,var(--card),#173f3b 15%),0 20px 36px #1e4e461a;outline:3px solid #ffffff}
.all-game-cards>a>span,.all-game-cards>button>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#ffffffd9;font-size:1.7rem;box-shadow:0 5px 13px #173f3b12}
.all-game-cards div{min-width:0}.all-game-cards em,.all-game-cards b,.all-game-cards small{display:block}.all-game-cards em{margin-bottom:.15rem;color:#56736c;font-size:.64rem;font-style:normal;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.all-game-cards b{color:#173f3b;font-size:.9rem;line-height:1.25}.all-game-cards small{margin-top:.25rem;color:#4f6862;font-size:.72rem;font-weight:750;line-height:1.35}
.all-game-cards .card-add{--card:#fff0c7}.all-game-cards .card-sub{--card:#e3f2ff}.all-game-cards .card-compare{--card:#e8f6dc}.all-game-cards .card-number{--card:#edf0ff}.all-game-cards .card-logic{--card:#f4eaff}.all-game-cards .card-mixed{--card:#ffe9df}.all-game-cards .card-gold{--card:#ffe394;border-color:#e4ad20}
.all-game-cards .card-gold b{color:#795000}.all-game-cards .card-gold>span{background:#fff9dc}
.all-game-cards .locked-card{grid-column:1;cursor:not-allowed;opacity:.78;filter:saturate(.72)}
@media(max-width:1050px){.all-game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.all-game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.game-section{padding:.9rem}.all-game-cards{grid-template-columns:1fr;gap:.75rem}.all-game-cards a,.all-game-cards button{min-height:108px;padding:.8rem;border-radius:18px}.all-game-cards>a>span,.all-game-cards>button>span{width:56px;height:56px;border-radius:16px;font-size:1.8rem}.all-game-cards small{font-size:.74rem}}

.learning-method .copy{max-width:720px}.method-points{display:grid;gap:.7rem;margin-top:1.2rem}.method-points article{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.9rem 1rem;border:1px solid #dce9e5;border-radius:16px;background:#ffffffd9;box-shadow:0 8px 22px #174f440b}.method-points article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff3c8;font-size:1.35rem}.method-points h3{margin:0 0 .2rem;color:#173f3b;font-size:1rem}.method-points p{margin:0!important;color:#566f69!important;font-size:.88rem!important;line-height:1.45!important}.about-single{grid-template-columns:minmax(0,1fr)!important;max-width:720px;margin-inline:auto}
.learning-method .welcome-label{display:block;margin-bottom:1rem;font-size:clamp(1.2rem,2vw,1.55rem);font-style:italic;line-height:1.35;letter-spacing:.01em}.learning-method h1{max-width:none;white-space:nowrap;font-size:clamp(1.6rem,3.35vw,3.2rem);font-style:italic;line-height:1.1;letter-spacing:-.025em}
@media(max-width:600px){.learning-method .welcome-label{font-size:1.15rem}.learning-method h1{font-size:clamp(.9rem,4.2vw,1.55rem);letter-spacing:-.04em}}