.karuta-play-area{padding:20px;width:100%;display:flex;flex-direction:column;height:calc(80vh - 40px);min-height:0}.karuta-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;width:100%;flex:1;min-height:0;align-content:center}.karuta-card-wrapper{position:relative;cursor:pointer;border-radius:.75rem;overflow:hidden;border:3px solid #e5e7eb;background:#fff;transition:transform .15s ease,box-shadow .15s ease;max-height:100%}.karuta-card-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.karuta-card-img{width:100%;height:100%;object-fit:contain;display:block}.karuta-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;pointer-events:none;animation:karuta-feedback-pop .4s ease}.karuta-feedback--correct{color:#22c55e;background:#dcfce7d9}.karuta-feedback--wrong{color:#ef4444;background:#fee2e2d9}@keyframes karuta-feedback-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.karuta-card-mode-layout{display:flex;gap:1.5rem;flex:1;min-height:0}.karuta-search-card{width:180px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.karuta-search-card__img{width:100%;border-radius:.75rem;border:4px solid #f59e0b;box-shadow:0 4px 12px #f59e0b4d}.karuta-card-mode-layout .karuta-grid{flex:1}.karuta-voice-panel{width:180px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.karuta-audio-gauge--vertical{width:100%;height:120px;flex:unset;display:flex;flex-direction:column-reverse}.karuta-audio-gauge--vertical .karuta-audio-gauge__fill{width:100%;height:0%;transition:height 50ms linear}.karuta-card-wrapper--cleared{visibility:hidden;pointer-events:none}.karuta-audio-gauge{flex:1;height:16px;background:#e5e7eb;border-radius:8px;overflow:hidden}.karuta-audio-gauge__fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:8px;transition:width 50ms linear}.karuta-row-btn{padding:.75rem 1.25rem;border:3px solid #d1d5db;border-radius:1rem;font-size:1.5rem;font-weight:700;background:#fff;cursor:pointer;transition:all .2s ease}.karuta-row-btn:hover:not(:disabled){border-color:#9ca3af}.karuta-row-btn--active{border-color:#f59e0b;background:#fef3c7;box-shadow:0 0 0 3px #f59e0b4d}.karuta-row-btn:disabled{opacity:.4;cursor:not-allowed}.karuta-locked{pointer-events:none}@media(max-width:768px){.karuta-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.karuta-feedback{font-size:3rem}.karuta-row-btn{font-size:1.25rem;padding:.5rem 1rem}.karuta-search-card{width:120px}.karuta-card-mode-layout{gap:.75rem}.karuta-voice-panel{width:120px}}