.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:rgba(255,255,255,0.94);--color-surface-alt:rgba(249,250,255,0.92);--color-border:rgba(124,139,168,0.35);--color-text:#081227;--color-text-muted:rgba(71,85,105,0.8);--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-danger:#f87171;--color-success:#4ade80;--color-success-strong:#22c55e;--shadow-soft:0 22px 36px rgba(138,163,203,0.35);--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:rgba(148,163,184,0.35);--card-bg-start:rgba(246,248,255,0.92);--card-bg-end:rgba(230,237,255,0.88);--card-text:#1f2937;--card-shadow-inset:rgba(255,255,255,0.05);--card-hover-shadow:rgba(59,130,246,0.3);--card-revealed-bg-start:rgba(96,165,250,0.95);--card-revealed-bg-end:rgba(59,130,246,0.92);--card-revealed-text:#f8fafc;--card-revealed-border:rgba(59,130,246,0.35);--card-matched-bg-start:rgba(74,222,128,0.95);--card-matched-bg-end:rgba(34,197,94,0.9);--card-matched-text:#022c22;--card-matched-border:rgba(34,197,94,0.45);--button-primary-text:#f8fafc;--button-primary-shadow:rgba(59,130,246,0.25);--button-secondary-bg:rgba(148,163,184,0.16);--button-secondary-border:rgba(148,163,184,0.32);--banner-bg-start:rgba(96,165,250,0.15);--banner-bg-end:rgba(59,130,246,0.08);--banner-border:rgba(96,165,250,0.35);font-family:var(--font-family);min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:var(--spacing-xl) var(--spacing-lg)}.mini-match-app,.mini-match-app>main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.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{font-size:clamp(2.4rem,4vw,3rem);margin:0;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.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);display:flex;flex-direction:column;gap:var(--spacing-lg)}.mm-status-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:stretch}.mm-status-pill{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid rgba(148,163,184,.24);min-width:120px}.mm-status-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.mm-status-value{font-size:1.35rem;font-weight:700}.mm-board{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);width:100%}.mm-card{position:relative;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;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(2.2rem,4vw,3rem);transition:transform .18s ease,box-shadow .18s ease;box-shadow:inset 0 0 0 1px var(--card-shadow-inset)}.mm-card:disabled{cursor:default}.mm-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--card-hover-shadow)}.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{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.mm-card--distract{animation:mm-wiggle .6s ease-in-out}@keyframes mm-wiggle{0%,to{transform:rotate(0deg)}30%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}}.mm-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.mm-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;border:1px solid transparent;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.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{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);flex-direction:column;z-index:20}.mm-toast,.mm-toast-stack{display:flex;gap:var(--spacing-sm)}.mm-toast{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);background:rgba(15,23,42,.92);color:#f8fafc;border:1px solid rgba(96,165,250,.4);box-shadow:0 18px 40px rgba(15,23,42,.45);align-items:center}.mm-toast--unlock{border-color:rgba(74,222,128,.45)}.mm-toast strong{font-weight:700}.mm-deck-ticker{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;color:var(--color-text-muted)}.mm-deck-chips{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.mm-deck-chip{border-radius:999px;border:1px solid transparent;padding:6px 12px;background:rgba(148,163,184,.18);font-size:.85rem}.mm-deck-chip.is-active{background:rgba(96,165,250,.24);border-color:rgba(96,165,250,.4);color:var(--color-accent-strong)}.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);display:flex;flex-direction:column;gap:var(--spacing-md)}.mm-badge-placeholder{color:var(--color-text-muted);font-size:.9rem}.mm-badge-list{list-style:none;flex-direction:column;margin:0;padding:0}.mm-badge,.mm-badge-list{display:flex;gap:var(--spacing-sm)}.mm-badge{align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.25)}.mm-badge-icon{font-size:1.5rem}.mm-badge-content{display:flex;flex-direction:column;gap:2px;font-size:.9rem}.mm-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.85rem}@media (max-width:768px){.mini-match-app{gap:var(--spacing-md)}.mini-match-app,.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-button,.mm-card{transition:none}.mm-card--distract{animation:none}}