@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap";:root{font-family:Plus Jakarta Sans,sans-serif;color:#f7efe5;background:radial-gradient(circle at top,rgba(248,177,149,.28),transparent 28%),radial-gradient(circle at 85% 20%,rgba(255,220,123,.14),transparent 18%),linear-gradient(180deg,#171427,#11131b 45%,#091015);color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(13, 20, 30, .72);--surface-strong: rgba(18, 25, 38, .92);--surface-soft: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--accent: #ffd166;--accent-strong: #ff9f6e;--accent-mint: #83f7d5;--text-main: #f7efe5;--text-muted: #c7c0d7;--shadow: 0 28px 80px rgba(3, 9, 20, .4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh}.site-shell{position:relative;overflow:hidden}.site-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 85%)}.page{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px}.section{margin-top:48px}.hero{display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);padding-top:24px}.eyebrow-chip,.section-eyebrow,.hero-panel-label,.tag,.domain-pill{letter-spacing:.06em;text-transform:uppercase}.eyebrow-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--accent);font-size:.76rem;font-weight:700}.hero-copy h1,.section-header h2,.game-meta h3{font-family:Space Grotesk,sans-serif;margin:0}.hero-copy h1{max-width:12ch;margin-top:18px;font-size:clamp(2.8rem,8vw,5rem);line-height:.96}.hero-description{max-width:62ch;margin:18px 0 0;color:var(--text-muted);font-size:1.05rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.primary-button,.secondary-button,.card-button{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:16px;padding:0 18px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#1d1520;font-weight:800;box-shadow:0 18px 40px #ff9f6e40}.secondary-button{border:1px solid var(--border);background:#ffffff0a;color:var(--text-main);font-weight:700}.primary-button:hover,.secondary-button:hover,.card-button:hover{transform:translateY(-2px)}.stats-grid{display:grid;gap:14px;margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.hero-panel-card,.game-card,.feature-card,.site-footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.stat-card{padding:18px;border-radius:22px}.stat-card strong{display:block;font-family:Space Grotesk,sans-serif;font-size:2rem}.stat-card span{display:block;margin-top:6px;color:var(--text-muted)}.hero-panel{position:relative;min-height:520px;padding:22px;border-radius:32px;overflow:hidden;background:linear-gradient(160deg,#ffffff17,#ffffff05),#ffffff05;border:1px solid rgba(255,255,255,.1)}.panel-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 9s ease-in-out infinite}.panel-orb-one{top:14%;left:10%;width:180px;height:180px;background:radial-gradient(circle,#ffd166f5,#ffd1661f)}.panel-orb-two{right:8%;bottom:10%;width:220px;height:220px;background:radial-gradient(circle,#83f7d5cc,#83f7d514);animation-delay:-3s}.hero-panel-card{position:relative;z-index:1;width:min(100%,360px);margin:180px 0 0 auto;padding:24px;border-radius:28px;background:var(--surface-strong)}.hero-panel-label{margin:0 0 14px;color:var(--accent);font-size:.76rem;font-weight:700}.flow-list{display:grid;gap:14px;margin:0;padding-left:20px;color:var(--text-muted);line-height:1.65}.section-header{max-width:760px}.section-eyebrow{margin:0 0 10px;color:var(--accent-mint);font-size:.8rem;font-weight:800}.section-header h2{font-size:clamp(2rem,5vw,3rem);line-height:1.05}.section-description{margin:14px 0 0;color:var(--text-muted);line-height:1.8}.game-grid,.architecture-grid{display:grid;gap:20px;margin-top:28px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{display:grid;gap:22px;padding:20px;border-radius:28px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-card:hover{transform:translateY(-4px);border-color:#ffd16666;background:#111926e0}.game-thumbnail-shell{padding:14px;border-radius:24px;background:linear-gradient(135deg,#ffffff1f,#ffffff05),#ffffff0a;overflow:hidden}.game-thumbnail{width:100%;aspect-ratio:16 / 10;border-radius:18px;object-fit:cover;transition:transform .22s ease,filter .22s ease}.game-card:hover .game-thumbnail{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}.game-meta{display:grid;gap:18px}.game-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:800}.tag-live{background:#83f7d526;color:var(--accent-mint)}.tag-coming-soon{background:#ffd16624;color:var(--accent)}.tag-new{background:#ff9f6e26;color:var(--accent-strong)}.tag-platform{background:#ffffff0f;color:var(--text-main)}.game-meta h3{font-size:1.55rem}.game-meta p{margin:10px 0 0;color:var(--text-muted);line-height:1.7}.card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.domain-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:.76rem}.card-button{border:none;background:#ffffff14;color:var(--text-main);font-weight:800;cursor:pointer}.card-button-live{background:linear-gradient(135deg,#ffd166,#ff9f6e 52%,#ff6b6b);color:#1d1520;box-shadow:0 14px 34px #ff9f6e52,inset 0 1px #ffffff61;animation:playPulse 2.6s ease-in-out infinite}.card-button-live:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.card-button-live:after{content:"";position:absolute;inset:-40% auto -40% -70%;width:48%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skew(-18deg);animation:playShine 3.2s ease-in-out infinite}.card-button-live:hover{box-shadow:0 18px 44px #ff9f6e6b,0 0 0 1px #ffffff2e inset}.card-button-disabled{cursor:not-allowed;opacity:.64}.architecture-panel{padding:30px;border-radius:30px;background:linear-gradient(135deg,#ffffff14,#ffffff08),#ffffff05;border:1px solid rgba(255,255,255,.08)}.architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{padding:22px;border-radius:24px}.feature-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.feature-card p{margin:12px 0 0;color:var(--text-muted);line-height:1.75}.site-footer{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto 28px;padding:20px 22px;border-radius:24px}.site-footer p{margin:0;color:var(--text-muted);line-height:1.7}.site-footer p+p{margin-top:8px}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes playPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.025)}}@keyframes playShine{0%,48%{left:-70%}70%,to{left:120%}}@media(prefers-reduced-motion:reduce){.card-button-live,.card-button-live:after,.panel-orb{animation:none}.primary-button,.secondary-button,.card-button,.game-card,.game-thumbnail{transition:none}}@media(max-width:960px){.hero,.architecture-grid,.game-grid{grid-template-columns:1fr}.hero-panel{min-height:420px}.hero-panel-card{margin-top:160px}}@media(max-width:720px){.page{width:min(100% - 20px,1160px);padding-top:18px}.section{margin-top:36px}.stats-grid{grid-template-columns:1fr}.hero-copy h1{max-width:100%;font-size:clamp(2.4rem,12vw,4rem)}.hero-panel{min-height:360px;padding:18px}.hero-panel-card,.game-card,.architecture-panel{border-radius:24px}.card-footer{align-items:stretch}.card-button{width:100%}}