:root{--cp-bg:#2b1d6b;--cp-ink:#fff;--cp-font:"Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--cp-font);color:var(--cp-ink);background:radial-gradient(1200px 600px at 20% -10%, #5b3fd1, transparent), radial-gradient(900px 500px at 110% 10%, #ff5a8a55, transparent), var(--cp-bg);margin:0}.cp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px 5vw;display:flex}.cp-logo{color:#fff;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.cp-logo b{color:#ffc93c;font-weight:900}.cp-logo-mark{background:url(/favicon.svg) 50%/contain no-repeat;width:30px;height:30px}.cp-tag{opacity:.75;font-size:.9rem;font-weight:600}.cp-main{max-width:1200px;margin:0 auto;padding:0 5vw 40px}.cp-hero h1{margin:24px 0 8px;font-size:clamp(2rem,6vw,3.6rem);line-height:1.05}.cp-hero h1 span{color:#ffc93c}.cp-hero p{opacity:.8;margin:0 0 28px;font-size:1.15rem}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.cp-card{color:#1d2340;background:#fff;border-radius:22px;transition:transform .15s;overflow:hidden;box-shadow:0 14px 30px #0000004d}.cp-card.live:hover{transform:translateY(-4px)rotate(-.4deg)}.cp-card.coming-soon{opacity:.6}.cp-card-link{color:inherit;text-decoration:none;display:block}.cp-card-art{background:linear-gradient(135deg, var(--c1), var(--c2));place-items:center;height:170px;display:grid}.cp-cubes{width:120px;height:100px;position:relative}.cp-cubes i{background:#ffffffe6;border-radius:8px;width:48px;height:48px;animation:2.4s ease-in-out infinite cp-bob;position:absolute;box-shadow:inset -8px -8px #0000001f}.cp-cubes i:first-child{top:40px;left:0}.cp-cubes i:nth-child(2){background:#ffc93c;animation-delay:-.8s;top:0;left:36px}.cp-cubes i:nth-child(3){animation-delay:-1.6s;top:44px;left:72px}@keyframes cp-bob{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.cp-cubes i{animation:none}}.cp-card-body{padding:16px 18px 18px}.cp-card-body h2{margin:0;font-size:1.4rem}.cp-card-body h2 small{color:#c4381a;font-size:.95rem;display:block}.cp-card-body p{color:#4a5272;margin:6px 0 12px}.cp-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-tags{flex-wrap:wrap;gap:6px;display:flex}.cp-tags span{background:#eef1f8;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.cp-play{color:#fff;background:#d63d1c;border-radius:12px;padding:8px 16px;font-weight:900;box-shadow:0 4px #c23c1e}.cp-soon{color:#8a92ab;font-weight:800}.cp-progress{color:#2fbf71;margin-top:10px;font-size:.85rem;font-weight:800;display:block}.cp-footer{text-align:center;opacity:.6;padding:20px;font-size:.85rem}.cp-footer a{color:inherit}.cp-arena{width:170px;height:110px;position:relative}.cp-disc{background:#7fd36a;border-radius:50%;height:56px;position:absolute;bottom:6px;left:0;right:0;box-shadow:0 10px #8f5d32,inset 0 0 0 5px #fff}.cp-arena i{border-radius:8px;width:30px;height:32px;animation:1.6s ease-in-out infinite cp-shove;position:absolute;bottom:34px;box-shadow:inset -5px -5px #00000026}.cp-arena i:nth-child(2){background:#ff6a2b;left:30px}.cp-arena i:nth-child(3){background:#3db4ff;animation-delay:-.5s;left:72px}.cp-arena i:nth-child(4){background:#ffd23f;animation-delay:-1s;left:112px}@keyframes cp-shove{30%{transform:translate(6px,-10px)rotate(8deg)}60%{transform:translate(-4px)rotate(-4deg)}}.cp-road{perspective:160px;width:190px;height:130px;position:relative}.cp-lane{transform-origin:bottom;background:repeating-linear-gradient(#c98a4a 0 14px,#b87a3c 14px 28px);width:120px;height:150px;margin-left:-60px;animation:.5s linear infinite cp-scroll;position:absolute;bottom:-6px;left:50%;transform:rotateX(58deg);box-shadow:inset 6px 0 #ffd23f,inset -6px 0 #ffd23f}.cp-road b{background:linear-gradient(#ff7a1a 0 55%,#2a3f8f 55%);border-radius:6px;width:22px;height:34px;margin-left:-11px;animation:.9s ease-in-out infinite cp-hop;position:absolute;bottom:14px;left:50%;box-shadow:inset -4px -4px #00000026}.cp-road i{background:#ffd23f;border-radius:50%;width:14px;height:14px;animation:1.5s linear infinite cp-coin;position:absolute;top:18px;left:50%;box-shadow:0 0 0 3px #e0a000}.cp-road i:nth-of-type(2){animation-delay:-.5s}.cp-road i:nth-of-type(3){animation-delay:-1s}@keyframes cp-scroll{to{background-position:0 28px}}@keyframes cp-hop{50%{transform:translateY(-16px)}}@keyframes cp-coin{0%{opacity:0;transform:translate(-50%)scale(.4)}20%{opacity:1}to{transform:translate(var(--x,30px), 90px) scale(1.4);opacity:0}}.cp-road i:first-of-type{--x:-60px}.cp-road i:nth-of-type(2){--x:-7px}.cp-road i:nth-of-type(3){--x:40px}.cp-grid-art{background:#2b2d6e;border-radius:12px;grid-template-columns:repeat(4,26px);gap:4px;padding:8px;display:grid;transform:rotateX(28deg)rotate(-8deg);box-shadow:0 8px #0003}.cp-grid-art i{background:#3a3d8f;border-radius:6px;width:26px;height:26px;position:relative}.cp-grid-art i:after{content:"";background:hsl(calc(var(--k) * 47deg) 90% 62%);animation:cp-pop 3.2s calc(var(--k) * -.37s) ease-in-out infinite;border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset -4px -4px #0000002e,inset 3px 3px #ffffff59}@keyframes cp-pop{0%,18%{transform:scale(0)}26%,70%{transform:scale(1)}78%{opacity:1;transform:scale(1.25)}86%,to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.cp-arena i,.cp-lane,.cp-road b,.cp-road i,.cp-grid-art i:after{animation:none}}