*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070812;color:#f4f1ff;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:rgba(7,8,18,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;font-weight:800;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8d6cff;border-radius:50%;color:#8fc9ff;box-shadow:0 0 24px rgba(141,108,255,.45)}.nav{display:flex;align-items:center;gap:28px;font-size:.92rem}.nav a{opacity:.8}.nav a:hover{opacity:1}.nav-cta{padding:9px 14px;border:1px solid #8d6cff;border-radius:999px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero{position:relative;min-height:92vh;display:grid;place-items:center;text-align:center;padding:130px 24px 90px;background-image:url('assets/duality-poster.jpg');background-size:cover;background-position:center 18%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,5,14,.42),rgba(7,8,18,.82) 65%,#070812)}.hero-content{position:relative;max-width:980px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;color:#cfb879;font-weight:700}.hero h1{font-family:Cinzel,serif;font-size:clamp(4rem,12vw,9rem);line-height:.9;margin:.2em 0;text-shadow:0 0 40px rgba(102,108,255,.35)}.hero h1 span{color:#9f7cff}.motto{font-family:Cinzel,serif;font-size:clamp(1.1rem,2.8vw,2rem);letter-spacing:.08em}.hero-copy{max-width:720px;margin:22px auto;font-size:1.12rem;color:#d7d3e8}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:13px 20px;border-radius:6px;font-weight:700}.primary{background:linear-gradient(90deg,#357bff,#9f51e8);box-shadow:0 0 28px rgba(109,86,255,.34)}.ghost{border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.18)}.section{max-width:1200px;margin:auto;padding:100px 6vw}.intro{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:end}.section h2{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:.2em 0 .55em}.intro>p{font-size:1.18rem;color:#c9c4d8}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.info-card{padding:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(42,49,94,.45),rgba(17,12,35,.72));border-radius:14px;min-height:220px}.number{font-family:Cinzel,serif;font-size:2.6rem;color:#a889ff}.info-card h3{margin:.2em 0;font-family:Cinzel,serif}.info-card p{color:#c9c4d8}.rules-note{margin-top:28px;padding:20px;border-left:3px solid #7c68ff;background:rgba(124,104,255,.08)}.split-section{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.resonance-copy blockquote{margin:20px 0;padding:24px;border:1px solid rgba(165,122,255,.4);background:rgba(112,72,164,.1);font-size:1.2rem}.resonance-demo{display:flex;align-items:center;justify-content:center;gap:14px;padding:34px;border-radius:18px;background:radial-gradient(circle at center,rgba(128,74,255,.22),transparent 65%),#0e1020;border:1px solid rgba(255,255,255,.1)}.spell-card{width:110px;height:155px;display:grid;place-items:center;border-radius:10px;border:2px solid #5aa9ff;background:linear-gradient(#17264e,#0c1024);font-family:Cinzel,serif;font-weight:700;box-shadow:0 0 24px rgba(72,136,255,.3)}.faded{opacity:.45;border-color:#a25cff}.operator{font-size:2rem}.mana-ring{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800;background:conic-gradient(#42a5ff,#8e5cff,#e751a6,#e7a349,#65d06f,#42a5ff);color:#080914;box-shadow:0 0 35px rgba(114,87,255,.45)}.playtest{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}.playtest-box{padding:32px;border:1px solid rgba(207,184,121,.4);background:rgba(207,184,121,.06);border-radius:14px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101326}.download-card:hover{border-color:#8d6cff}.download-card span{color:#a99fd0}.disabled{opacity:.5}.poster-section{max-width:900px;margin:0 auto;padding:20px 5vw 100px}.poster-section img{display:block;width:100%;border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.55)}footer{text-align:center;padding:55px 20px;border-top:1px solid rgba(255,255,255,.08);background:#05060d}.footer-brand{justify-content:center}.legal{font-size:.8rem;color:#777187;margin-top:24px}@media(max-width:800px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:70px;right:5vw;flex-direction:column;align-items:stretch;background:#0b0d19;border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:10px}.nav.open{display:flex}.intro,.split-section,.playtest{grid-template-columns:1fr}.card-grid,.download-grid{grid-template-columns:1fr}.hero{min-height:82vh;background-position:center top}.hero h1{font-size:18vw}.resonance-demo{flex-wrap:wrap}.section{padding:75px 6vw}}