.memory-brand-mark i{border:2px solid var(--paper);background:var(--green);border-radius:5px;width:27px;height:34px;position:absolute;box-shadow:0 3px 7px #00000024}.memory-brand-mark i:first-child{left:3px;transform:rotate(-9deg)}.memory-brand-mark i:last-child{background:var(--red);right:2px;transform:rotate(9deg)}.memory-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-settings .mode-field{width:100%}.hero{padding:18px 20px 14px}.hero h1{font-size:clamp(28px,3.2vw,38px)}.mode-panel{margin-bottom:13px}.memory-game{width:min(1040px,100% - 32px);margin:0 auto}.memory-stats{grid-template-columns:repeat(3,minmax(90px,145px));justify-content:center;gap:8px;margin-bottom:10px;display:grid}.memory-stats>div{text-align:center;background:#ffffff4d;border:1px solid #172a271c;border-radius:9px;padding:9px 12px}.memory-stats span{color:var(--red);letter-spacing:.18em;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.memory-stats strong{letter-spacing:.05em;font-size:14px}.memory-status{min-height:20px;color:var(--muted);text-align:center;margin:0 0 10px;font-family:Noto Sans JP,sans-serif;font-size:10px}.memory-players{grid-template-columns:minmax(110px,180px) auto minmax(110px,180px);justify-content:center;align-items:center;gap:10px;margin:0 auto 10px;display:grid}.memory-players[hidden]{display:none}.memory-player{color:var(--muted);background:#ffffff42;border:1px solid #172a271f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .18s;display:flex}.memory-player.active{color:var(--green-dark);background:#fffaf0c7;border-color:#da5b427a;box-shadow:0 5px 15px #25353017}.memory-player span{font-size:9px;font-weight:700}.memory-player strong{color:var(--red);font-size:17px}.versus-mark{color:var(--muted);letter-spacing:.14em;font-size:8px;font-weight:800}.memory-board-shell{border-radius:18px;width:min(650px,100%);margin:0 auto;position:relative;overflow:hidden}.memory-board-shell.size-50{width:min(780px,100%)}.memory-board-shell.size-70{width:min(920px,100%)}.memory-board{--columns:10;box-sizing:border-box;grid-template-columns:repeat(var(--columns), minmax(0, 1fr));background:radial-gradient(circle at 20% 15%,#ffffff40,#0000 28%),#2d6f5f14;border:1px solid #172a2721;border-radius:18px;gap:clamp(12px,1.15vw,16px);width:100%;margin:0;padding:clamp(13px,1.5vw,18px);display:grid;box-shadow:inset 0 0 0 6px #ffffff26,0 18px 45px #20312c17}.memory-board.size-50{--columns:13}.memory-board.size-70{--columns:18}.memory-card{z-index:var(--scatter-z);aspect-ratio:3/4;cursor:pointer;perspective:700px;min-width:0;transform:translate(var(--scatter-x), var(--scatter-y)) rotate(var(--scatter-r)) scale(var(--scatter-scale));transform-origin:var(--scatter-origin-x) var(--scatter-origin-y);background:0 0;border:0;border-radius:clamp(4px,.55vw,7px);padding:0;transition:transform .18s,filter .18s,opacity .18s;position:relative}.memory-card:not(:disabled):hover,.memory-card:focus-visible{z-index:20;filter:brightness(1.03);transform:translate(var(--scatter-x), calc(var(--scatter-y) - 4px)) rotate(0deg) scale(1.04)}.memory-card:disabled{cursor:default}.memory-card-inner{transform-style:preserve-3d;transition:transform .36s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0}.memory-card.face-up .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card.matched{opacity:.58}.memory-card.matched.just-matched{opacity:1}.memory-card.just-matched .memory-card-inner{animation:.68s cubic-bezier(.2,.8,.25,1) memory-match-pop}.memory-card.just-matched .memory-card-front{animation:.68s ease-out memory-match-glow}.memory-card.just-matched:after{content:"";z-index:3;opacity:0;pointer-events:none;border:2px solid #de64468a;border-radius:calc(clamp(4px,.55vw,7px) + 4px);animation:.68s ease-out memory-match-ring;position:absolute;inset:-5px}.memory-card-side{border-radius:inherit;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.memory-card-back{background:repeating-linear-gradient(45deg, #ffffff14 0 4px, transparent 4px 9px), var(--green-dark);border:2px solid #fffaf0b3;box-shadow:0 5px 11px #14363033}.memory-card-back:before{content:"";aspect-ratio:1;border:1px solid #fffaf08c;border-radius:50%;width:42%;box-shadow:0 0 0 5px #ffffff09}.memory-card-front{background:var(--white);border:1px solid #172a271f;transform:rotateY(180deg);box-shadow:0 5px 12px #23302c21}.motif{aspect-ratio:1;width:72%;color:var(--motif);filter:drop-shadow(0 2px 1px #172a2714);place-items:center;display:grid}.motif svg{width:100%;height:100%;display:block;overflow:visible}@keyframes memory-match-pop{0%{transform:rotateY(180deg)scale(.96)}42%{transform:rotateY(180deg)scale(1.09)}70%{transform:rotateY(180deg)scale(1.03)}to{transform:rotateY(180deg)scale(1)}}@keyframes memory-match-glow{0%{box-shadow:0 5px 12px #23302c21}42%{box-shadow:0 0 0 4px #de64461f,0 9px 22px #de64463d}to{box-shadow:0 5px 12px #23302c21}}@keyframes memory-match-ring{0%{opacity:0;transform:scale(.88)}28%{opacity:.8}to{opacity:0;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.memory-card.just-matched .memory-card-inner,.memory-card.just-matched .memory-card-front,.memory-card.just-matched:after{animation-duration:1ms}}.result-card-pair,.guide-card-pair{flex:none;width:65px;height:48px;position:relative}.result-card-pair{margin:0 auto 14px}.result-card-pair i,.guide-card-pair i{border:3px solid var(--paper);background:var(--green);border-radius:6px;width:37px;height:47px;position:absolute;box-shadow:0 4px 9px #00000029}.result-card-pair i:first-child,.guide-card-pair i:first-child{left:5px;transform:rotate(-10deg)}.result-card-pair i:last-child,.guide-card-pair i:last-child{background:var(--red);right:5px;transform:rotate(10deg)}@media (width<=760px){.memory-board.size-70{--columns:14}}@media (width<=540px){.memory-game{width:calc(100% - 16px)}.memory-stats{grid-template-columns:repeat(3,1fr)}.hero{padding:15px 16px 12px}.mode-panel{margin-bottom:12px}.memory-board{--columns:6;border-radius:12px;gap:9px;padding:11px 9px}.memory-board.size-50,.memory-board.size-70{--columns:8;gap:6px;padding:9px 8px}.memory-card{transform:rotate(calc(var(--scatter-r) / 2)) scale(.9);transform-origin:50%}.memory-card:not(:disabled):hover,.memory-card:focus-visible{transform:translateY(-2px)rotate(0)scale(.96)}.memory-card-back{border-width:1px}.memory-settings{grid-template-columns:1fr;width:calc(100% - 28px)}.memory-players{grid-template-columns:1fr auto 1fr;gap:5px}.memory-player{padding:7px 8px}}
