.memory-main{max-width:850px;padding-top:8px}.memory-intro{margin:28px 0}.memory-intro h1{margin:12px 0}.memory-intro>p{margin:12px 0;font-size:18px}.memory-rules{font-size:14px;line-height:1.6;color:var(--muted)}.game{background:#fff;border:1px solid #ccdbd0;border-radius:24px;padding:22px}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);color:white;border-radius:15px;padding:16px 0;text-align:center}.scorebar div+div{border-left:1px solid #ffffff30}.scorebar strong{display:block;font-size:26px;font-variant-numeric:tabular-nums}.scorebar span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:4px;color:#d5e7dc}.game-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.game-tools p{font-size:12px;margin:0}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:10px 0;white-space:nowrap;text-decoration:underline}.game-status{font-size:13px;min-height:22px;margin:10px 0 14px}.memory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.memory-card{position:relative;padding:0;border:0;background:transparent;aspect-ratio:1/1.1;perspective:700px;min-width:0;border-radius:13px;color:var(--green)}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .3s}.memory-card.is-open .card-inner,.memory-card.is-matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.card-back{color:#eaf6ee;background:repeating-linear-gradient(135deg,#ffffff06 0 1px,transparent 1px 9px),#005739;border:1px solid #097b4c;box-shadow:0 3px 0 #003d29;gap:2px}.card-back svg{width:46%;height:40%;opacity:.9}.card-back b{font-size:10px;letter-spacing:1px}.card-front{transform:rotateY(180deg);background:#f2f5ed;border:2px solid #cadfd0;gap:4px;padding:5px}.card-front svg{width:76%;height:65%;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.card-front img{width:100%;height:74%;object-fit:cover;border-radius:6px}.card-front .logo{object-fit:contain;background:#003d29;padding:5px}.card-front span{font-size:11px;font-weight:750;line-height:1.2}.memory-card.is-matched .card-front{border-color:#009b45;background:#e6f5e9}.memory-card.is-matched:after{content:'✓';position:absolute;right:4px;top:3px;border-radius:50%;background:#009b45;color:white;width:18px;height:18px;font-size:12px}.memory-note{font-size:12px;text-align:center;margin:20px 0 0}.memory-result{margin:25px 0;padding:30px;background:#e1f1dd;border-radius:22px;text-align:center;border:1px solid #aecfae}.memory-result[hidden]{display:none}.memory-result h2{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:18px 0}.result-score{font-size:20px;font-weight:800;color:var(--green)}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-actions .secondary{background:white}.memory-choice{border-color:#96bd8c;background:#e6f1dc}.memory-choice .icon{background:#003d29;color:#fff}dialog{max-width:420px;width:calc(100% - 32px);border:0;border-radius:22px;padding:26px;color:var(--green)}dialog::backdrop{background:#001e20aa}dialog form{display:flex;gap:10px;flex-wrap:wrap}button:disabled{cursor:default} @media(max-width:600px){header{padding:18px 16px}.brand img{width:140px}header>.eyebrow{font-size:9px;letter-spacing:.8px;max-width:110px}.memory-main{padding:8px 14px 40px}.memory-intro{margin:22px 0}.memory-intro h1{font-size:51px}.memory-intro>p{font-size:16px}.game{padding:12px;border-radius:19px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.memory-card{aspect-ratio:1/1.03}.card-front span{font-size:10px}.card-back b{font-size:9px}.scorebar strong{font-size:22px}.game-tools{align-items:flex-start}.game-tools p{max-width:62%;padding-top:8px}.memory-result{padding:24px 16px}.memory-result h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}
.card-back img{width:90%;height:80%;object-fit:contain;padding:4px}.card-back{background:#003d29}.leaderboard{margin-top:36px}.leaderboard>h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.leaderboard>p{font-size:14px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.hero-card{background:white;border:1px solid #ccdbd0;border-radius:20px;padding:22px;overflow-wrap:anywhere}.hero-card:last-child{background:#e1f1dd;border-color:#9fc79c}.hero-icon{font-size:27px}.hero-card h3{font-size:15px;margin:12px 0}.hero-name{display:block;font-size:23px;line-height:1.25}.hero-card p{font-size:14px;margin:12px 0 4px;font-variant-numeric:tabular-nums}.hero-card small{color:var(--muted)}#record-form{border-top:1px solid #aac9ad;border-bottom:1px solid #aac9ad;margin:24px 0;padding:20px 0;text-align:left}#record-form[hidden],#record-management[hidden],#manage-records[hidden]{display:none}#record-form h3{margin:0}#record-form>p{font-size:14px}#record-form label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.record-input{display:flex;gap:10px}.record-input input{font:inherit;border:1px solid #96b59c;border-radius:12px;padding:12px;min-width:0;flex:1;background:#fff;color:var(--green)}.record-input button{font-size:14px}.record-input button:disabled{opacity:.55}#record-status{font-size:14px}#record-status:empty{display:none}.manage-entry{padding:14px 0;border-bottom:1px solid #ccdbd0;display:flex;gap:16px;align-items:center;justify-content:space-between}.manage-entry span{overflow-wrap:anywhere}@media(max-width:600px){.hero-grid{grid-template-columns:1fr}.hero-card{padding:20px}.record-input{flex-direction:column}.leaderboard>h2{font-size:29px}}

.card-front .product-photo{display:block;flex:none;height:74%;width:auto;max-width:100%;aspect-ratio:1;background-image:url("/memory/photoreal-v1.png");background-size:400% 200%;background-repeat:no-repeat;border-radius:6px}

.result-actions .discover-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.discover-more small{font-size:12px;line-height:1.4;font-weight:500;color:var(--muted)}