@import"https://fonts.googleapis.com/css2?family=Bungee&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;color:#fff;font-family:Space Mono,monospace;overflow-x:hidden;min-height:100vh}.entry{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:9999;gap:1.5rem}.entry-logo{width:120px;animation:spin 4s linear infinite}.entry-text{color:#555;font-size:.9rem;letter-spacing:.1em;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{color:#fff}}.vol-btn{position:fixed;top:1rem;right:1rem;background:#111;border:2px solid #fff;color:#fff;font-size:1.2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:100;transition:transform .2s}.vol-btn:hover{transform:scale(1.1) rotate(15deg)}.marquee{overflow:hidden;white-space:nowrap;background:#000;border-top:3px solid #ff0;border-bottom:3px solid #ff0;padding:.75rem 0;font-family:Bungee,sans-serif;font-size:1.1rem}.marquee-track{display:inline-flex;animation:scroll 40s linear infinite}.marquee-track span{padding-right:2rem}@keyframes scroll{to{transform:translate(-50%)}}.m-red{color:#ff3b3b}.m-yellow{color:#ffec3d}.m-green{color:#3eff7f}.m-cyan{color:#3bf0ff}.m-pink{color:#ff5cd6}main{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3rem;margin-bottom:4rem}@media(max-width:720px){.hero{grid-template-columns:1fr;text-align:center;justify-items:center}}.logo-wrap{position:relative;display:inline-block}.logo{width:220px;height:auto;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,236,61,.4))}.logo.yeet{animation:yeet .6s ease-out}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes yeet{0%{transform:translate(0) rotate(0)}50%{transform:translate(50px,-200px) rotate(360deg) scale(1.5)}to{transform:translate(0) rotate(720deg)}}.bounce-btn{position:absolute;bottom:-10px;right:-10px;background:#ff3b3b;color:#fff;border:3px solid #fff;font-family:Bungee,sans-serif;font-size:1.1rem;padding:.5rem 1rem;cursor:pointer;transform:rotate(-8deg);transition:transform .15s;box-shadow:4px 4px #000}.bounce-btn:hover{transform:rotate(0) scale(1.1)}.bounce-btn:active{transform:scale(.9)}.hero-text h1{font-family:Bungee,sans-serif;font-size:clamp(2.5rem,7vw,5rem);line-height:1;background:linear-gradient(90deg,#ff3b3b,#ffec3d,#3eff7f,#3bf0ff,#ff5cd6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.tagline{font-size:1.1rem;line-height:1.6;color:#ddd}.dim{color:#666;display:block;margin-top:.5rem}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:3rem}@media(max-width:720px){.vs{grid-template-columns:1fr}}.vs-card{border:3px solid #fff;padding:1.5rem;background:#0a0a0a;position:relative}.vs-card.boring{filter:grayscale(1);opacity:.6;transform:rotate(-1deg)}.vs-card.based{border-color:#3eff7f;background:linear-gradient(135deg,#0a0a0a,#0f1f0f);box-shadow:0 0 40px #3eff7f4d,6px 6px #ff3b3b;transform:rotate(1deg)}.vs-label{display:inline-block;font-family:Bungee,sans-serif;font-size:1.3rem;margin-bottom:1rem;color:#ffec3d}.vs-card.boring .vs-label{color:#888}.vs-card ul{list-style:none}.vs-card li{padding:.4rem 0;border-bottom:1px dashed #333}.vs-divider{font-family:Bungee,sans-serif;font-size:2.5rem;color:#ff3b3b;text-align:center;text-shadow:3px 3px 0 #ffec3d}.footnote{display:block;margin-top:1rem;font-size:.75rem;color:#666}.bottom-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem;border:2px dashed #333}.ca{font-size:.85rem;word-break:break-all}.ca-label{color:#aaa}.ca code{background:#ffec3d;color:#000;padding:.25rem .6rem;cursor:pointer;font-weight:700;margin-left:.5rem}.ca code:hover{background:#fff}.socials{display:flex;gap:.5rem;align-items:center}.socials a{color:#3bf0ff;text-decoration:none;font-weight:700}.socials a:hover{color:#ff5cd6;text-decoration:underline}.socials span{color:#555}
