:root{--bg: #070b13;--bg2: #0b1220;--card: rgba(255,255,255,.06);--cardB: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--blue: #2f73ff;--gold: #d4a12a;--shadow: 0 20px 60px rgba(0,0,0,.45)}[data-theme=light]{--bg: #f7f9ff;--bg2: #eef3ff;--card: rgba(0,0,0,.05);--cardB: rgba(0,0,0,.08);--text: rgba(0,0,0,.88);--muted: rgba(0,0,0,.62);--shadow: 0 20px 60px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 800px at 20% 10%,rgba(47,115,255,.18),transparent 55%),radial-gradient(1000px 700px at 90% 30%,rgba(212,161,42,.14),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}canvas{display:block}.nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid rgba(255,255,255,.06)}.navInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:10px;align-items:center;font-weight:650;letter-spacing:.2px}.pip{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--blue),var(--gold));box-shadow:0 0 0 3px #ffffff0f}.navLinks{display:flex;gap:14px;align-items:center}.btn{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer}.btn:hover{background:#ffffff14}.btnPrimary{border-color:#2f73ff59;background:#2f73ff26}.btnPrimary:hover{background:#2f73ff38}.hero{position:relative;padding:54px 0 20px}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}@media (max-width: 900px){.heroGrid{grid-template-columns:1fr}}.card{border:1px solid rgba(255,255,255,.1);background:var(--card);border-radius:20px;box-shadow:var(--shadow)}.heroLeft{padding:22px}.kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.h1{font-size:clamp(34px,4.2vw,54px);line-height:1.02;margin:10px 0}.sub{color:var(--muted);font-size:15.5px;line-height:1.5;max-width:58ch}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:12.5px}.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.heroRight{position:relative;overflow:hidden}.canvasWrap{height:100%;min-height:300px;border-radius:20px;overflow:hidden}.section{padding:28px 0}.sectionTitle{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.h2{font-size:18px;letter-spacing:.02em;margin:0}.small{color:var(--muted);font-size:13px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid4{grid-template-columns:1fr}}.worldCard{padding:14px;cursor:pointer;transition:transform .18s ease,background .18s ease}.worldCard:hover{transform:translateY(-2px);background:#ffffff13}.worldTop{display:flex;align-items:center;gap:10px}.iconBox{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2f73ff4d,#d4a12a33);border:1px solid rgba(255,255,255,.12)}.worldName{font-weight:650}.worldDesc{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000085;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{width:min(820px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.14);background:color-mix(in srgb,var(--bg) 88%,black 12%);box-shadow:var(--shadow);overflow:hidden}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.modalBody{padding:14px;color:var(--muted);line-height:1.6}.close{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 700px){.formRow{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.label{font-size:12.5px;color:var(--muted)}.input,.textarea{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);outline:none}.textarea{min-height:120px;resize:vertical}.toast{position:fixed;right:14px;bottom:14px;background:#000000b8;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;padding:10px 12px;border-radius:12px;z-index:60;max-width:360px}.paletteOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.palette{width:min(640px,96vw);border-radius:16px;border:1px solid rgba(255,255,255,.14);background:color-mix(in srgb,var(--bg) 86%,black 14%);box-shadow:var(--shadow);overflow:hidden}.paletteTop{padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.paletteInput{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);outline:none}.paletteList{padding:8px}.paletteItem{padding:10px;border-radius:12px;cursor:pointer;color:var(--muted)}.paletteItem:hover{background:#ffffff12;color:var(--text)}.easter{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.easterBurst{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(47,115,255,.45),transparent 55%),radial-gradient(circle at 60% 70%,rgba(212,161,42,.35),transparent 55%);filter:blur(4px);animation:pop .9s ease forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.footer{padding:30px 0 44px;color:var(--muted);font-size:13px}