:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1854c4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100vw;overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:20px}a{font-weight:600;letter-spacing:.03em;color:#fff;text-decoration:inherit}a:hover{color:#00bfff}.pokeBall{width:115px;margin-left:-10px}.header{margin-left:15px}.headA:hover{color:#ffffffde}select:hover{cursor:pointer}body{background:url(/bg.svg) no-repeat bottom;background-repeat:no-repeat;background-size:cover;background-position:top center;background-attachment:fixed;width:100%;margin:0 auto;display:flex;min-height:100vh;justify-content:center}h1{font-family:Luckiest Guy;font-size:3.2em;line-height:1.1;text-shadow:4px 4px 0 rgba(13,0,83,.822)}input{border-radius:8px 0 0 8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2e45;color:#f9f9f9;width:50%;transition:border-color .25s;box-shadow:0 2px 4px #000000a6}button{border-radius:0 8px 8px 0;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:ffcc00;color:#1e1f3b;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.resultsList li{background-color:#2e344e;color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;width:300px;padding:2em;border:2px solid #00bfff;box-shadow:2px 2px 6px #000;transition:transform .2s,box-shadow .2s}.resultsList li:hover{transform:translateY(-5px);box-shadow:0 6px 8px #00000026}.resultsList li img{max-width:100%;max-height:200px;border-radius:8px;border:2px solid #ffcc00;margin-bottom:1em}.inputDiv{display:flex;width:90%;max-width:775px;justify-content:center;align-items:center;margin:.5em auto}.inputDiv button{height:42px;box-shadow:0 2px 4px #000000a6}.inputDiv button:hover{scale:1.05;box-shadow:0 2px 4px #000000a6;border:1px solid #ffcc00}.resultsList{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.resultsList li{background:#23233b;border:1px solid #444;border-radius:8px;padding:1em;width:250px;text-align:center}.tcgGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:40px;row-gap:1em;justify-items:center;width:100%;margin:0 auto}.vob{margin-top:auto;color:#00bfff;text-decoration:underline;font-weight:500;transition:color .3s ease}.horizontalScroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:1rem;padding:1em;scroll-padding:1em;max-width:80vw;box-sizing:border-box;margin:0 auto;cursor:grab}.horizontalScroll:active{cursor:grabbing}.cardItem{flex:0 0 auto;width:220px;scroll-snap-align:start;background-color:#2e344e;color:#f9f9f9;border-radius:8px;text-align:center;padding:1em;box-shadow:2px 2px 6px #00000080;border:2px solid #00bfff;margin:0 1em}.cardItem{transition:transform .3s,box-shadow .3s}.cardItem:hover{transform:translateY(-5px);box-shadow:2px 2px 6px #000}.cardItem img{max-width:100%;height:auto;border-radius:8px;border:2px solid #ffcc00;margin:0 auto 1em}.cardItem .vob{display:block}.hello{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.howToUse{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:70%;max-width:800px;margin:30px auto;padding:2em;background-color:#16192598;color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #00000081}.subHead{font-family:Luckiest Guy,sans-serif;font-size:2em;text-align:center;margin:1em 0;color:#fc0;text-shadow:4px 4px 0 rgba(13,0,83,.822)}.logoDiv{display:flex;width:90%;align-items:center;justify-content:center;margin:auto}.linkDiv{width:80%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;padding:1em 0;background-color:#002c5f;border-radius:10px;margin:0 auto 2em;max-width:860px}.linkDiv a,.logOutBtn{font-weight:700;letter-spacing:.05em;color:#fff;text-decoration:none;padding:.5em 1em;border-radius:8px;transition:all .3s ease;background-color:#ffffff1a}.linkDiv a:hover,.logOutBtn:hover{background-color:#00bfff;color:#002c5f;transform:scale(1.05)}.linkDiv a.active{background-color:#00bfff;color:#002c5f;font-weight:800}.cardDiv{border:2px solid #00bfff;padding:1rem;width:200px;background-color:#2e344e;color:#f9f9f9;border-radius:8px;text-align:center;box-shadow:1px 4px 6px #000000b9}.addBtn{background-color:#ffd93d;color:#000;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-weight:700;margin:.5em}.cardDiv img{border:1px solid #FFD93D;box-shadow:1px 2px 4px #000000c2}.signupContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;padding:2em;background-color:#2e344e;color:#f9f9f9;border-radius:8px;margin:0 auto;box-shadow:0 4px 8px #00000081}.signupForm{display:flex;flex-direction:column;width:100%}.signupForm input{width:80%;border-radius:8px;margin:0 auto;background-color:#151629}.pikachuLoading{width:250px;height:250px;margin:0 auto}.signupForm button{width:80%;margin:1em auto;background-color:#fc0;color:#1e1f3b;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-weight:700}.bookmark1,.bookmark2{height:40px;background-color:#e96464;color:#222;border:none;padding:1.5em 1em;border-radius:4px;cursor:pointer;font-weight:700;align-items:center;justify-content:center;display:flex}.logOutBtn{background-color:#b0b9e0;color:#000}.errDiv{background-color:#1111117e;color:#e0e0e0;padding:1em;border-radius:8px;box-shadow:0 4px 8px #00000081;margin:1em auto;text-align:center;width:60%}.errDiv h2{color:#ff0000dc;font-size:1.5em;margin-bottom:.5em}.cr:hover{border:1px solid #e96464;text-decoration:underline}.cr{display:block;border-radius:8px;margin:2em auto 0;background-color:#00151ba1;color:#f5f5f5}.bookmark1:active,.bookmark2:active{background-color:#fc0}.bookmark2{background-color:#1e1f3b}.bookmark1:hover{background-color:#ffa4a4;color:#fff}.bookmark2:hover{background-color:#000;color:#fff}.myCards{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:90%}.recalculateBtn{background-color:#2e85bedc;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;box-shadow:1px 2px 4px #0009;margin-top:20px}.recalculateBtn:hover,.recalculateBtn:focus,.recalculateBtn:active{background-color:#0d273bb7;color:#f9f9f9;transition:background-color .3s ease}.deleteCardBtn{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;box-shadow:1px 2px 4px #000000c2;margin-bottom:.5em}.deleteCardBtn:hover,.deleteCardBtn:focus,.deleteCardBtn:active{background-color:#c0392b;color:#f9f9f9;transition:background-color .3s ease}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 600px){.bookmark1,.bookmark2{padding:.5em 1em}.linkDiv{width:90%}.resultsList{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch;gap:2em}.myCards{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch}}@media (min-width: 1000px){.pokeBall{width:115px;margin-left:-14px;margin-top:8px}.header{font-size:4em;margin-left:15px}.linkDiv{min-width:860px}.resultsList{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch;gap:2em}.myCards{grid-template-columns:repeat(3,minmax(300px,1fr));align-items:stretch}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}