.ag-game-patternMemory .pm-phase{min-height:1.5em;font-family:var(--display);color:var(--muted);text-align:center;margin:0;font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:800}.ag-game-patternMemory .pm-phase[data-kind=input],.ag-game-patternMemory .pm-phase[data-kind=good]{color:var(--cat)}.ag-game-patternMemory .pm-phase[data-kind=bad]{color:#ff7a90}:root[data-theme=light] .ag-game-patternMemory .pm-phase[data-kind=input],:root[data-theme=light] .ag-game-patternMemory .pm-phase[data-kind=good]{color:color-mix(in srgb,var(--cat) 45%,#0d1433)}:root[data-theme=light] .ag-game-patternMemory .pm-phase[data-kind=bad]{color:#b3123a}.ag-game-patternMemory .pm-wrap{aspect-ratio:1;width:min(100%,500px);position:relative}.ag-game-patternMemory .pm-grid{--n:3;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:calc(24px / var(--n) + 3px);width:100%;height:100%;padding:calc(24px / var(--n) + 6px);border:1px solid var(--hairline);background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;transition:box-shadow .2s;display:grid}.ag-game-patternMemory .pm-row{display:contents}.ag-game-patternMemory .pm-tile{border:1px solid var(--hairline);border-radius:calc(40px / var(--n) + 4px);background:var(--panel-soft);color:#0b0f26;cursor:default;place-items:center;min-width:0;min-height:0;padding:0;transition:background-color .18s,transform .1s,box-shadow .18s;display:grid}.ag-game-patternMemory .pm-grid.is-input .pm-tile{cursor:pointer}.ag-game-patternMemory .pm-grid.is-input .pm-tile:hover{border-color:var(--cat)}.ag-game-patternMemory .pm-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px;z-index:2}.ag-game-patternMemory .pm-tile.is-lit{background:var(--cat);border-color:var(--cat);box-shadow:0 0 22px 2px color-mix(in srgb,var(--cat) 55%,transparent);transform:scale(1.03)}.ag-game-patternMemory .pm-tile.is-found{background:color-mix(in srgb,var(--cat) 75%,var(--panel-soft));border-color:var(--cat)}.ag-game-patternMemory .pm-tile.is-wrong{background:color-mix(in srgb,#ff7a90 70%,var(--panel-soft));border-color:#ff7a90}.ag-game-patternMemory .pm-tile.is-missed{border:2px dashed var(--cat);background:color-mix(in srgb,var(--cat) 18%,var(--panel-soft))}.ag-game-patternMemory .pm-mark{font-size:calc(70px / var(--n) + 6px);font-weight:900;line-height:1}.ag-game-patternMemory .pm-grid.is-cleared{box-shadow:0 0 0 3px color-mix(in srgb,var(--cat) 55%,transparent)}:root[data-theme=light] .ag-game-patternMemory .pm-tile.is-lit{background:color-mix(in srgb,var(--cat) 70%,#0d1433 10%)}.ag-game-patternMemory .pm-intro{background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(3px);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.ag-game-patternMemory .pm-intro[hidden]{display:none}.ag-game-patternMemory .pm-intro-text{max-width:32ch;color:var(--ink);margin:0;font-weight:650;line-height:1.5}.ag-game-patternMemory .pm-start{min-width:170px;min-height:52px;font-size:1rem}@media (prefers-reduced-motion:reduce){.ag-game-patternMemory .pm-tile,.ag-game-patternMemory .pm-grid{transition:none}.ag-game-patternMemory .pm-tile.is-lit{transform:none}}@media (width<=520px){.ag-game-patternMemory .ag-result-card{padding:22px 16px 18px}.ag-game-patternMemory .ag-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ag-game-patternMemory .ag-result-stats dd{font-size:1.05rem}.ag-game-patternMemory .ag-result-title{font-size:1.45rem}}
