.app-container{background-color:var(--bg-dark);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-header{text-align:center;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background-color:var(--glass-bg);padding:1rem}.logo-text{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(45deg, var(--neon-cyan), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.app-main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:1.5rem;display:flex}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);padding:.75rem;font-size:.75rem}.glow-button{background:var(--glass-bg);border:1px solid var(--neon-cyan);color:var(--text-main);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:280px;margin:1rem auto;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s ease-in-out;display:flex;box-shadow:0 0 10px #00f0ff33}.glow-button:active{background:#00f0ff40;transition:all .1s ease-out;transform:scale(.92);box-shadow:0 0 25px #00f0ffcc,inset 0 0 15px #00f0ff80}.glow-button.variant-purple{border-color:var(--neon-purple);box-shadow:0 0 10px #9d4edd33}.glow-button.variant-purple:active{background:#9d4edd40;transition:all .1s ease-out;transform:scale(.92);box-shadow:0 0 25px #9d4eddcc,inset 0 0 15px #9d4edd80}.camera-container{border:2px solid var(--neon-purple);aspect-ratio:3/4;background-color:var(--bg-dark);border-radius:20px;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 15px #9d4edd4d}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-action-area{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.scanner-container{border:2px solid var(--neon-purple);aspect-ratio:3/4;background-color:var(--bg-dark);border-radius:20px;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 30px #9d4edd66}.scanner-image{object-fit:cover;width:100%;height:100%;animation:2.5s ease-in-out infinite alternate mystic-pulse;transform:translateZ(0)}@-webkit-keyframes mystic-pulse{0%{-webkit-filter:grayscale(80%)contrast(150%)brightness(.6)hue-rotate()}to{-webkit-filter:grayscale(30%)contrast(200%)brightness(1.2)hue-rotate(45deg)}}@keyframes mystic-pulse{0%{filter:grayscale(80%)contrast(150%)brightness(.6)hue-rotate()}to{filter:grayscale(30%)contrast(200%)brightness(1.2)hue-rotate(45deg)}}.scanner-overlay{opacity:.8;pointer-events:none;background:repeating-radial-gradient(circle,#0000,#0000 10px,#9d4edd26 11px 12px);width:100%;height:100%;position:absolute;top:0;left:0}.scanner-aura{mix-blend-mode:screen;z-index:10;pointer-events:none;background:conic-gradient(#0000 0deg,#00f0ff4d 90deg,#9d4edd99 180deg,#0000 270deg);width:200%;height:200%;animation:2s linear infinite spin-aura;position:absolute;top:-50%;left:-50%}@keyframes spin-aura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-page-bg{z-index:-1;background:radial-gradient(circle at 50% 50%, #9d4edd66,  var(--bg-dark) 40%, #00f0ff4d 100% );background-size:200% 200%;width:100vw;height:100vh;animation:3s ease-in-out infinite pulse-bg;position:fixed;top:0;left:0}@keyframes pulse-bg{0%{opacity:.3;background-position:0%}50%{opacity:.8;background-position:100%}to{opacity:.3;background-position:0%}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);text-align:center;border-radius:16px;width:100%;max-width:320px;padding:2rem 1.5rem;animation:.5s ease-out forwards floatIn;position:relative;overflow:hidden}.card-title{text-transform:uppercase;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.card-rarity{letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-bottom:1.5rem;font-size:.85rem;font-weight:700}.card-divider{opacity:.5;border-radius:2px;width:50%;height:2px;margin:0 auto 1.5rem}.card-description{color:var(--text-main);text-shadow:0 2px 4px #00000080;font-size:1rem;line-height:1.5}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark:#0b0c10;--neon-cyan:#00f0ff;--neon-purple:#9d4edd;--text-main:#fff;--text-muted:#ffffffb3;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);overscroll-behavior-y:none;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}