body.arcade-body{--violet: #7C5CFC;--teal: #2DD4BF;--bg: #06060A;--surface: #0E0E16;--border: rgba(255, 255, 255, .08);--text: #F0F0F5;--muted: #9A9AAB;--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}.hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:var(--container);margin:0 auto;padding:clamp(48px,8vh,90px) 0 clamp(20px,4vh,44px);position:relative}.hero-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;justify-content:center}.hero .hero-actions{justify-content:flex-start}.btn-primary{background:var(--text);color:var(--bg);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:16px 34px;border-radius:12px;cursor:pointer;text-decoration:none;border:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0006}.btn-ghost{background:transparent;border:none;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:6px 2px;border-radius:0;border-bottom:2px solid color-mix(in srgb,var(--brand-accent) 55%,transparent);cursor:pointer;text-decoration:none;transition:border-color .2s;display:inline-block}.btn-ghost:hover{border-bottom-color:var(--brand-accent);background:transparent}section{padding:100px 0;width:var(--container);margin:0 auto}.section-header{margin-bottom:56px}.section-label{display:inline-flex;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.section-label:before{content:"";width:24px;height:1.5px;border-radius:2px;background:var(--brand-accent)}.section-title{font-family:Fraunces,serif;font-weight:400;font-size:clamp(34px,11vw,48px);letter-spacing:-1.5px;line-height:1.05}.section-title em{font-style:italic;color:var(--brand-accent);white-space:nowrap}.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}}.shelf-label{grid-column:1 / -1;order:1000;display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem 1rem;margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.shelf-label-name{font-family:Fraunces,serif;font-weight:500;font-size:1.5rem;letter-spacing:-.01em;color:var(--text)}.shelf-label-hint{font-size:.88rem;color:var(--text-secondary)}.shelf-label--calm{order:2000}.shelf-label[hidden]{display:none}.games-grid [data-game-shelf=lab]{order:1001}.games-grid [data-game-shelf=calm]{order:2001}.arcade-rank-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-18px 0 26px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--brand-accent) 22%,transparent);border-radius:22px;background:#0e0e16b8;box-shadow:0 24px 60px #00000038}.rank-panel-label{color:var(--brand-accent);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}.browse{display:flex;flex-direction:column;gap:14px;padding:20px 24px;margin-bottom:20px;border:1px solid var(--border);border-radius:16px;background:#0e0e1699;scroll-margin-top:96px}.browse-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.browse-row--top{gap:16px}.browse-search{flex:1 1 260px;display:block}.browse-search input{width:100%;padding:11px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:Inter,sans-serif;font-size:14px}.browse-search input::placeholder{color:var(--dim)}.browse-search input:focus{outline:none;border-color:color-mix(in srgb,var(--brand-accent) 55%,transparent);background:#ffffff0f}.browse-count{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);white-space:nowrap}.browse-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff09;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.browse-chip em{font-style:normal;font-size:10px;color:var(--dim)}.browse-chip:hover{color:var(--text);border-color:#ffffff38}.browse-chip.is-active{color:var(--text);border-color:color-mix(in srgb,var(--brand-accent) 55%,transparent);background:color-mix(in srgb,var(--brand-accent) 14%,transparent)}.browse-chip.is-active em{color:var(--brand-accent)}.browse-chip--toggle{margin-left:auto}.browse-cast{gap:6px}.browse-face{width:44px;height:44px;padding:2px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.browse-face img{width:100%;height:100%;object-fit:contain}.browse-face:hover{transform:translateY(-2px);border-color:#ffffff47}.browse-face.is-active{border-color:var(--character-accent, var(--brand-accent));background:color-mix(in srgb,var(--character-accent, #fff) 16%,transparent)}.browse-empty{font-size:14px;color:var(--muted)}.browse-empty[hidden]{display:none}.browse-empty button{background:none;border:none;padding:0;color:var(--brand-accent);font:inherit;cursor:pointer;text-decoration:underline}.game-card[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.browse-chip,.browse-face{transition:none}.browse-face:hover{transform:none}}@media(max-width:700px){.browse{padding:16px}.browse-chip--toggle{margin-left:0}.browse-face{width:38px;height:38px}}.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;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.rank-pill:hover{border-color:color-mix(in srgb,var(--brand-accent) 45%,transparent);background:color-mix(in srgb,var(--brand-accent) 10%,rgba(255,255,255,.045));transform:translateY(-1px)}.rank-pill:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.browse{display:flex;flex-direction:column;gap:14px;padding:20px 24px;margin-bottom:20px;border:1px solid var(--border);border-radius:16px;background:#0e0e1699;scroll-margin-top:96px}.browse-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.browse-row--top{gap:16px}.browse-search{flex:1 1 260px;display:block}.browse-search input{width:100%;padding:11px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:Inter,sans-serif;font-size:14px}.browse-search input::placeholder{color:var(--dim)}.browse-search input:focus{outline:none;border-color:color-mix(in srgb,var(--brand-accent) 55%,transparent);background:#ffffff0f}.browse-count{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);white-space:nowrap}.browse-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff09;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.browse-chip em{font-style:normal;font-size:10px;color:var(--dim)}.browse-chip:hover{color:var(--text);border-color:#ffffff38}.browse-chip.is-active{color:var(--text);border-color:color-mix(in srgb,var(--brand-accent) 55%,transparent);background:color-mix(in srgb,var(--brand-accent) 14%,transparent)}.browse-chip.is-active em{color:var(--brand-accent)}.browse-chip--toggle{margin-left:auto}.browse-cast{gap:6px}.browse-face{width:44px;height:44px;padding:2px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.browse-face img{width:100%;height:100%;object-fit:contain}.browse-face:hover{transform:translateY(-2px);border-color:#ffffff47}.browse-face.is-active{border-color:var(--character-accent, var(--brand-accent));background:color-mix(in srgb,var(--character-accent, #fff) 16%,transparent)}.browse-empty{font-size:14px;color:var(--muted)}.browse-empty[hidden]{display:none}.browse-empty button{background:none;border:none;padding:0;color:var(--brand-accent);font:inherit;cursor:pointer;text-decoration:underline}.game-card[hidden]{display:none!important}.browse-chip,.browse-face{transition:none}.browse-face:hover{transform:none}@media(max-width:700px){.browse{padding:16px}.browse-chip--toggle{margin-left:0}.browse-face{width:38px;height:38px}}.rank-pill{transition:none}.rank-pill:hover{transform:none}}.rank-pill b{color:var(--brand-accent);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(--brand-accent);--character-accent-rgb: 255, 107, 107;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:color-mix(in srgb,var(--character-accent) 35%,transparent);transform:translateY(-4px);box-shadow:0 32px 64px #0006,0 0 40px color-mix(in srgb,var(--character-accent) 12%,transparent)}.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-shot{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.game-card:hover .card-shot{transform:scale(1.06)}.card-preview.has-shot:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,12,.42),transparent 30%,transparent 72%,rgba(6,6,12,.4))}.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:700;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:2px;z-index:2;width:116px;height:116px;opacity:.97;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%}.cameo-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.card-character-cameo.is-flipping .cameo-frame--a,.card-character-cameo.is-flipping .cameo-frame--b{animation:cameoFlipA 1.15s steps(1,end) infinite}.card-character-cameo.is-flipping .cameo-frame--b{animation-name:cameoFlipB;opacity:0}.game-card:hover .card-character-cameo.is-flipping .cameo-frame--a,.game-card:hover .card-character-cameo.is-flipping .cameo-frame--b{animation-duration:.62s}.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:1;animation-duration:2.8s}.badge-daily{background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);color:var(--teal)}.badge-arcade{background:color-mix(in srgb,var(--brand-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-accent) 30%,transparent);color:var(--brand-accent)}.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) 45%,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-best{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin:-2px 0 10px;padding:4px 10px;border-radius:999px;border:1px solid rgba(var(--character-accent-rgb, 255,200,60),.3);background:rgba(var(--character-accent-rgb, 255,200,60),.08);color:color-mix(in srgb,var(--character-accent, #FFC83C) 62%,var(--text));font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px}.card-best[hidden]{display:none}.card-best:before{content:"★";font-size:11px;opacity:.9}.card-challenge{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin:-2px 0 10px;padding:4px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.42);background:#fbbf241f;color:#fbbf24;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px}.card-challenge[hidden]{display:none}.card-challenge:before{content:"◆";font-size:9px;opacity:.9}.profile-challenges{display:flex;flex-direction:column;gap:6px;margin-top:14px}.profile-challenges[hidden]{display:none}.profile-challenge{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand-accent) 26%,transparent);background:color-mix(in srgb,var(--brand-accent) 9%,transparent);font-size:13px;text-decoration:none;transition:border-color .2s,background .2s}.profile-challenge:hover{border-color:color-mix(in srgb,var(--brand-accent) 50%,transparent);background:color-mix(in srgb,var(--brand-accent) 14%,transparent)}.profile-challenge b{color:var(--text, #f0f0f5);font-weight:600;letter-spacing:.02em}.profile-challenge em{font-style:normal;font-weight:700;color:var(--brand-accent);font-variant-numeric:tabular-nums}.profile-challenge span{color:var(--text-secondary, #8a8a9a)}.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;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.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;color:var(--brand-accent)}@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 cameoFlipA{0%,62%{opacity:1}63%,to{opacity:0}}@keyframes cameoFlipB{0%,62%{opacity:0}63%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.card-character-cameo,.card-character-cameo.is-flipping .cameo-frame--a,.card-character-cameo.is-flipping .cameo-frame--b{animation:none}.card-character-cameo.is-flipping .cameo-frame--a{opacity:1}.card-character-cameo.is-flipping .cameo-frame--b{opacity:0}}@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 color-mix(in srgb,var(--brand-accent) 20%,transparent);border-radius:22px;background:color-mix(in srgb,var(--brand-accent) 5%,var(--surface))}.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(--brand-accent)}.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(--brand-accent)}.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:color-mix(in srgb,var(--brand-accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-accent) 18%,transparent);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;color:var(--brand-accent);white-space:nowrap}.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:color-mix(in srgb,var(--brand-accent) 50%,transparent)}.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}hr{border:none;border-top:1px solid var(--border);width:var(--container);margin:0 auto}@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 0}.hero{padding:56px 0 32px}}@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}.section-title,.newsletter-title{letter-spacing:-1px}.btn-primary,.btn-ghost{width:100%;text-align:center;padding-inline:24px}.card-body{padding:24px}}html[data-bk-theme=kitchen] body.arcade-body{--violet: #6a4de0;--teal: #17786a;--bg: #f6f0e3;--surface: #fdfaf2;--border: rgba(34, 25, 14, .16);--text: #22190e;--muted: #6b5f4e;--dim: #736550;#bg{display:none}.arcade-rank-panel{background:#f0e8d4b8}.browse{background:#fffdf7bf}.arcade-character-copy{background:#fffdf7b8}}html[data-bk-theme=night] body.arcade-body{background:radial-gradient(1000px 520px at 82% -6%,rgba(124,92,252,.12),transparent 60%),radial-gradient(900px 540px at 6% 42%,rgba(45,212,191,.07),transparent 55%),radial-gradient(900px 560px at 60% 118%,rgba(255,107,107,.06),transparent 60%),var(--bg);.game-card:hover{border-color:color-mix(in srgb,var(--character-accent, #7c5cfc) 55%,transparent);box-shadow:0 24px 60px rgba(var(--character-accent-rgb, 124, 92, 252),.18)}}