.pattern-decoder-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-4, 16px);box-sizing:border-box}.pattern-decoder-card{width:100%;max-width:440px;background:var(--color-surface-raised, #ffffff);border:1.5px solid var(--color-border-subtle, rgba(0,0,0,.15));border-radius:var(--radius-2xl, 24px);padding:var(--space-6, 24px);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:var(--space-4, 16px);color:var(--color-text-primary, #1e293b);box-sizing:border-box;text-align:center}.pattern-display-screen{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:18px;border-radius:16px;width:100%;text-align:center;box-sizing:border-box;border:1.5px solid #334155}[data-theme=casual] .pattern-display-screen{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e293b;border-color:#cbd5e1}.pattern-seq-tile{background:#1e293b;color:#fff;min-width:54px;height:54px;padding:0 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #475569;font-size:24px;font-weight:900;box-shadow:0 4px 10px #0003}[data-theme=casual] .pattern-seq-tile{background:#fff;color:#1e293b;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}