:root{--bg-1: #0d0719;--bg-2: #150a28;--accent: #6600FF;--accent-2: #6600FF;--muted: #b8a6d6;--card: rgba(255,255,255,.03);--glass: rgba(255,255,255,.02);--text: #e7ddf8;--max-width: 1100px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:radial-gradient(7200px 7200px at -10% 10%,rgba(102,0,255,.25),transparent 8%),radial-gradient(5000px 5000px at 95% 80%,rgba(102,0,255,.15),transparent 8%),radial-gradient(5000px 5000px at 60% 20%,rgba(102,0,255,.15),transparent 8%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);overflow-x:hidden;opacity:0;filter:blur(12px);transition:opacity .8s ease-out,filter 1s ease-out}body.loaded{opacity:1;filter:blur(0)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1000px 500px at 50% 0%,rgba(0,0,0,.15),transparent 40%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 40%);mix-blend-mode:multiply}.fade-in{opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{max-width:var(--max-width);margin:0 auto;padding:40px 24px;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{display:flex;align-items:center;gap:12px}.logo img{width:46px;height:46px;display:block}.logo .brand{font-weight:800;letter-spacing:.6px;color:var(--text);font-size:14px}nav{display:flex;gap:28px;align-items:center;opacity:.85;font-weight:500;font-size:13px;position:relative}nav a{color:#ffffff38;text-decoration:none;padding:8px 6px;transition:all .2s ease}nav a.active,nav a:hover{transform:translateY(-1px);color:var(--accent);text-shadow:0px 0px 12px var(--accent)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent);border-radius:2px;width:80%;margin:0 auto}.hero{display:grid;grid-template-columns:520px 1fr;gap:48px;align-items:start;margin-top:18px}.hero-left{position:relative;height:560px;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#fff0,#6600ff2a 49%,#fff0);overflow:hidden}.npc-left{width:200%;height:200%;background-image:url(/assets/char-s-CkZ8ZVJ6.png);background-repeat:no-repeat;background-position:left bottom;background-size:contain;margin-top:-135%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.8));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-right{padding-top:60px;position:relative}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:1.4px;margin-bottom:10px}.title{font-size:36px;font-weight:900;color:var(--accent);margin:0 0 14px;text-shadow:0 6px 30px rgba(102,0,255,.3)}.sub{max-width:520px;color:#ffffffbf;line-height:1.6;font-size:14px;margin-bottom:58px}.cta-row{display:flex;gap:18px;align-items:center}.stat{display:inline-flex;align-items:center;gap:12px;background:var(--glass);padding:14px 18px;border-radius:6px;border:1px solid rgba(255,255,255,.03);min-width:170px}.stat .num{font-weight:700;color:var(--accent)}.play-btn{background:linear-gradient(90deg,#6600ff2e,#0000000f);padding:14px 28px;border-radius:6px;border:1px solid rgba(255,255,255,.04);display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;color:var(--muted);transition:all .18s ease}.play-btn:hover{transform:translateY(-1px);color:var(--text);box-shadow:0 10px 30px #60f3}.section{margin:120px 0 200px;display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}.rules{margin-top:35%}.rules h2{color:var(--accent);font-size:28px;letter-spacing:1px;margin:0 0 18px;font-weight:900;text-shadow:0 2px 26px rgba(102,0,255,.25)}.rules p{color:#ffffffc7;line-height:1.7;font-size:14px}.npc-right{height:520px;display:flex;margin-top:55%;align-items:center;justify-content:center;background:linear-gradient(0deg,#fff0,#6600ff2a 49%,#fff0);overflow:hidden;animation:fadeInUp 1s ease forwards}.npc-right .img{width:100%;height:100%;background-image:url(/assets/npc-right-BYymB3iL.png);background-repeat:no-repeat;background-position:center bottom;background-size:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}#main-footer{margin-top:5%;color:#fff;font-family:Arial,sans-serif;padding:2rem 1rem 1rem;text-align:center}.footer-top{display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-logo{max-width:150px}.footer-desc{max-width:600px;font-size:.95rem;line-height:1.4}.footer-middle{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.85rem;margin-top:1.5rem}.footer-line{border:none;border-top:1px solid rgba(255,255,255,.2);margin:1rem 0}.footer-bottom{font-size:.75rem;line-height:1.4;max-width:800px;margin:0 auto;opacity:.8}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero-left{height:420px}.hero-right{padding-top:30px}.section{grid-template-columns:1fr;padding-bottom:80px}.npc-right{order:-1;height:420px}}