body.arcade-body{--violet: #7C5CFC;--teal: #2DD4BF;--bg: #06060A;--surface: #0E0E16;--border: rgba(255, 255, 255, .08);--text: #F0F0F5;--muted: #8A8A9A;--dim: #9090A0}body.arcade-body{background:var(--bg);color:var(--text);overflow-x:hidden}#bg{position:fixed;inset:0;z-index:0;pointer-events:none}.page{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:border-color .4s,background .4s;backdrop-filter:blur(0px)}nav.scrolled{border-color:var(--border);background:#06060ad9;backdrop-filter:blur(16px)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.nav-brand-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;letter-spacing:2px}.nav-slash{color:var(--dim);margin:0 2px}.nav-section{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:14px;letter-spacing:2px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;min-width:0}.nav-links a{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text)}.nav-cta{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;border-radius:100px;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block}.nav-cta:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 48px 80px;position:relative}.hero-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--teal);text-transform:uppercase;margin-bottom:24px}.hero-title{font-family:Fraunces,serif;font-weight:400;font-size:clamp(56px,8vw,108px);line-height:.95;letter-spacing:-3px;margin-bottom:28px;max-width:900px}.hero-title em{font-style:italic;background:linear-gradient(120deg,var(--violet),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-family:Inter,sans-serif;font-size:18px;color:var(--muted);max-width:520px;line-height:1.65;margin-bottom:56px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:18px 40px;border-radius:100px;cursor:pointer;text-decoration:none;border:none;transition:opacity .3s,transform .3s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:18px 40px;border-radius:100px;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block}.btn-ghost:hover{border-color:#ffffff80;background:#ffffff0a}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.scroll-label{font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}section{padding:100px 48px;max-width:1280px;margin:0 auto}.section-header{margin-bottom:56px}.section-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--teal);text-transform:uppercase;margin-bottom:12px}.section-title{font-family:Fraunces,serif;font-weight:400;font-size:48px;letter-spacing:-1.5px;line-height:1.05}.section-title em{font-style:italic;background:linear-gradient(120deg,var(--violet),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.section-desc{font-size:16px;color:var(--muted);max-width:560px;line-height:1.65;margin-top:16px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:900px){.games-grid{grid-template-columns:1fr}}.arcade-rank-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-18px 0 26px;padding:22px 24px;border:1px solid rgba(124,92,252,.18);border-radius:22px;background:radial-gradient(circle at 10% 15%,rgba(124,92,252,.18),transparent 34%),radial-gradient(circle at 92% 88%,rgba(45,212,191,.12),transparent 34%),#0e0e16b8;box-shadow:0 24px 60px #00000038}.rank-panel-label{color:var(--teal);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.arcade-rank-panel h3{font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:-.02em;margin-bottom:6px}.arcade-rank-panel p{color:var(--muted);font-size:13px;line-height:1.5}.rank-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:540px}.rank-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0b;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.rank-pill b{color:#a08efd;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.rank-pill em{color:var(--dim);font-size:10px;font-style:normal;font-weight:600}@media(max-width:900px){.arcade-rank-panel{align-items:flex-start;flex-direction:column}.rank-list{justify-content:flex-start}}.game-card{--character-accent: var(--violet);--character-accent-rgb: 124, 92, 252;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:border-color .4s,transform .4s,box-shadow .4s;text-decoration:none;display:block;cursor:pointer}.game-card:hover{border-color:#7c5cfc59;transform:translateY(-4px);box-shadow:0 32px 64px #0006,0 0 40px #7c5cfc1a}.game-card.coming-soon{opacity:.45;cursor:default;pointer-events:none}.card-preview{width:100%;height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(var(--character-accent-rgb),.18),transparent 58%),linear-gradient(180deg,#10101cf5,#06060cfa);display:flex;align-items:center;justify-content:center}.card-preview:before,.card-preview:after{content:"";position:absolute;inset:0;pointer-events:none}.card-preview:before{z-index:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 30px);opacity:.56;animation:cardPreviewGrid 12s linear infinite}.card-preview:after{z-index:0;background:linear-gradient(110deg,transparent 18%,rgba(var(--character-accent-rgb),.16) 46%,transparent 72%);opacity:.65;transform:translate(-120%);animation:cardPreviewSweep 5.6s ease-in-out infinite}.card-preview canvas{position:relative;z-index:1;border-radius:0;animation:cardPreviewFloat 5s ease-in-out infinite}.card-preview-icon{position:relative;z-index:1;animation:cardPreviewFloat 5s ease-in-out infinite;filter:drop-shadow(0 20px 34px rgba(var(--character-accent-rgb),.2))}.card-preview-icon svg{display:block;width:clamp(168px,34vw,206px);height:auto}.card-preview-generic{position:relative;z-index:1;width:min(82%,280px);min-height:180px;padding:28px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--preview-start) 28%,transparent),transparent 34%),radial-gradient(circle at 80% 85%,color-mix(in srgb,var(--preview-end) 28%,transparent),transparent 32%),#0a0a14ad;overflow:hidden;display:flex;align-items:flex-end;animation:cardPreviewFloat 5s ease-in-out infinite}.card-preview-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.card-preview-rings span{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.card-preview-rings span:nth-child(1){width:196px;height:196px;opacity:.9;animation:cardPreviewPulse 4.5s ease-in-out infinite}.card-preview-rings span:nth-child(2){width:132px;height:132px;border-color:color-mix(in srgb,var(--preview-start) 45%,rgba(255,255,255,.08));animation:cardPreviewPulse 4.5s ease-in-out infinite .3s}.card-preview-rings span:nth-child(3){width:70px;height:70px;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-start) 72%,white),color-mix(in srgb,var(--preview-end) 72%,white));opacity:.9;box-shadow:0 0 40px color-mix(in srgb,var(--preview-start) 25%,transparent);animation:cardPreviewPulse 3.6s ease-in-out infinite .15s}.card-preview-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.card-preview-kicker{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.card-preview-title-text{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.04em;color:var(--text)}.card-preview-hint{font-size:12px;line-height:1.5;color:var(--muted);max-width:190px}.card-badge{position:absolute;top:16px;right:16px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-radius:100px;z-index:2}.card-rank-badge{position:absolute;top:16px;left:16px;z-index:2;max-width:calc(100% - 150px);overflow:hidden;padding:6px 11px;border:1px solid rgba(var(--character-accent-rgb),.34);border-radius:999px;background:#05060eb8;color:color-mix(in srgb,var(--character-accent) 62%,#F0F0F5);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;letter-spacing:1.2px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-rank-badge[hidden],.card-play-meta[hidden]{display:none}.card-character-cameo{position:absolute;left:14px;bottom:-14px;z-index:2;width:116px;height:116px;opacity:.72;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));animation:cardCameoFloat 3.9s ease-in-out infinite}.card-character-cameo>*{width:100%;height:100%}.card-character-cameo [class*=-preview--card]{background:transparent!important}.card-character-cameo svg{margin-bottom:-12px}.game-card:hover .card-preview-icon,.game-card:hover .card-preview-generic,.game-card:hover .card-preview canvas{animation-duration:3.4s}.game-card:hover .card-character-cameo{opacity:.94;animation-duration:2.8s}.badge-daily{background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);color:var(--teal)}.badge-arcade{background:#7c5cfc1f;border:1px solid rgba(124,92,252,.3);color:#a08efd}.badge-soon{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--dim)}.card-body{padding:28px 32px 32px}.card-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.5px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.card-character-hook{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-bottom:14px;padding:7px 10px;border:1px solid rgba(var(--character-accent-rgb),.24);border-radius:999px;background:rgba(var(--character-accent-rgb),.08);color:color-mix(in srgb,var(--character-accent) 58%,var(--text));font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.1;text-transform:uppercase}.card-play-meta{width:fit-content;margin:-4px 0 14px;color:#f0f0f580;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.card-character-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--character-accent);box-shadow:0 0 18px rgba(var(--character-accent-rgb),.45)}.card-desc{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:24px}.card-cta{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:8px;transition:gap .3s}.game-card:hover .card-cta{gap:14px}.card-cta-arrow{font-size:16px;background:linear-gradient(120deg,var(--violet),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes cardPreviewGrid{0%{transform:translateZ(0)}to{transform:translate3d(34px,30px,0)}}@keyframes cardPreviewSweep{0%,38%{transform:translate(-120%)}62%,to{transform:translate(120%)}}@keyframes cardPreviewFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}@keyframes cardPreviewPulse{0%,to{transform:scale(1);opacity:.74}50%{transform:scale(1.08);opacity:1}}@keyframes cardCameoFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.soon-grid:has(.soon-card:only-child){grid-template-columns:minmax(0,520px)}@media(max-width:900px){.soon-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.soon-grid:has(.soon-card:only-child){grid-template-columns:minmax(0,1fr)}}.soon-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;opacity:.5}.soon-card-label{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.soon-card-name{font-family:Fraunces,serif;font-weight:400;font-size:24px;letter-spacing:-.5px;margin-bottom:6px}.soon-card-hint{font-size:13px;color:var(--dim);line-height:1.5}.arcade-characters{position:relative}.character-section-header{display:flex;align-items:end;justify-content:space-between;gap:48px}.character-section-header .section-desc{margin-top:0;max-width:460px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.arcade-character-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(var(--character-accent-rgb),.22);border-radius:22px;background:radial-gradient(circle at 50% 24%,rgba(var(--character-accent-rgb),.2),transparent 42%),linear-gradient(180deg,#ffffff09,#ffffff04),var(--surface);text-decoration:none;color:var(--text);transition:transform .35s,border-color .35s,box-shadow .35s}.arcade-character-card:hover{transform:translateY(-4px);border-color:rgba(var(--character-accent-rgb),.46);box-shadow:0 26px 60px #00000059,0 0 38px rgba(var(--character-accent-rgb),.12)}.arcade-character-number{position:absolute;top:16px;left:16px;z-index:3;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#ffffff9e}.arcade-character-preview{height:245px;display:grid;place-items:end center;padding:42px 18px 0}.arcade-character-copy{border-top:1px solid rgba(255,255,255,.08);padding:22px;background:#06060a6b}.arcade-character-copy h3{font-family:Space Grotesk,sans-serif;font-size:22px;line-height:1.05;letter-spacing:-.03em;margin-bottom:8px}.arcade-character-copy p{color:var(--muted);font-size:13px;line-height:1.45}.character-platform-note{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:28px;border:1px solid rgba(45,212,191,.16);border-radius:22px;background:linear-gradient(135deg,#2dd4bf12,#7c5cfc12)}.character-platform-note div{display:grid;gap:6px}.character-platform-note strong{font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal)}.character-platform-note span{color:var(--muted);line-height:1.6;max-width:760px}@media(max-width:980px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-section-header,.character-platform-note{align-items:stretch;flex-direction:column}}@media(max-width:560px){.character-grid{grid-template-columns:1fr}.arcade-character-preview{height:220px}}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:900px){.about-inner{grid-template-columns:1fr;gap:48px}}.about-text p{font-family:Inter,sans-serif;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:20px}.about-text p strong{color:var(--text);font-weight:500}.about-pillars{display:flex;flex-direction:column;gap:20px}.pillar{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:14px;border-left:2px solid transparent;transition:border-left-color .3s}.pillar:hover{border-left-color:var(--violet)}.pillar-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;margin-bottom:6px}.pillar-desc{font-size:13px;color:var(--muted);line-height:1.55}.newsletter{background:linear-gradient(135deg,#7c5cfc14,#2dd4bf0f);border:1px solid rgba(124,92,252,.18);border-radius:28px;padding:72px 80px;text-align:center;max-width:1280px;margin:0 auto 100px}@media(max-width:768px){.newsletter{padding:48px 32px}}.newsletter-title{font-family:Fraunces,serif;font-weight:400;font-size:48px;letter-spacing:-1.5px;margin-bottom:16px}.newsletter-title em{font-style:italic;background:linear-gradient(120deg,var(--violet),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.newsletter-sub{font-size:16px;color:var(--muted);max-width:480px;margin:0 auto 40px;line-height:1.65}.newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-input{flex:1;min-width:220px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:16px 24px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .3s}.newsletter-input::placeholder{color:var(--dim)}.newsletter-input:focus{border-color:#7c5cfc80}.newsletter-btn{background:var(--text);color:var(--bg);border:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:16px 32px;border-radius:100px;cursor:pointer;transition:opacity .3s;white-space:nowrap}.newsletter-btn:hover{opacity:.85}.newsletter-note{font-size:12px;color:var(--dim);margin-top:16px;letter-spacing:.5px}footer{border-top:1px solid var(--border);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;letter-spacing:2px}.footer-ventures{display:flex;gap:24px;flex-wrap:wrap}.footer-ventures a,.footer-ventures span{font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;text-decoration:none}.footer-ventures a:hover{color:var(--text)}.footer-ventures a.active,.footer-ventures span.active{color:var(--muted)}.footer-note{font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase}hr{border:none;border-top:1px solid var(--border);margin:0 48px}@media(max-width:820px){nav{padding:14px 18px;align-items:flex-start;gap:14px}.nav-brand{min-height:40px;flex:0 0 auto}.nav-brand-name,.nav-slash,.nav-section{display:none}.nav-links{justify-content:flex-end;gap:10px;flex-wrap:wrap}.nav-links a,.nav-cta{font-size:10px;letter-spacing:1px}.nav-links a:not(.nav-cta){padding:10px 0}.nav-cta{padding:9px 14px}section{padding:72px 22px}.hero{padding:112px 22px 72px}hr{margin:0 22px}footer{padding:34px 22px;align-items:flex-start}}@media(max-width:480px){nav{align-items:center}.nav-links{gap:8px}.nav-links li:nth-child(2),.nav-links li:nth-child(3){display:none}.hero-title,.section-title,.newsletter-title{letter-spacing:-1px}.btn-primary,.btn-ghost{width:100%;text-align:center;padding-inline:24px}.card-body{padding:24px}}