.deck{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.deck__viewport{width:min(100%,420px);perspective:1400px}.card{position:relative;width:100%;aspect-ratio:3 / 4;--card-accent: var(--kein-article)}.card.art-der{--card-accent: var(--der)}.card.art-die{--card-accent: var(--die)}.card.art-das{--card-accent: var(--das)}.card.art-none{--card-accent: var(--kein-article)}.card__flip{position:absolute;inset:0;z-index:3;background:transparent;border:none;padding:0}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.card.is-flipped .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--paper-raised);border:1px solid var(--line);border-top:5px solid var(--card-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card__face--back{transform:rotateY(180deg);justify-content:center;text-align:center}.card__media{position:relative;width:100%;aspect-ratio:16 / 11;border-radius:var(--radius);overflow:hidden;background:var(--paper)}.card__media img{width:100%;height:100%;object-fit:cover}.card__media-missing{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--ink-faint);font-size:var(--step--1);background:repeating-linear-gradient(45deg,var(--paper),var(--paper) 10px,#efede7 10px,#efede7 20px)}.card__media.is-missing img{display:none}.card__media.is-missing .card__media-missing,.card__media-missing[aria-hidden=false]{display:flex}.card__word-row{display:flex;align-items:baseline;gap:.5ch;flex-wrap:wrap;justify-content:center}.card__article{font-family:var(--font-mono);font-size:var(--step-0);font-weight:600;color:#fff;background:var(--card-accent);padding:.1em .5em;border-radius:6px}.card__word{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;color:var(--ink)}.card__plural{font-size:var(--step--1);color:var(--ink-soft)}.card__plural code{font-family:var(--font-mono);background:var(--paper);padding:.1em .4em;border-radius:4px}.card__meanings{margin-bottom:var(--space-sm)}.card__tr{font-size:var(--step-2);font-weight:600;color:var(--ink)}.card__en{font-size:var(--step-0);color:var(--ink-faint);font-style:italic}.card__example{border-top:1px solid var(--line);padding-top:var(--space-sm);display:flex;flex-direction:column;gap:.4rem}.card__sentence-de{font-size:var(--step-1);color:var(--ink)}.card__sentence-tr{font-size:var(--step-0);color:var(--ink-soft)}.audio-btn{z-index:4;position:relative;display:inline-flex;align-items:center;gap:.5ch;font-size:var(--step--1);color:var(--card-accent, var(--der));background:color-mix(in srgb,var(--card-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);padding:.45em .9em;border-radius:999px;transition:background .15s ease}.audio-btn:hover{background:color-mix(in srgb,var(--card-accent) 18%,transparent)}.audio-btn.is-playing{background:var(--card-accent);color:#fff}.card__hint{margin-top:auto;font-size:var(--step--1);color:var(--ink-faint)}.card__counter{position:absolute;bottom:-1.8rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-faint);z-index:5}.deck__nav{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.deck__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--line);background:var(--paper-raised);font-size:var(--step-1);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.deck__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.deck__btn:disabled{opacity:.35;cursor:not-allowed}.deck__progress{font-family:var(--font-mono);font-size:var(--step-0);color:var(--ink-soft);min-width:5ch;text-align:center}.legend{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;font-size:var(--step--1);color:var(--ink-soft)}.legend__item{display:inline-flex;align-items:center;gap:.45ch}.legend__dot{width:.8em;height:.8em;border-radius:50%}.legend__dot--der{background:var(--der)}.legend__dot--die{background:var(--die)}.legend__dot--das{background:var(--das)}.deck__viewport [data-card]{display:none}.deck__viewport [data-card].is-active{display:block}.card__face{padding:var(--space-lg) var(--space-md);box-shadow:0 1px 2px #14161f0a,0 8px 28px #14161f17}.deck__viewport [data-card].is-active .card__face{box-shadow:0 2px 4px #14161f0d,0 18px 48px #14161f21}.card__media{border:1px solid color-mix(in srgb,var(--card-accent) 14%,var(--line))}.card__media img{transition:transform .4s cubic-bezier(.2,0,.2,1)}@media (hover: hover){.card:hover .card__media img{transform:scale(1.03)}}.card__media-missing{flex-direction:column;gap:.4rem;letter-spacing:.01em}.card__media-missing-icon{font-size:1.6rem;opacity:.7}.card__word{line-height:1.05;letter-spacing:-.015em}.card__article{box-shadow:0 1px 2px color-mix(in srgb,var(--card-accent) 40%,transparent);letter-spacing:.02em}.audio-btn{padding:.55em 1.05em;font-weight:600;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}@media (hover: hover){.audio-btn:hover{transform:translateY(-1px)}}.audio-btn:active{transform:translateY(0) scale(.97)}.audio-btn.is-playing{box-shadow:0 2px 10px color-mix(in srgb,var(--card-accent) 45%,transparent)}@media (prefers-reduced-motion: no-preference){.audio-btn.is-playing span[aria-hidden]{animation:audio-pulse 1s ease-in-out infinite;display:inline-block}}@keyframes audio-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.deck__btn{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}@media (hover: hover){.deck__btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--ink) 25%,var(--line));box-shadow:0 6px 20px #14161f1f}}.deck__btn:active:not(:disabled){transform:scale(.94)}.card__hint{letter-spacing:.01em;opacity:.85}@media (max-width: 420px){.deck__viewport{width:min(100%,360px)}.card__face{padding:var(--space-md) var(--space-sm)}}@media (max-height: 560px){.card{aspect-ratio:auto;min-height:420px}}.card__inner{z-index:4;pointer-events:none}.audio-btn{pointer-events:auto}.demo[data-astro-cid-prwxh6m4]{padding-block:var(--space-lg) var(--space-xl)}.demo__head[data-astro-cid-prwxh6m4]{text-align:center;margin-bottom:var(--space-lg)}.demo__back[data-astro-cid-prwxh6m4]{display:inline-block;font-size:var(--step--1);color:var(--ink-faint);text-decoration:none;margin-bottom:var(--space-sm)}.demo__back[data-astro-cid-prwxh6m4]:hover{color:var(--ink)}.demo__title[data-astro-cid-prwxh6m4]{font-size:var(--step-3);margin-bottom:var(--space-xs)}.demo__sub[data-astro-cid-prwxh6m4]{color:var(--ink-soft)}.demo__cta[data-astro-cid-prwxh6m4]{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line)}.demo__cta-text[data-astro-cid-prwxh6m4]{font-size:var(--step-1);color:var(--ink);margin-bottom:var(--space-md)}