.card-player,.card-studio{min-height:100vh;color:var(--card-text);background:radial-gradient(circle at 15% 5%, color-mix(in srgb, var(--card-accent) 18%, transparent), transparent 30%), var(--card-background)}.card-player{padding:clamp(1rem,3vw,2.5rem)}.card-player__header,.card-player__content,.card-player__controls,.card-studio__header,.card-studio__layout{width:min(100%,72rem);margin-inline:auto}.card-player__header,.card-studio__header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-block-end:clamp(1.25rem,3vw,2.5rem);display:flex}.card-player__eyebrow,.card-studio__eyebrow{color:var(--card-accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.card-player h1,.card-studio h1{letter-spacing:-.045em;max-width:38rem;margin:.25rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4.5rem);line-height:.98}.card-player__meta,.card-studio__description{color:var(--card-muted);margin:.65rem 0 0}.card-player__content{gap:1.5rem;display:grid}.card-player__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:clamp(.8rem,2vw,1.25rem);display:grid}.card-player__card{border:2px solid var(--card-border);min-height:12rem;color:var(--card-text);background:var(--card-surface);box-shadow:.35rem .35rem 0 color-mix(in srgb, var(--card-accent) 24%, transparent);text-align:start;border-radius:1.25rem;padding:0;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;position:relative;overflow:hidden}.card-player__card:hover{box-shadow:.55rem .55rem 0 color-mix(in srgb, var(--card-accent) 34%, transparent);transform:translate(-.15rem,-.15rem)}.card-player__card[data-state=face-up],.card-player__card[data-state=matched]{border-color:var(--card-accent)}.card-player__card[data-state=matched]{box-shadow:.35rem .35rem 0 color-mix(in srgb, var(--card-success) 38%, transparent)}.card-player__card-label{color:var(--card-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800;position:absolute;inset-block-start:.75rem;inset-inline-start:.9rem}.card-player__card-text{align-self:center;padding:2.25rem 1rem 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,2.4rem);line-height:1.08}.card-player__card-hint{color:var(--card-muted);font-size:.75rem;position:absolute;inset-block-end:.8rem;inset-inline-end:.9rem}.card-player__status{border-inline-start:.35rem solid var(--card-accent);color:var(--card-text);background:var(--card-surface);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1rem;display:flex}.card-player__status strong{color:var(--card-accent)}.card-player__controls{flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem;display:flex}.card-player__controls button,.card-player__header button,.card-studio__actions button{border:1px solid var(--card-border);color:var(--card-text);background:var(--card-surface);border-radius:.6rem;padding:.6rem .95rem;font-weight:750}.card-player__controls button[data-primary=true],.card-studio__actions button[data-primary=true]{border-color:var(--card-accent);color:var(--card-accent-foreground);background:var(--card-accent)}.card-player__notice,.card-studio__validation{border-inline-start:.35rem solid var(--card-danger);color:var(--card-text);background:var(--card-surface);margin-block:0 1rem;padding:.85rem 1rem}.card-studio{padding:clamp(1rem,3vw,2.5rem)}.card-studio .puzzle-actions{width:min(100%,72rem);color:var(--card-text);border-color:var(--card-border);background:var(--card-surface);margin-inline:auto}.card-studio .puzzle-actions__buttons button{border:1px solid var(--card-border);color:var(--card-text);background:var(--card-surface);border-radius:.55rem;padding:.55rem .85rem;font-weight:700}.card-studio__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}.card-studio__form,.card-studio__preview{border:1px solid var(--card-border);background:var(--card-surface);border-radius:1rem;min-width:0;padding:clamp(1rem,2vw,1.5rem)}.card-studio__form{gap:1rem;display:grid}.card-studio__field{gap:.35rem;display:grid}.card-studio__field label,.card-studio__card-label{color:var(--card-muted);font-size:.85rem;font-weight:800}.card-studio__field input,.card-studio__field select,.card-studio__card input{border:1px solid var(--card-border);width:100%;min-width:0;color:var(--card-text);background:var(--card-surface);border-radius:.45rem;padding:.55rem .65rem}.card-studio__card-list{gap:.75rem;display:grid}.card-studio__card{border:1px solid var(--card-border);border-radius:.65rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.5rem;padding:.8rem;display:grid}.card-studio__card--memory{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr) auto}.card-studio__card-field{gap:.2rem;min-width:0;display:grid}.card-studio__card button{border:1px solid var(--card-border);min-width:2.75rem;color:var(--card-danger);background:0 0;border-radius:.45rem;align-self:end}.card-studio__actions{flex-wrap:wrap;gap:.75rem;display:flex}.card-studio__preview h2{margin-block-start:0;font-family:Georgia,Times New Roman,serif;font-size:2rem}.card-studio__preview .card-player{background:0 0;min-height:auto;padding:0}@media (width<=58rem){.card-studio__layout{grid-template-columns:1fr}}@media (width<=40rem){.card-studio__card,.card-studio__card--memory{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card-player__card{transition:none}}
