.five-cards-spread{justify-content:center;gap:clamp(4px,1vw,12px);display:flex}.five-cards-spread figure{text-align:center;width:clamp(3rem,8vw,6.5rem);margin:0}.five-cards-spread img{filter:drop-shadow(0 6px 10px #0003);width:100%;height:auto;display:block}.five-cards-spread figcaption{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.3}.five-cards-board-wrap{padding:4px 4px 8px;overflow-x:auto}.five-cards-board{grid-template-columns:repeat(13,minmax(1.75rem,1fr));gap:clamp(3px,.45vw,8px);min-width:29rem;display:grid}@media (max-width:600px){.five-cards-board{grid-template-columns:repeat(7,minmax(2.5rem,1fr));min-width:0}}.five-cards-board button{aspect-ratio:167.087/242.667;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:0;transition:transform .15s}.five-cards-board button img{filter:drop-shadow(0 1px 2px #0003);width:100%;height:100%;transition:filter .15s,opacity .15s;display:block}.five-cards-board button:not(:disabled):hover{transform:translateY(-2px)}.five-cards-board button:not(:disabled):hover img{filter:drop-shadow(0 5px 8px #0000004d)}.five-cards-board button:disabled{cursor:default}.five-cards-board button.is-used img{opacity:.35;filter:grayscale()}.five-cards-board button.is-answer img{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--primary) 80%, transparent)) drop-shadow(0 2px 5px #0003)}.five-cards-board button.is-wrong img{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 80%, transparent)) drop-shadow(0 2px 5px #0003)}.five-cards-board button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}