.karuta .karuta-toolbar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:14px}.karuta .karuta-toolbar .stat-bar{margin:0}.karuta-reader{position:relative;display:grid;gap:4px;max-width:720px;margin-bottom:16px;padding:12px 18px 16px;overflow:hidden;background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.karuta-reader .karuta-reader-label{font-size:.8125rem;font-weight:900;color:var(--ink-soft)}.karuta-reader .karuta-reader-text{min-height:1.5em;font-family:var(--font-display);font-size:clamp(1.25rem,5.5vw,2rem);line-height:1.4}.karuta-reader .karuta-cpu-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--bg)}.karuta-reader .karuta-cpu-fill{display:block;width:0;height:100%;background:var(--momo)}.karuta-field{position:relative;max-width:720px;aspect-ratio:4/3;overflow:hidden;background-color:#d9c98a;background-image:repeating-linear-gradient(90deg,rgba(120,100,40,.12) 0 2px,transparent 2px 9px),linear-gradient(90deg,transparent 49.6%,rgba(60,50,20,.35) 49.6% 50.4%,transparent 50.4%);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:manipulation}.karuta-card{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);display:grid;grid-template-rows:1fr auto;place-items:center;width:12.5%;aspect-ratio:3/4;padding:4% 0 6%;font:inherit;color:var(--ink);background:#fffaf0;border:3px solid var(--ink);border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;transform:rotate(var(--r, 0deg));transition:left .28s cubic-bezier(.2,1.4,.4,1),top .28s cubic-bezier(.2,1.4,.4,1),transform .28s}.karuta-card .karuta-card-kana{display:grid;place-items:center;width:64%;aspect-ratio:1;font-family:var(--font-display);font-size:clamp(1rem,4.4vw,2rem);line-height:1;color:var(--paper);background:var(--momo);border-radius:50%}.karuta-card .karuta-card-pic{font-size:clamp(.9rem,3.6vw,1.75rem);line-height:1}.karuta-card.is-taken{opacity:0;transform:scale(.4) rotate(30deg);pointer-events:none;transition:opacity .25s,transform .25s}.karuta-card.is-wrong{background:#ffd9e3}.karuta-card.is-hint{outline:4px solid var(--ki)}.karuta-pop{position:absolute;font-family:var(--font-display);font-size:clamp(.9rem,3vw,1.25rem);color:var(--ink);pointer-events:none;animation:karuta-pop .7s ease-out forwards}@keyframes karuta-pop{to{transform:translateY(-30px);opacity:0}}