*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--stone-dark:#2a3441;--stone-medium:#3d4a5c;--stone-light:#5a6a7a;--celtic-blue:#6b8cae;--celtic-glow:#8fb8d9;--leaf-green:#4db560;--leaf-dark:#2d8a3e;--leaf-bright:#7ed957;--magic-purple:#9b6dff;--magic-pink:#c77dff;--sky-purple:#6a4c93;--sky-pink:#b185a7;--teal-accent:#3dd9d0;--teal-glow:#5eeee5;--color-sword:#5aabff;--color-axe:#ff6b5a;--color-dagger:#ffb85a;--color-bow:#7ed957;--color-staff:#9b6dff;--color-spellbook:#c77dff;--color-instrument:#ffde59;--bg-deep:#1a1f2a;--bg-mid:#242d3a;--glass-bg:#2a3441b3;--glass-border:#6b8cae4d;--text-primary:#e8f0f8;--text-secondary:#e8f0f8bf;--text-muted:#e8f0f880}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}.bg-canvas{z-index:-1;background:radial-gradient(at 30% 0,#9b6dff26 0%,#0000 50%),radial-gradient(at 70% 20%,#c77dff1a 0%,#0000 40%),radial-gradient(at 80% 80%,#3dd9d014 0%,#0000 40%),radial-gradient(at 10% 90%,#4db5601a 0%,#0000 40%),linear-gradient(#1a1f2a 0%,#242d3a 50%,#1a2530 100%);width:100%;height:100%;position:fixed;top:0;left:0}.floating-particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{opacity:0;animation:12s infinite float-drift;position:absolute}.particle.leaf{background:var(--leaf-green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:blur(.5px);width:12px;height:12px}.particle.sparkle{background:var(--teal-glow);width:4px;height:4px;box-shadow:0 0 8px var(--teal-accent);border-radius:50%}@keyframes float-drift{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-10vh)translate(100px)rotate(360deg)}}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:linear-gradient(#1a1f2af2 0%,#1a1f2ad9 100%);padding:.75rem 2rem;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.6rem;font-family:Cinzel Decorative,serif;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.logo-icon:before{content:"";background:linear-gradient(135deg,var(--stone-medium),var(--stone-dark));clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:2px solid var(--celtic-blue);width:100%;height:100%;position:absolute}.logo-icon:after{content:"";background:linear-gradient(135deg,var(--leaf-bright),var(--leaf-green));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:1;width:18px;height:18px;position:relative}.logo-text{background:linear-gradient(135deg,var(--celtic-glow),var(--teal-accent));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #8fb8d94d;-webkit-background-clip:text;background-clip:text}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:var(--leaf-green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:0;width:6px;height:6px;transition:opacity .3s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-links a:hover{color:var(--teal-accent)}.nav-links a:hover:after{opacity:1}.nav-actions{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:.65rem 1.4rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s}.btn-ghost{color:var(--text-secondary);border:2px solid var(--glass-border);background:0 0}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--celtic-blue)}.btn-primary{background:linear-gradient(135deg,var(--leaf-green),var(--leaf-dark));color:#fff;border:2px solid var(--leaf-bright);box-shadow:0 4px 15px #4db5604d,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4db56066,inset 0 1px #fff3}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative}.hero-content{max-width:900px;animation:1s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--teal-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:var(--leaf-green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;animation:4s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero h1{text-shadow:0 4px 30px #00000080;margin-bottom:1.5rem;font-family:Cinzel Decorative,serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.15}.hero h1 .highlight{background:linear-gradient(135deg,var(--teal-accent),var(--magic-purple),var(--magic-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-large{padding:1rem 2.5rem;font-size:.95rem}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:2px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--celtic-blue);background:#6b8cae33}.hero-stats{border-top:1px solid var(--glass-border);justify-content:center;gap:4rem;margin-top:4rem;padding-top:3rem;display:flex}.stat{text-align:center}.stat-value{background:linear-gradient(135deg,var(--teal-accent),var(--celtic-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,serif;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.9rem;font-weight:600}.section{max-width:1400px;margin:0 auto;padding:5rem 2rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.section-title{align-items:center;gap:.75rem;font-family:Cinzel Decorative,serif;font-size:1.8rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--leaf-green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:14px;height:14px}.section-title span{color:var(--teal-accent)}.view-all{color:var(--celtic-glow);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .3s;display:flex}.view-all:hover{color:var(--teal-accent);gap:.75rem}.category-pills{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.pill{background:var(--glass-bg);border:2px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.pill-icon{font-size:1rem}.pill:hover{border-color:var(--celtic-blue);color:var(--text-primary)}.pill.active{background:linear-gradient(135deg,var(--leaf-green),var(--leaf-dark));color:#fff;border-color:var(--leaf-bright)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.card{background:linear-gradient(145deg,var(--stone-medium),var(--stone-dark));border:2px solid var(--glass-border);cursor:pointer;border-radius:16px;transition:all .4s;position:relative;overflow:hidden}.card:hover{border-color:var(--celtic-blue);transform:translateY(-6px);box-shadow:0 15px 40px #0006,0 0 30px #3dd9d01a}.card-image{background:linear-gradient(135deg,#9b6dff33,#3dd9d01a),linear-gradient(180deg,var(--bg-mid),var(--bg-deep));justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.gear-preview{align-items:center;gap:.5rem;display:flex}.gear-slot{border:2px solid var(--glass-border);background:#0006;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;position:relative}.gear-slot.weapon{border-color:var(--teal-accent);width:60px;height:60px;box-shadow:0 0 15px #3dd9d04d}.gear-slot.legendary{border-color:var(--magic-purple);box-shadow:0 0 15px #9b6dff66}.gear-slot.epic{border-color:var(--magic-pink)}.gear-slot.rare{border-color:var(--color-sword)}.card-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#000000b3;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:1rem;left:1rem}.card-type.loadout{color:var(--teal-accent);border-color:#3dd9d04d}.card-type.tierlist{color:var(--magic-purple);border-color:#9b6dff4d}.card-type.guide{color:var(--leaf-bright);border-color:#7ed9574d}.weapon-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:1rem;right:4rem}.weapon-type-badge.sword{color:var(--color-sword)}.weapon-type-badge.axe{color:var(--color-axe)}.weapon-type-badge.dagger{color:var(--color-dagger)}.weapon-type-badge.bow{color:var(--color-bow)}.weapon-type-badge.staff{color:var(--color-staff)}.weapon-type-badge.instrument{color:var(--color-instrument)}.card-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--leaf-bright);background:#000000b3;border:1px solid #7ed9574d;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:1rem;right:1rem}.card-content{padding:1.5rem}.card-title{margin-bottom:.5rem;font-family:Cinzel Decorative,serif;font-size:1.1rem;font-weight:700;line-height:1.35}.card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tag{color:var(--teal-accent);text-transform:uppercase;background:#3dd9d01a;border:1px solid #3dd9d040;border-radius:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.tag.playstyle-melee{color:var(--color-axe);background:#ff6b5a26;border-color:#ff6b5a4d}.tag.playstyle-ranged{color:var(--color-bow);background:#7ed95726;border-color:#7ed9574d}.tag.playstyle-magic{color:var(--color-staff);background:#9b6dff26;border-color:#9b6dff4d}.tag.playstyle-support{color:var(--color-instrument);background:#ffde5926;border-color:#ffde594d}.card-meta{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.card-author{align-items:center;gap:.65rem;display:flex}.author-avatar{background:linear-gradient(135deg,var(--magic-purple),var(--teal-accent));border:2px solid var(--glass-border);border-radius:8px;width:30px;height:30px}.author-name{font-size:.85rem;font-weight:700}.card-stats{color:var(--text-muted);gap:.8rem;font-size:.8rem;font-weight:600;display:flex}.card-stats span{align-items:center;gap:.25rem;display:flex}.tierlist-preview{background:linear-gradient(135deg,#9b6dff1a,#3dd9d00d),linear-gradient(180deg,var(--bg-mid),var(--bg-deep));flex-direction:column;justify-content:center;gap:.35rem;height:180px;padding:1rem 1.25rem;display:flex;position:relative}.tier-row{align-items:center;gap:.5rem;display:flex}.tier-label{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:flex}.tier-s{background:linear-gradient(135deg,var(--magic-purple),var(--magic-pink));color:#fff;box-shadow:0 0 10px #9b6dff80}.tier-a{background:var(--teal-accent);color:var(--bg-deep)}.tier-b{background:var(--leaf-green);color:#fff}.tier-c{background:var(--stone-light);color:#fff}.tier-items{flex:1;gap:.3rem;display:flex;overflow:hidden}.tier-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;display:flex}.how-it-works{background:linear-gradient(145deg,var(--stone-medium),var(--stone-dark));border:2px solid var(--glass-border);border-radius:20px;margin:3rem 0;padding:3rem}.how-it-works h2{text-align:center;margin-bottom:.75rem;font-family:Cinzel Decorative,serif;font-size:1.6rem}.how-it-works>p{text-align:center;color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.equipment-explanation{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.equip-card{border:1px solid var(--glass-border);text-align:center;background:#0003;border-radius:12px;padding:1.5rem;transition:all .3s}.equip-card:hover{border-color:var(--celtic-blue);transform:translateY(-4px)}.equip-card-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.equip-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.equip-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.equip-card.sword{border-top:3px solid var(--color-sword)}.equip-card.axe{border-top:3px solid var(--color-axe)}.equip-card.dagger{border-top:3px solid var(--color-dagger)}.equip-card.bow{border-top:3px solid var(--color-bow)}.equip-card.magic{border-top:3px solid var(--color-staff)}.equip-card.support{border-top:3px solid var(--color-instrument)}.featured-section{background:linear-gradient(145deg,var(--stone-medium),var(--stone-dark));border:2px solid var(--glass-border);border-radius:20px;margin-bottom:3rem;padding:2.5rem;position:relative;overflow:hidden}.featured-section:before{content:"";background:linear-gradient(90deg,var(--leaf-green),var(--teal-accent),var(--magic-purple));height:4px;position:absolute;top:0;left:0;right:0}.featured-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.featured-main{aspect-ratio:16/10;background:linear-gradient(135deg,#9b6dff33,#3dd9d01a),linear-gradient(180deg,var(--bg-mid),var(--bg-deep));border:2px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.featured-main:before{content:"";z-index:1;background:linear-gradient(#0000 40%,#000000d9 100%);position:absolute;inset:0}.featured-gear-showcase{z-index:0;gap:.75rem;display:flex}.featured-gear-showcase .gear-slot{width:60px;height:60px}.featured-gear-showcase .gear-slot.weapon{width:75px;height:75px}.featured-main-content{z-index:2;padding:1.75rem;position:absolute;bottom:0;left:0;right:0}.featured-main-content .card-type{margin-bottom:.6rem;display:inline-flex;position:static}.featured-main-content h3{margin-bottom:.4rem;font-family:Cinzel Decorative,serif;font-size:1.35rem}.featured-sidebar{flex-direction:column;gap:.85rem;display:flex}.featured-item{border:1px solid var(--glass-border);cursor:pointer;background:#0003;border-radius:10px;gap:1rem;padding:.9rem;transition:all .3s;display:flex}.featured-item:hover{border-color:var(--celtic-blue);background:#6b8cae1a}.featured-item-image{background:linear-gradient(135deg,#9b6dff33,#3dd9d01a),var(--bg-deep);border:1px solid var(--glass-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.5rem;display:flex}.featured-item-content{flex:1;min-width:0}.featured-item-content .card-type{margin-bottom:.4rem;padding:.2rem .5rem;font-size:.6rem;display:inline-flex;position:static}.featured-item-content h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.95rem;font-weight:700;overflow:hidden}.featured-item-content p{color:var(--text-muted);font-size:.75rem}.cta-section{text-align:center;padding:6rem 2rem;position:relative}.cta-glow{pointer-events:none;background:radial-gradient(#3dd9d026,#0000 70%);width:500px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-content h2{margin-bottom:1rem;font-family:Cinzel Decorative,serif;font-size:2.2rem}.cta-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}footer{border-top:2px solid var(--glass-border);background:#0006;padding:3.5rem 2rem 1.5rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1400px;margin:0 auto;display:grid}.footer-brand p{color:var(--text-secondary);margin-top:1rem;font-size:.9rem;line-height:1.7}.footer-links h4{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem;font-weight:800}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.7rem}.footer-links a{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--teal-accent)}.footer-bottom{border-top:1px solid var(--glass-border);max-width:1400px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:2.5rem auto 0;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-socials{gap:.75rem;display:flex}.footer-socials a{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.footer-socials a:hover{background:var(--leaf-green);color:#fff;border-color:var(--leaf-bright)}@media (max-width:1024px){.featured-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:768px){.nav-links{display:none}.hero-stats{flex-wrap:wrap;gap:2rem}.cards-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.equipment-explanation{grid-template-columns:1fr 1fr}}