@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#090914;--panel:#111120;--panel2:#151529;--text:#f4f3ff;--muted:#a3a1bb;--purple:#a855f7;--pink:#f04fd8;--cyan:#54d9ff;--line:rgba(255,255,255,.1);--display:'Barlow Condensed',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#7425cb;top:100px;left:-240px}.ambient-two{width:420px;height:420px;background:#123d91;top:720px;right:-280px}
.topbar{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(9,9,20,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900;letter-spacing:1.5px}.brand-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--pink));display:grid;place-items:center;font-family:var(--display);font-size:22px;font-weight:900;box-shadow:0 0 24px #a855f755}.brand-mark span{color:#130d24}.brand-accent{color:#c17cff}.nav-links{display:flex;gap:30px}.nav-link{font-size:12px;color:var(--muted);font-weight:700;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff}.top-cta{font-size:12px;font-weight:800;color:#fff;border:1px solid #a855f766;border-radius:7px;padding:11px 15px;background:#a855f714}.top-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}
.section-wrap{width:min(1160px,90%);margin:auto}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:50px;padding-bottom:70px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#c18bff;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#63f4c2;box-shadow:0 0 12px #63f4c2}.hero h1{font:900 clamp(65px,8vw,106px)/.82 var(--display);letter-spacing:-1px;margin:27px 0 22px}.hero h1 span,.section-heading h2 span,.feature-copy h2 span,.tool-card h3 span,.community-inner h2 span{background:linear-gradient(90deg,#b66bff,#f05bd7 65%,#66dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:455px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{border:0;border-radius:7px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#994cf0,#d34fd8);color:white;box-shadow:0 8px 24px #a13ee833}.button-primary:hover{box-shadow:0 10px 30px #a13ee866}.button-ghost{border:1px solid var(--line);color:#e9e6f7;background:#ffffff06}.button span{font-size:17px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;color:var(--muted);font-size:10px;line-height:1.6}.hero-proof strong{color:#fff;font-size:11px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#211a39;border:2px solid var(--bg);margin-right:-8px;font-size:13px}.hero-art{height:440px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-grid{position:absolute;inset:5%;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black,transparent 72%);transform:perspective(500px) rotateX(58deg) rotateZ(-18deg) scale(1.3)}.orbit{position:absolute;border:1px solid #b65cff55;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:370px;height:210px;box-shadow:0 0 45px #a855f722}.orbit-b{width:300px;height:340px;border-color:#50dfff44;transform:rotate(55deg)}.hero-core{width:185px;height:185px;border-radius:42px;transform:rotate(-12deg);background:linear-gradient(145deg,#a84dff,#4d3cbd 55%,#172b68);box-shadow:0 0 80px #9c4cff66,inset 0 1px 1px #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.core-symbol{font-size:55px;text-shadow:0 0 30px #fff}.core-label{font:900 24px/.85 var(--display);letter-spacing:3px;text-align:center}.floating-tag{position:absolute;z-index:3;background:#141426dd;border:1px solid #ffffff22;padding:11px 15px;border-radius:7px;font-size:9px;letter-spacing:1.6px;font-weight:800;box-shadow:0 10px 35px #0008}.floating-tag span{color:var(--cyan);margin-right:7px;font-size:15px}.tag-top{top:78px;right:5%}.tag-bottom{bottom:77px;left:4%}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;color:#74728d;font-size:9px;letter-spacing:1.8px;font-weight:700}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:#ffffff04;padding:23px 30px;margin-top:20px}.stats-strip div{display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding-left:20px}.stats-strip div:first-child{padding-left:0}.stats-strip div:last-child{border:0}.stats-strip strong{font:800 26px var(--display);color:#bd79ff}.stats-strip span{font-size:11px;color:var(--muted)}
.section{padding-top:115px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-heading h2,.feature-copy h2,.community-inner h2{font:900 clamp(38px,5vw,57px)/.92 var(--display);margin:13px 0 10px;letter-spacing:.2px}.section-subtitle{font-size:12px;color:var(--muted);margin:0}.text-link{font-size:11px;font-weight:800;color:#d5b0ff;white-space:nowrap}.text-link span{font-size:17px;margin-left:8px}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.search-box{display:flex;align-items:center;gap:9px;width:250px;padding:10px 13px;border:1px solid var(--line);background:#ffffff05;border-radius:7px;color:#b8a1df}.search-box span{font-size:20px}.search-box input{background:none;border:0;outline:0;color:white;width:100%;font-size:11px}.search-box input::placeholder{color:#77758d}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#ffffff04;color:var(--muted);padding:8px 12px;border-radius:5px;font-size:10px;font-weight:700;cursor:pointer}.chip.active,.chip:hover{background:#a855f722;border-color:#a855f788;color:#fff}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-card{border:1px solid var(--line);background:linear-gradient(145deg,#17172a,#10101d);border-radius:10px;overflow:hidden;transition:.25s;min-width:0}.game-card:hover{transform:translateY(-5px);border-color:#a855f788;box-shadow:0 14px 40px #0005}.game-art{height:145px;display:grid;place-items:center;position:relative;overflow:hidden}.game-art:before,.game-art:after{content:"";position:absolute;border:1px solid #ffffff30;border-radius:50%;width:190px;height:190px;transform:rotate(35deg)}.game-art:after{width:135px;height:135px;border-style:dashed}.game-emoji{font-size:54px;filter:drop-shadow(0 8px 15px #0008);z-index:1}.game-number{position:absolute;top:12px;left:13px;font:800 12px var(--display);color:#ffffffa0}.game-tag{position:absolute;bottom:11px;right:11px;font-size:8px;letter-spacing:1px;font-weight:800;padding:5px 7px;border-radius:4px;background:#08081299;border:1px solid #ffffff2b}.game-info{padding:15px}.game-info h3{font:800 22px var(--display);margin:0 0 5px;letter-spacing:.5px}.game-info p{font-size:10px;line-height:1.6;color:var(--muted);min-height:32px;margin:0 0 13px}.game-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;font-size:9px;color:#aaa7c1}.game-meta span:last-child{color:#c18bff;font-weight:800}.empty-state{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px;border:1px dashed var(--line);border-radius:8px}.small-note{font-size:9px;color:#77758d;margin-top:17px}
.feature-band{background:linear-gradient(100deg,#17112c,#111329 60%,#101a2b);border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;overflow:hidden}.feature-inner{min-height:390px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.feature-visual{height:300px;position:relative;display:grid;place-items:center}.feature-ring{width:240px;height:240px;border:1px solid #a855f788;border-radius:50%;box-shadow:0 0 70px #a855f733,inset 0 0 55px #a855f722;position:absolute}.feature-ring:before,.feature-ring:after{content:"";position:absolute;inset:22px;border:1px dashed #50dfff77;border-radius:50%;transform:rotate(45deg)}.feature-ring:after{inset:-20px;border-color:#f04fd855;transform:rotate(-30deg) scaleY(.5)}.feature-icon{font-size:105px;color:#d4a3ff;text-shadow:0 0 35px #a855f7;z-index:2}.feature-stamp{position:absolute;right:12%;bottom:20px;background:#e45ad8;color:#170b24;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;text-align:center;font:900 16px/.85 var(--display);transform:rotate(12deg)}.feature-copy{padding:65px 0}.feature-copy p{font-size:12px;color:var(--muted);line-height:1.8;max-width:430px;margin:20px 0 25px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-card{background:#121222;border:1px solid var(--line);border-radius:9px;padding:22px;min-height:210px;display:flex;flex-direction:column;transition:.2s}.guide-card:hover{border-color:#a855f777;transform:translateY(-4px)}.guide-icon{width:38px;height:38px;border-radius:9px;background:#a855f722;display:grid;place-items:center;font-size:19px;margin-bottom:18px}.guide-card .guide-type{font-size:8px;letter-spacing:1.7px;color:#c18bff;font-weight:800}.guide-card h3{font:800 23px var(--display);margin:8px 0}.guide-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 18px}.guide-open{margin-top:auto;background:none;border:0;padding:0;color:#e1baff;font-size:10px;font-weight:800;text-align:left;cursor:pointer}.guide-open span{margin-left:7px;font-size:15px}
.tools-section{padding-top:35px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tool-card{border:1px solid var(--line);border-radius:11px;padding:28px;background:linear-gradient(145deg,#17152a,#10101e);min-height:410px;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#a855f714;filter:blur(30px);right:-100px;top:-100px;pointer-events:none}.tool-topline{display:flex;align-items:center;gap:11px}.tool-icon{width:30px;height:30px;border-radius:8px;background:#a855f72a;display:grid;place-items:center;color:#e4baff}.tool-label{font-size:8px;letter-spacing:1.6px;color:#aaa6c0;font-weight:800}.tool-card h3{font:900 40px/.9 var(--display);margin:23px 0 12px}.tool-card>p{font-size:11px;color:var(--muted);line-height:1.7;max-width:390px}.quiz-area{margin-top:22px;position:relative;z-index:1}.quiz-mini-icons{font-size:23px;margin-bottom:15px}.quiz-question{font-size:13px;font-weight:800;margin-bottom:15px}.quiz-progress{height:4px;background:#ffffff12;border-radius:10px;margin:10px 0 17px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .3s}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-option{border:1px solid var(--line);background:#ffffff07;color:#e9e7f4;padding:10px;border-radius:6px;font-size:10px;text-align:left;cursor:pointer}.quiz-option:hover{border-color:#b76bff;background:#a855f722}.quiz-result{font-size:14px;line-height:1.7;color:#e8d9ff}.quiz-result strong{font:800 35px var(--display);display:block;color:#d5a1ff}.name-controls{display:flex;align-items:center;gap:12px;margin-top:25px}.name-controls label{font-size:10px;color:var(--muted)}.name-controls select{background:#0c0c19;color:white;border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-size:10px;outline:none}.generated-name{font:800 clamp(23px,3vw,32px) var(--display);letter-spacing:1.5px;color:#d9b4ff;margin:25px 0 17px;min-height:38px;overflow-wrap:anywhere}.name-actions{display:flex;gap:9px}.icon-button{width:45px;border:1px solid var(--line);border-radius:7px;background:#ffffff08;color:#fff;font-size:20px;cursor:pointer}.copy-status{height:15px;font-size:9px;color:#75e6bf!important;margin-top:9px!important}
.community-section{background:radial-gradient(ellipse at 20% 50%,#55218a55,transparent 55%),#10101e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community-inner{min-height:270px;display:flex;align-items:center;gap:40px}.community-orb{width:105px;height:105px;flex:0 0 auto;border-radius:30px;transform:rotate(-10deg);display:grid;place-items:center;background:linear-gradient(140deg,#b65aff,#373fba);box-shadow:0 0 55px #8f44dc66;font:900 42px var(--display)}.community-inner h2{font-size:43px}.community-inner p{font-size:11px;color:var(--muted);max-width:400px;line-height:1.7}.community-inner>.button{margin-left:auto;white-space:nowrap}
.footer{padding:28px 0 18px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>p,.footer-right{font-size:10px;color:var(--muted)}.footer-right{display:flex;gap:22px}.footer-right a{color:#d5a6ff}.footer-disclaimer{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:9px;color:#69677e}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#05050bd9;backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(560px,100%);max-height:85vh;overflow:auto;background:#151528;border:1px solid #a855f766;border-radius:12px;padding:32px;box-shadow:0 20px 90px #000b}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;color:white;font-size:27px;cursor:pointer}.modal-panel h2{font:900 38px var(--display);margin:12px 0 18px}.modal-body{font-size:12px;color:#c0bdd2;line-height:1.85}.modal-body ul{padding-left:19px}.modal-body li{margin:7px 0}
@media(max-width:900px){.nav-links{gap:15px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:560px}.hero-art{height:360px}.stats-strip{padding:18px}.stats-strip div{padding-left:12px;gap:8px}.stats-strip span{font-size:9px}.feature-inner{gap:25px}.community-inner{gap:25px}}
@media(max-width:650px){.topbar{height:65px;padding:0 5%}.menu-toggle{display:block;order:3}.top-cta{display:none}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#10101e;border-bottom:1px solid var(--line);padding:18px 6%;flex-direction:column;gap:18px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:55px;min-height:0}.hero h1{font-size:76px}.hero-art{height:280px;grid-row:1;margin-bottom:15px}.hero-copy{grid-row:2}.hero-bottom-line{font-size:7px}.tag-top{top:25px}.tag-bottom{bottom:35px}.stats-strip{grid-template-columns:1fr 1fr;gap:16px}.stats-strip div{border:0;padding:0}.stats-strip strong{font-size:22px}.section{padding-top:80px;padding-bottom:70px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:45px}.game-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-chips{gap:6px}.chip{padding:7px 9px}.game-grid{gap:10px}.game-art{height:115px}.game-info{padding:12px}.game-info h3{font-size:19px}.game-info p{font-size:9px}.feature-inner{grid-template-columns:1fr;gap:0;padding-top:25px;padding-bottom:35px}.feature-visual{height:230px}.feature-ring{width:190px;height:190px}.feature-icon{font-size:80px}.feature-copy{padding:10px 0}.feature-copy h2{font-size:49px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:180px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:22px;min-height:390px}.community-inner{padding-top:35px;padding-bottom:35px;display:grid;grid-template-columns:75px 1fr;gap:18px}.community-orb{width:70px;height:70px;border-radius:20px;font-size:30px}.community-inner h2{font-size:37px}.community-inner>.button{grid-column:1/-1;margin:0;width:100%}.footer-inner{flex-wrap:wrap}.footer-inner>p{order:3;width:100%;margin:0}.footer-right{margin-left:auto}.footer-disclaimer{line-height:1.6}}
@media(max-width:380px){.hero h1{font-size:65px}.game-grid{grid-template-columns:1fr 1fr}.game-art{height:100px}.game-emoji{font-size:43px}.hero-actions{flex-wrap:wrap}.quiz-options{grid-template-columns:1fr}}