*{box-sizing:border-box}body{margin:0;background:#08080d;color:#f6f6fb;font:16px Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:72px;padding:0 6%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #24242e;background:#0a0a10;position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:900}.logo span,b{color:#a970ff}nav{display:flex;gap:22px;flex:1}nav a{color:#aaa}nav a:hover,.active{color:#fff}.profile{border:1px solid #33333e;border-radius:10px;padding:10px 14px}.hero{min-height:570px;padding:80px 7%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;background:radial-gradient(circle at 80% 35%,#3c1765,transparent 35%)}small{color:#b181ff;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(55px,8vw,100px);line-height:.88;margin:18px 0}.hero p,.page>p,.box p{color:#aaaaba;line-height:1.6}.btn{display:inline-block;border:0;background:#a970ff;color:#12091e;padding:14px 18px;border-radius:11px;font-weight:900;cursor:pointer;margin:8px 8px 0 0}.btn.dark{background:#191921;color:#fff;border:1px solid #34343f}.hero-panel{padding:40px;border:1px solid #383342;border-radius:25px;background:#12111b}.hero-panel .big{font-size:90px}.hero-panel a{color:#c69dff}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.head a{color:#b181ff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#111118;border:1px solid #292933;border-radius:16px;overflow:hidden}.art{height:155px;display:grid;place-items:center;font-size:65px}.a{background:linear-gradient(135deg,#24144b,#743cff)}.m{background:linear-gradient(135deg,#321414,#a5362d)}.r{background:linear-gradient(135deg,#10233b,#267ccc)}.i{background:linear-gradient(135deg,#102c1d,#20a568)}.cardbody{padding:17px}.cardbody p{color:#9292a2}.cardbody a{display:inline-block;background:#25232e;padding:9px 12px;border-radius:9px;font-weight:800}.creator{margin:65px 7%;padding:35px;border:1px solid #302840;border-radius:20px;background:#14111c;display:flex;justify-content:space-between;align-items:center;gap:20px}section{padding:65px 7%}.page{padding:65px 7%;min-height:calc(100vh - 145px)}.page h1{font-size:55px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters button,.claim,.challenge a{border:1px solid #383843;background:#17171f;color:#fff;padding:11px 15px;border-radius:10px;cursor:pointer}.box{border:1px solid #292933;background:#111118;border-radius:18px;padding:25px;margin:20px 0}.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.box label{display:block;margin:16px 0;font-weight:700}.box input,.box select,.box textarea{display:block;width:100%;margin-top:8px;background:#0a0a10;border:1px solid #353541;color:#fff;border-radius:10px;padding:13px}.box textarea{min-height:140px;resize:vertical}.challenge{max-width:800px;display:flex;justify-content:space-between;align-items:center;border:1px solid #292933;background:#111118;padding:20px;border-radius:15px;margin:12px 0}.challenge p{color:#999;margin:5px 0}.profilebox{text-align:center;max-width:650px;margin:auto;border:1px solid #292933;background:#111118;border-radius:22px;padding:45px}.avatar{width:90px;height:90px;border-radius:50%;background:#a970ff;color:#160a22;display:grid;place-items:center;font-size:40px;font-weight:900;margin:auto}.stats{display:flex;justify-content:space-around;margin-top:35px}.stats div{display:grid;gap:7px}.stats b{font-size:28px}.stats span{color:#888}.gamewrap{max-width:1000px;margin:auto}.gamewrap h1{font-size:48px}.gameinfo{color:#aaa;line-height:1.6}.canvasbox{background:#050508;border:1px solid #383844;border-radius:18px;padding:10px}.canvasbox canvas{display:block;width:100%;max-width:900px;margin:auto;background:#0c0c14;border-radius:12px}.gamecontrols{text-align:center;margin:15px}.gamecontrols button{padding:12px 20px;border:0;border-radius:10px;background:#a970ff;font-weight:900;cursor:pointer}#aiResult{margin-top:18px}.result{padding:15px;border:1px solid #393344;border-radius:12px;background:#17131f}.createdrow{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #282831;padding:15px 0}.createdrow:last-child{border:0}footer{text-align:center;padding:30px;color:#666;border-top:1px solid #222}@media(max-width:800px){nav{display:none}.hero,.creator-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}header{padding:0 4%}.page h1{font-size:42px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.creator{flex-direction:column;align-items:flex-start}.hero{padding:55px 6%}section{padding:45px 6%}}