:root{--bg:#0b1024;--panel:#151b36;--ink:#e2e8f0;--muted:#94a3b8;--border:#312e81;--violet:#5b5fef;--cyan:#38bdf8;--pink:#ff4d6d;--display:"Russo One", system-ui, sans-serif;--body:"Chakra Petch", system-ui, sans-serif;--depth:0 1px 0 #ffffff14 inset, 0 12px 24px -10px #000000b0, 0 34px 60px -24px #000c;--mx:50vw;--my:30vh}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding:6rem 0}body{background:var(--bg);color:var(--ink);font:400 1.05rem/1.65 var(--body);overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(520px circle at var(--mx) var(--my), color-mix(in srgb, var(--violet) 14%, transparent), transparent 65%);position:fixed;inset:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1}button,a{cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}main,header,footer{z-index:2;position:relative}.bg-canvas{z-index:0;position:fixed;inset:0}html.rainbow{animation:5s linear infinite hue}@keyframes hue{to{filter:hue-rotate(360deg)}}.cursor{border:2px solid var(--cyan);pointer-events:none;z-index:250;mix-blend-mode:screen;border-radius:50%;width:36px;height:36px;position:fixed;top:-18px;left:-18px}@media (pointer:coarse){.cursor{display:none}}.hero{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:6rem 1.25rem 4rem;display:grid}.hero h1{letter-spacing:-.03em;padding-bottom:.1em;font-size:clamp(3rem,13vw,9.5rem);overflow:hidden}.hero h1 span{display:inline-block}.role{font:400 clamp(1.3rem, 4vw, 2rem) var(--display);color:var(--cyan);min-height:1.4em;margin-top:.5rem}.caret{background:var(--pink);vertical-align:-.12em;width:3px;height:1em;margin-left:4px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tagline{max-width:38ch;color:var(--muted);margin:1rem auto 2rem;font-size:1.2rem}.stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:3rem;display:flex}.stats dt{font:400 2.2rem var(--display);color:var(--pink)}.stats dd{color:var(--muted);font-size:.95rem}.social{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{color:#fff;font:700 1rem var(--body);border:0;border-radius:12px;align-items:center;gap:.6rem;min-height:44px;padding:.9rem 1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.btn:hover{transform:translateY(-3px)scale(1.03)}.yt{background:var(--pink);color:#000;box-shadow:0 8px 28px color-mix(in srgb, var(--pink) 33%, transparent)}.dc{background:#4752c4;box-shadow:0 8px 28px #4752c455}.donate{background:var(--cyan);color:#06121a;box-shadow:0 8px 28px color-mix(in srgb, var(--cyan) 33%, transparent)}.ghost{border:2px solid var(--muted);color:var(--ink);background:0 0}.floating-logo{z-index:60;background:0 0;border:0;place-items:center;width:84px;height:84px;display:grid;position:fixed;top:1.25rem;left:1.25rem}.ring{border:2px dashed var(--cyan);border-radius:50%;position:absolute;inset:0}.avatar{font-family:var(--display);color:#fff;background:linear-gradient(135deg, var(--violet), var(--pink));box-shadow:0 10px 40px color-mix(in srgb, var(--violet) 40%, transparent);border-radius:50%;place-items:center;font-weight:400;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.progress{background:linear-gradient(90deg, var(--violet), var(--cyan), var(--pink));transform-origin:0;z-index:100;height:3px;position:fixed;top:0;left:0;right:0}.nav{z-index:60;background:color-mix(in srgb, var(--panel) 85%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-radius:999px;gap:.25rem;padding:.35rem;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.nav a{color:var(--ink);border-radius:999px;align-items:center;min-height:44px;padding:.45rem 1rem;font-weight:500;text-decoration:none;transition:background .3s;display:inline-flex}.nav a:hover{background:var(--violet);color:#fff}.music{z-index:60;background:color-mix(in srgb, var(--panel) 85%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.7rem;padding:.5rem .9rem .5rem .5rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.music button{background:var(--cyan);color:#06121a;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.eq{align-items:center;gap:3px;height:26px;display:flex}.eq i{background:var(--pink);border-radius:2px;width:4px;height:100%;transition:transform 60ms;transform:scaleY(.15)}.song{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.85rem;overflow:hidden}.section{max-width:1100px;margin:0 auto;padding:6rem 1.25rem}.section h2{margin-bottom:2rem;font-size:clamp(2rem,5vw,3.2rem)}.about{grid-template-columns:auto 1fr;align-items:center;gap:3rem;display:grid}.about p{max-width:60ch;color:var(--muted);margin-bottom:1rem}.grid{gap:1.25rem;display:grid}.games{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.content{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:color-mix(in srgb, var(--panel) 90%, transparent);border:1px solid var(--border);box-shadow:var(--depth);border-radius:18px;padding:1.6rem;position:relative}.card h3{margin:.9rem 0 .4rem;font-size:1.3rem}.card p{color:var(--muted);font-size:.98rem}.card>svg:first-child{color:var(--violet)}.game{transition:box-shadow .35s}.game:hover{box-shadow:0 0 0 1px var(--glow), 0 18px 50px -12px var(--glow)}.footer{text-align:center;background:linear-gradient(transparent, color-mix(in srgb, var(--violet) 14%, transparent));padding:6rem 1.25rem 3rem}.footer h2{margin-bottom:2rem;font-size:clamp(2rem,6vw,4rem)}.footer small{color:var(--muted);margin-top:3rem;display:block}.hero{position:relative;overflow:clip}.orb{filter:blur(70px);opacity:.45;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.o1{background:var(--violet);width:40vw;height:40vw;top:-8%;left:-8%}.o2{background:var(--pink);opacity:.3;width:28vw;height:28vw;bottom:-6%;right:-4%}.o3{background:var(--cyan);opacity:.25;width:18vw;height:18vw;top:30%;right:18%}@media (width<=720px){.about{text-align:center;grid-template-columns:1fr;justify-items:center}.floating-logo{width:64px;height:64px;top:.75rem;left:.75rem}.floating-logo .avatar{width:48px!important;height:48px!important;font-size:16px!important}.nav{top:auto;bottom:1rem}.music{padding-right:.5rem;top:.75rem;right:.75rem}.song{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}