*{box-sizing:border-box}body{margin:0;background:#f4f4f6;color:#202124;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
#loader{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;text-align:center;animation:out .7s 4s forwards}.loader-logo{font-size:74px;font-weight:1000;letter-spacing:-7px;color:#6b3cff}.loaderbar{width:290px;height:5px;background:#e9e9ec;border-radius:20px;margin:18px auto 12px;overflow:hidden}.loaderbar i{display:block;width:0;height:100%;background:#6b3cff;animation:load 3.6s linear forwards}.loader-box p,#loader p{font-size:13px;color:#888}.loader-box b,#loader b{color:#222}@keyframes load{to{width:100%}}@keyframes out{to{opacity:0;visibility:hidden}}
header{height:68px;background:#fff;border-bottom:1px solid #e6e6e9;display:flex;align-items:center;gap:25px;padding:0 max(18px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:50}.brand{font-size:22px;font-weight:1000;display:flex;gap:7px;align-items:center}.brand b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#6b3cff;color:#fff}.search{background:#f0f0f3;border-radius:22px;height:42px;display:flex;align-items:center;padding:0 14px;gap:7px;color:#777;flex:1;max-width:460px}.search input{border:0;background:none;outline:0;width:100%;font-size:14px}nav{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:700}nav a:hover{color:#6b3cff}.chips{max-width:1280px;margin:auto;padding:18px;display:flex;gap:8px;overflow:auto}.chips button{border:1px solid #e0e0e4;background:#fff;border-radius:20px;padding:9px 15px;font-weight:700;color:#666;white-space:nowrap;cursor:pointer}.chips button.active,.chips button:hover{background:#6b3cff;color:#fff;border-color:#6b3cff}main{max-width:1280px;margin:auto;padding:0 18px 70px}.heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 14px}.heading h1,.heading h2{font-size:25px;letter-spacing:-1px;margin:0}.heading span{font-size:12px;color:#777;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 2px 7px #0000000b;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0002}.cover{height:190px;position:relative;overflow:hidden}.cover label{position:absolute;top:9px;left:9px;z-index:10;background:#ffffffe8;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:900}.c1{background:linear-gradient(135deg,#1c1539,#e74c68)}.c2{background:linear-gradient(135deg,#08a8c4,#6742df)}.c3{background:linear-gradient(135deg,#44378d,#ffae5a)}.c4{background:radial-gradient(circle at 70% 30%,#4930a1,#090b25 55%)}.c5{background:linear-gradient(135deg,#111629,#e83b72)}.c6{background:linear-gradient(135deg,#0d6d70,#f0bf46)}.c7{background:linear-gradient(135deg,#101116,#b33b50)}.c8{background:linear-gradient(135deg,#352080,#19b6c8)}.c9{background:linear-gradient(135deg,#edb52e,#e64e72)}.c10{background:linear-gradient(135deg,#162031,#30d1c8)}.c11{background:linear-gradient(135deg,#6238e5,#e24d8c)}.c12{background:linear-gradient(135deg,#44b7e5,#64c957)}
.card h3{font-size:15px;margin:12px 13px 3px}.card small{display:block;color:#888;font-size:11px;margin:0 13px 14px}
.char{position:absolute;left:50%;bottom:18px;width:55px;height:100px;transform:translateX(-50%);z-index:4;filter:drop-shadow(0 12px 8px #0005)}.char i{position:absolute;display:block}.char .head{width:49px;height:49px;left:3px;top:0;border-radius:10px;background:#e8b88e;border:2px solid #171717;z-index:3}.char .head:before,.char .head:after{content:"";position:absolute;top:22px;width:5px;height:7px;border-radius:50%;background:#222}.char .head:before{left:12px}.char .head:after{right:12px}.char .hair{width:54px;height:24px;left:0;top:-5px;border-radius:16px 18px 6px 6px;background:#171924;z-index:5;transform:rotate(-4deg)}.char .body{width:48px;height:53px;left:4px;top:48px;border-radius:8px;background:#7252ee;border:2px solid #171717}.char .arm{width:14px;height:48px;top:50px;border-radius:8px;background:#7252ee;border:2px solid #171717}.char .arm.a{left:-9px;transform:rotate(7deg)}.char .arm.b{right:-9px;transform:rotate(-7deg)}.char .leg{width:18px;height:46px;top:99px;border-radius:6px;background:#272a35;border:2px solid #171717}.char .leg.a{left:6px}.char .leg.b{right:6px}.char.red .body,.char.red .arm{background:#e64d65}.char.cyan .body,.char.cyan .arm{background:#20bfd0}.char.gold .body,.char.gold .arm{background:#f0b93e}.char.violet .body,.char.violet .arm{background:#8856e7}.char.green .body,.char.green .arm{background:#4ebd61}.char.zombie .body,.char.zombie .arm{background:#729b4a}.char.yellow .body,.char.yellow .arm{background:#e7b53c}.char.pink .body,.char.pink .arm{background:#e956ad}.char.orange .body,.char.orange .arm{background:#ed793e}.char.blue .body,.char.blue .arm{background:#4d77e9}.spark{position:absolute;right:25%;top:48%;font-size:30px;color:#fff6;transform:rotate(20deg)}
.stairs{position:absolute;bottom:0;left:10px;display:flex;gap:7px;transform:skewY(-8deg)}.stairs i{display:block}.stairs:after{content:"";display:block;width:40px;height:25px;background:#f1c44c;box-shadow:48px -27px #64d7e6,96px -54px #7655ef,144px -81px #ed5a70}.buildings{position:absolute;inset:65px -10px 0;background:repeating-linear-gradient(90deg,#202543 0 32px,#303762 33px 62px);transform:skewY(-8deg)}.planet{position:absolute;width:125px;height:125px;right:20px;top:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ba9cff,#45229c);box-shadow:0 0 45px #9970ff88}.road{position:absolute;left:28%;bottom:-40px;width:90%;height:160px;background:#22252b;transform:rotate(-14deg)}.car{position:absolute;left:44%;bottom:47px;width:75px;height:29px;border-radius:10px;background:#ff4669;z-index:4;box-shadow:0 9px 18px #0008}.bluecar{background:#36d8cf}.island{position:absolute;left:12%;bottom:-22px;width:80%;height:85px;border-radius:50%;background:#3db05e;box-shadow:0 -20px #6dd37a}.moon{position:absolute;right:30px;top:35px;width:72px;height:72px;border-radius:50%;background:#eadac6;box-shadow:0 0 35px #fff6}.tower{position:absolute;left:35%;bottom:10px;width:70px;height:150px;background:repeating-linear-gradient(0deg,#7054db 0 25px,#20b6c7 26px 50px);transform:skew(-6deg)}.arena{position:absolute;inset:35px;border-radius:50%;background:radial-gradient(circle,#ffd052 0 8%,#e95076 9% 24%,#5735bd 25% 56%,#16152b 57%)}.world{position:absolute;width:140px;height:140px;border-radius:50%;left:28%;top:24px;background:linear-gradient(145deg,#65d56e,#37a8e0 55%,#5944bd);box-shadow:0 0 35px #fff5}
footer{background:#fff;border-top:1px solid #ddd;padding:30px max(18px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;color:#888;font-size:11px}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}nav{display:none}}@media(max-width:650px){header{gap:12px}.search{position:absolute;top:75px;left:14px;right:14px;max-width:none}.chips{padding-top:64px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.cover{height:145px}.heading h1,.heading h2{font-size:20px}footer{flex-direction:column;gap:12px;text-align:center}}