.scannergram-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-4, 16px);box-sizing:border-box}.scannergram-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}.scanner-display-screen{position:relative;width:100%;background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px;border-radius:16px;color:#ec4899;text-align:center;border:2px solid #ec4899;box-shadow:0 0 20px #ec48994d;box-sizing:border-box}[data-theme=casual] .scanner-display-screen{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-color:#db2777;box-shadow:0 4px 16px #db277726}.scanner-input-field{width:100%;text-transform:uppercase;text-align:center;font-size:24px;font-weight:900;padding:12px;border-radius:12px;background:var(--color-surface-sunken, #ffffff);color:var(--color-text-primary, #1e293b);border:2px solid var(--game-accent, #0284c7);box-sizing:border-box;outline:none}