:root{--background:#0f172a;--background:#050510;--surface:#0a0a1f;--primary:#00f3ff;--secondary:#f0f;--text:#e0e0e0;--text-muted:#88a;--border:#00f3ff}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--text);font-family:VT323,monospace;font-size:18px;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));background-size:100% 4px;pointer-events:none;z-index:10}.container{max-width:600px;margin:0 auto;padding:20px 20px 80px;position:relative;z-index:20}.glass-panel{background:rgba(10,10,31,.8);border:2px solid var(--primary);box-shadow:0 0 10px var(--primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0;position:relative}.btn{background:var(--surface);color:var(--primary);border:2px solid var(--primary);padding:10px 15px;font-family:VT323,monospace;font-size:18px;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:4px 4px 0 var(--primary)}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--primary)}.btn-primary,.btn:hover{background:var(--primary);color:var(--background)}.btn-primary{box-shadow:4px 4px 0 var(--secondary);border-color:var(--secondary)}.btn-primary:hover{background:var(--secondary);color:#fff;box-shadow:2px 2px 0 var(--primary);border-color:var(--primary)}.input{width:100%;padding:10px;background:#000;border:2px solid var(--text-muted);color:var(--primary);font-family:VT323,monospace;font-size:18px;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:2px solid var(--primary);display:flex;justify-content:space-around;padding:10px;z-index:100;box-shadow:0 -5px 20px rgba(0,243,255,.2)}.nav-item{color:var(--text-muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:14px}.nav-item.active{color:var(--primary);text-shadow:0 0 5px var(--primary)}.nav-icon{font-size:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface);padding:20px;width:100%;max-width:400px;border:2px solid var(--secondary);box-shadow:0 0 20px var(--secondary);animation:slideUp .3s ease}.zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out}.zoom-image{max-width:95vw;max-height:95vh;object-fit:contain;border:2px solid var(--primary);box-shadow:0 0 30px var(--primary);animation:zoomIn .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.checkbox-label{display:flex;align-items:center;gap:5px;font-size:16px;background:hsla(0,0%,100%,.05);padding:5px 10px;cursor:pointer;border:1px solid var(--text-muted)}.checkbox-label:has(input:checked){background:var(--primary);color:#000;border-color:var(--primary)}.badges-container{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:4px;z-index:10}.card-badge{font-size:14px;padding:2px 6px;color:#fff;font-weight:700;text-transform:uppercase;border:1px solid #fff;background:rgba(0,0,0,.8);box-shadow:2px 2px 0 #000}.badge-foil{border-color:gold;color:gold}.badge-reverse{border-color:silver;color:silver}.badge-firstedition{border-color:#ef4444;color:#ef4444}.badge-promo{border-color:#8b5cf6;color:#8b5cf6}.badge-liga{border-color:#ff4500;color:#ff4500}.badge-pokeball{border-color:red;color:red}.badge-masterball{border-color:purple;color:purple}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (min-width:640px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}