.mini-match-app,.mini-match-app *{box-sizing:border-box}.mini-match-app{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--color-bg:radial-gradient(circle at 50% -10%,#ebf4ff 0%,#d2e3ff 70%,#c3d7fb 100%);--color-surface:#fffffff0;--color-surface-alt:#f9faffeb;--color-border:#7c8ba859;--color-text:#081227;--color-text-muted:#475569cc;--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-danger:#f87171;--color-success:#4ade80;--color-success-strong:#22c55e;--shadow-soft:0 22px 36px #8aa3cb59;--radius-lg:22px;--radius-md:14px;--radius-sm:8px;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:28px;--spacing-xl:42px;--card-border:#94a3b859;--card-bg-start:#f6f8ffeb;--card-bg-end:#e6edffe0;--card-text:#1f2937;--card-shadow-inset:#ffffff0d;--card-hover-shadow:#3b82f64d;--card-revealed-bg-start:#60a5faf2;--card-revealed-bg-end:#3b82f6eb;--card-revealed-text:#f8fafc;--card-revealed-border:#3b82f659;--card-matched-bg-start:#4ade80f2;--card-matched-bg-end:#22c55ee6;--card-matched-text:#022c22;--card-matched-border:#22c55e73;--button-primary-text:#f8fafc;--button-primary-shadow:#3b82f640;--button-secondary-bg:#94a3b829;--button-secondary-border:#94a3b852;--banner-bg-start:#60a5fa26;--banner-bg-end:#3b82f614;--banner-border:#60a5fa59;font-family:var(--font-family);background:var(--color-bg);min-height:100vh;color:var(--color-text);padding:var(--spacing-xl)var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.mini-match-app>main{gap:var(--spacing-lg);flex-direction:column;display:flex}.muted{color:var(--color-text-muted);font-size:.9rem}.mm-header{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--spacing-xl);box-shadow:var(--shadow-soft);position:relative}.mm-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:clamp(2.4rem,4vw,3rem)}.mm-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-muted);max-width:560px;line-height:1.55}.mm-panel{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.mm-status-bar{gap:var(--spacing-sm);flex-wrap:wrap;align-items:stretch;display:flex}.mm-status-pill{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid #94a3b83d;flex-direction:column;min-width:120px;display:flex}.mm-status-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem}.mm-status-value{font-size:1.35rem;font-weight:700}.mm-board{gap:var(--spacing-sm);width:100%;display:grid}.mm-card{border-radius:var(--radius-md);border:1px solid var(--card-border);background:linear-gradient(160deg,var(--card-bg-start),var(--card-bg-end));color:var(--card-text);aspect-ratio:3/4;cursor:pointer;box-shadow:inset 0 0 0 1px var(--card-shadow-inset);justify-content:center;align-items:center;font-size:clamp(2.2rem,4vw,3rem);transition:transform .18s,box-shadow .18s;display:flex;position:relative}.mm-card:disabled{cursor:default}.mm-card:not(:disabled):hover{box-shadow:0 12px 24px var(--card-hover-shadow);transform:translateY(-2px)}.mm-card--revealed{background:linear-gradient(160deg,var(--card-revealed-bg-start),var(--card-revealed-bg-end));color:var(--card-revealed-text);border-color:var(--card-revealed-border)}.mm-card--matched{background:linear-gradient(150deg,var(--card-matched-bg-start),var(--card-matched-bg-end));color:var(--card-matched-text);border-color:var(--card-matched-border)}.mm-card-face{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.mm-card--distract{animation:.6s ease-in-out mm-wiggle}@keyframes mm-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}}.mm-actions{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.mm-button{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s}.mm-button--primary{background:var(--color-accent);color:var(--button-primary-text);box-shadow:0 12px 24px var(--button-primary-shadow)}.mm-button--primary:hover{transform:translateY(-1px)}.mm-button--secondary{background:var(--button-secondary-bg);color:var(--color-text);border-color:var(--button-secondary-border)}.mm-level-banner{padding:var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(140deg,var(--banner-bg-start),var(--banner-bg-end));border:1px dashed var(--banner-border);color:var(--color-text-muted);line-height:1.6}.mm-toast-stack{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);z-index:20;flex-direction:column;display:flex;position:fixed}.mm-toast{border-radius:var(--radius-md);padding:var(--spacing-md)var(--spacing-lg);color:#f8fafc;gap:var(--spacing-sm);background:#0f172aeb;border:1px solid #60a5fa66;align-items:center;display:flex;box-shadow:0 18px 40px #0f172a73}.mm-toast--unlock{border-color:#4ade8073}.mm-toast strong{font-weight:700}.mm-deck-ticker{gap:var(--spacing-sm);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;display:flex}.mm-deck-chips{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.mm-deck-chip{background:#94a3b82e;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:.85rem}.mm-deck-chip.is-active{color:var(--color-accent-strong);background:#60a5fa3d;border-color:#60a5fa66}.mm-badge-board{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);gap:var(--spacing-md);flex-direction:column;display:flex}.mm-badge-placeholder{color:var(--color-text-muted);font-size:.9rem}.mm-badge-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mm-badge{gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:#60a5fa26;border:1px solid #60a5fa40;align-items:center;display:flex}.mm-badge-icon{font-size:1.5rem}.mm-badge-content{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.mm-meta{justify-content:space-between;gap:var(--spacing-sm);color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}@media (max-width:768px){.mini-match-app{padding:var(--spacing-lg);gap:var(--spacing-md)}.mm-header{padding:var(--spacing-lg)}.mm-status-bar{flex-direction:column;align-items:stretch}.mm-status-pill{width:100%}.mm-toast-stack{left:var(--spacing-lg);right:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.mm-card,.mm-button{transition:none}.mm-card--distract{animation:none}}