.props-ui .memory{container-type:inline-size;display:grid;gap:clamp(12px,4cqi,20px);width:100%;padding:clamp(10px,3cqi,16px);border-radius:10px;background:radial-gradient(120% 120% at 50% 0%,#3a2616,#1f140b);box-shadow:inset 0 4px 10px #0009,inset 0 0 0 2px #0006;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.props-ui .memory:focus-visible{outline-offset:6px}.props-ui .mem-tile{display:grid;place-items:center;width:100%;height:100%;border-radius:clamp(5px,14%,10px);background:var(--wood-face);box-shadow:var(--wood-raise);color:var(--char)}.props-ui .mem-tile.is-painted{background:radial-gradient(90% 70% at 28% 18%,rgba(255,255,255,.28),transparent 62%),var(--paint);color:var(--ink)}.props-ui .mem-tile svg{width:74%;height:74%;fill:currentColor}.props-ui .mem-tile .cut{fill:none;stroke:#d7b483;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.props-ui .mem-tile .cut-dot{fill:#d7b483}.props-ui .mem-repeat{display:grid;justify-items:center;gap:clamp(8px,2.5cqi,12px)}.props-ui .mem-window{display:grid;place-items:center;width:clamp(110px,38cqi,170px);aspect-ratio:1;padding:10%;border-radius:14px;background:linear-gradient(170deg,#6c4529,#4b2f1a);box-shadow:inset 0 3px 8px #0000008c,0 2px #ffdcaa26}.props-ui .mem-face{display:grid;place-items:center;width:100%;height:100%}.props-ui .mem-face .mem-tile{transform:scale(.6);opacity:0;transition:transform .16s cubic-bezier(.3,1.4,.55,1),opacity .12s}.props-ui .mem-face.is-on .mem-tile{transform:scale(1);opacity:1}.props-ui .mem-face.is-answer .mem-tile{box-shadow:var(--wood-raise),0 0 0 4px var(--torch)}.props-ui .mem-turn{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,7cqi,2rem);line-height:1;text-align:center;text-transform:uppercase;color:var(--sand)}.props-ui .mem-round{margin:0;font-weight:700;font-size:var(--step--1);color:var(--foam)}.props-ui .mem-pips{display:flex;gap:6px;margin:0;padding:0;list-style:none}.props-ui .mem-pip{width:10px;height:10px;border-radius:50%;background:#efe4cc2e;transition:background .12s}.props-ui .mem-pip.is-on{background:var(--torch)}.props-ui .mem-pip.is-done{background:#efe4cc80}.props-ui .mem-pip.chunk-start,.props-ui .mem-slot.chunk-start{margin-left:10px}.props-ui .mem-slots{--slot: min(44px, calc((100cqi - (var(--n) - 1) * 6px) / var(--n)));display:flex;justify-content:center;gap:6px;min-height:var(--slot);margin:0;padding:0;list-style:none}.props-ui .mem-slot{width:var(--slot);height:var(--slot);border-radius:8px;box-shadow:inset 0 0 0 2px #efe4cc38}.props-ui .mem-pip.is-repeat{box-shadow:0 0 0 2px var(--buff-text)}.props-ui .mem-slot.is-repeat{box-shadow:inset 0 0 0 2px var(--buff-text)}.props-ui .mem-slot.is-wrong .mem-tile{box-shadow:var(--wood-raise),0 0 0 3px #ff6b5a;filter:saturate(.6) brightness(.8)}.props-ui .mem-study{display:grid;justify-items:center;gap:clamp(10px,3cqi,16px)}.props-ui .mem-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:clamp(5px,1.6cqi,9px);width:min(100%,calc(var(--cols) * 19cqi))}.props-ui .mem-cell{position:relative;aspect-ratio:1;padding:5%;border-radius:9px;background:#00000047;box-shadow:inset 0 2px 5px #00000080,inset 0 0 0 2px #efe4cc1f;cursor:pointer;transition:opacity .16s}.props-ui .mem-cell-face{display:grid;width:100%;height:100%}.props-ui .mem-cell.is-cursor{box-shadow:inset 0 2px 5px #00000080,0 0 0 3px var(--torch)}.props-ui .mem-cell.is-drop{box-shadow:inset 0 0 0 3px var(--torch);background:#f4b7402e}.props-ui .mem-cell.is-wrong .mem-tile{box-shadow:var(--wood-raise),0 0 0 3px #ff6b5a;filter:saturate(.6) brightness(.8)}.props-ui .mem-cell.is-right .mem-tile{box-shadow:var(--wood-raise),0 0 0 3px var(--torch)}.props-ui .mem-cell.is-dim{opacity:.22}.props-ui .mem-act{min-height:44px}.props-ui .mem-pad{--cols: 6;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(6px,2cqi,10px);width:100%;max-width:calc(var(--cols) * 64px);justify-self:center}.props-ui .mem-pad[data-count="9"]{--cols: 5}.props-ui .mem-key{position:relative;display:grid;min-height:44px;aspect-ratio:1;padding:0;border:0;border-radius:10px;background:none;cursor:pointer;touch-action:none;transition:transform 80ms,opacity .16s}.props-ui .mem-key:active{transform:translateY(2px)}.props-ui .mem-key[aria-disabled=true]{opacity:.5;cursor:default}.props-ui .mem-key kbd{position:absolute;right:3px;bottom:2px;padding:0;border:0;background:none;box-shadow:none;font-family:var(--font-body);font-size:.7rem;font-weight:700;line-height:1;color:var(--char);opacity:.75}.props-ui .mem-key .is-painted+kbd{color:var(--sand)}@media(hover:none){.props-ui .mem-key kbd{display:none}}.mem-ghost{position:fixed;left:-28px;top:-28px;width:56px;height:56px;pointer-events:none;z-index:1000;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}@media(prefers-reduced-motion:reduce){.props-ui .mem-face .mem-tile,.props-ui .mem-pip,.props-ui .mem-cell,.props-ui .mem-key{transition:none}}