@import"https://fonts.googleapis.com/css2?family=Creepster&family=Montserrat:wght@400;600;700;900&display=swap";html,body,#root{margin:0;padding:0;width:100%;min-width:100%;min-height:100%}#root{width:100%;max-width:none;margin:0;padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}body{background:#050607;color:#eee;font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}#root,.site{width:100%;max-width:none;margin:0;padding:0}.navbar{width:100%;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#050607;border-bottom:1px solid #301010;position:sticky;top:0;z-index:1000}.logo{font-family:Creepster,cursive;font-size:2rem;letter-spacing:3px;color:#d82121;text-decoration:none}.navbar nav{display:flex;align-items:center;gap:30px}.navbar nav a{color:#ccc;text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero{width:100%;margin:0;padding:0;background:#050607}.hero-image{display:block;width:100%;height:auto;margin:0;padding:0}.section,.dark-section{width:100%;margin:0;padding:100px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.section{background:#090a0b}.dark-section{background:radial-gradient(circle at center,rgba(120,0,0,.12),transparent 50%),#050607}.eyebrow{margin:0 0 15px;color:#d92323;font-size:.75rem;font-weight:900;letter-spacing:4px;text-align:center}.section h2,.dark-section h2{margin:0 0 25px;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;text-align:center}.section p:not(.eyebrow),.dark-section p:not(.eyebrow){width:100%;max-width:750px;margin:0 auto;color:#999;line-height:1.9;text-align:center}.page-button,.dark-section button{display:inline-block;margin-top:30px;padding:15px 28px;border:1px solid #8b1e1e;background:transparent;color:#d92323;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:2px;text-decoration:none;cursor:pointer}.page-button:hover,.dark-section button:hover{background:#9d1d1d;color:#fff}.about-page{width:100%}.about-hero{min-height:600px;padding:120px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(130,0,0,.2),transparent 45%),#050607}.about-hero h1{margin:0;font-family:Creepster,cursive;font-size:clamp(4rem,9vw,8rem);color:#d92323;letter-spacing:5px}.about-tagline{margin:15px 0 30px;font-weight:900;letter-spacing:3px}.about-intro{max-width:800px;color:#999;line-height:1.9}.about-motto{margin-top:40px;color:#d92323;font-weight:900;letter-spacing:4px}.about-section,.dreaddex-feature,.future-section{width:100%;padding:100px 20px;text-align:center}.about-section{background:#090a0b}.about-section.alternate,.dreaddex-feature,.future-section{background:#050607}.about-section p,.dreaddex-feature p,.future-section p{max-width:800px;margin:15px auto;color:#999;line-height:1.9}.about-cards{width:100%;max-width:1100px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.about-card{padding:40px 30px;background:#0c0d0e;border:1px solid #282828;text-align:center}.card-symbol{font-size:3rem;color:#d92323}.rarity-list{max-width:900px;margin:40px auto;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.rarity-list span{padding:12px 18px;border:1px solid #4c1717;background:#090909;font-size:.7rem;font-weight:900;letter-spacing:1px}.dex-page{width:100%;background:#050607}.dex-hero{width:100%;min-height:550px;padding:110px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(150,0,0,.22),transparent 45%),#050607}.dex-hero h1{margin:0;font-family:Creepster,cursive;font-size:clamp(4rem,10vw,8rem);color:#d92323;letter-spacing:6px}.dex-hero>p:not(.eyebrow){max-width:800px;color:#999;line-height:1.9}.dex-stats{width:100%;max-width:900px;margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #431515;border-bottom:1px solid #431515}.dex-stats div{padding:25px 10px;border-right:1px solid #351313}.dex-stats div:last-child{border-right:none}.dex-stats strong{display:block;color:#d92323;font-size:2rem}.dex-stats span{font-size:.65rem;color:#777;letter-spacing:2px}.dex-browser{width:100%;padding:90px 6%;background:#080909}.dex-heading{width:100%;max-width:1300px;margin:0 auto 50px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.dex-search{display:flex;gap:10px}.dex-search input,.dex-search select{min-height:45px;padding:0 15px;border:1px solid #333;background:#050606;color:#aaa}.dex-grid{width:100%;max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.dex-card{background:#0c0d0e;border:1px solid #292929;overflow:hidden}.dex-image{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(130,0,0,.2),transparent 55%),#030404;color:#8f1d1d;font-size:6rem}.dex-id{margin-top:25px;color:#8d1d1d;font-size:.65rem;font-weight:900;letter-spacing:2px;text-align:center}.dex-card h3{text-align:center}.dex-details{display:grid;grid-template-columns:1fr 1fr;margin:0 25px;border-top:1px solid #242424}.dex-details div{padding:18px 10px;border-bottom:1px solid #242424}.dex-details small{display:block;color:#555;font-size:.55rem;font-weight:900}.dex-details span{color:#aaa;font-size:.75rem}.view-record,.locked-label{width:calc(100% - 50px);margin:25px;padding:14px;text-align:center}.view-record{border:1px solid #681818;background:transparent;color:#d92323}.locked-label{border:1px solid #333;color:#555}.dex-card.locked{opacity:.5}footer{width:100%;padding:60px 20px;text-align:center;background:#020303;border-top:1px solid #211010;color:#666}footer strong{display:block;margin-bottom:10px;font-family:Creepster,cursive;color:#b91c1c;font-size:2rem;letter-spacing:3px}footer p{font-size:.75rem;letter-spacing:3px}@media(max-width:800px){.navbar{min-height:65px;justify-content:center}.navbar nav{display:none}.about-cards,.dex-grid{grid-template-columns:1fr}.dex-stats{grid-template-columns:1fr 1fr}.dex-heading{flex-direction:column;align-items:center;text-align:center}.dex-search{width:100%;flex-direction:column}.dex-search input,.dex-search select{width:100%}}