:root{--bg-0: #07070a;--bg-1: #0c0d11;--bg-2: #121319;--bg-3: #181a22;--bg-glass: rgba(18, 19, 25, .62);--bg-glass-strong: rgba(12, 13, 17, .82);--ink-0: #f4f4f6;--ink-1: #c9cad1;--ink-2: #8a8c98;--ink-3: #5a5c68;--gold: #c2a633;--gold-bright: #e6c64a;--gold-soft: rgba(194, 166, 51, .14);--gold-line: rgba(194, 166, 51, .28);--ember: #ff5a36;--ember-soft: rgba(255, 90, 54, .14);--plasma: #6ea8ff;--ok: #5ad6a0;--danger: #ff6b6b;--grad-gold: linear-gradient(135deg, #e6c64a 0%, #c2a633 55%, #8a7325 100%);--grad-ember: linear-gradient(135deg, #ff7a4a 0%, #ff5a36 60%, #d63d1c 100%);--grad-hero: radial-gradient(120% 90% at 50% 8%, #1a1c26 0%, #0c0d11 42%, #07070a 100%);--grad-glass: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: clamp(2.25rem, 5vw, 3.5rem);--fs-3xl: clamp(3rem, 8vw, 6rem);--lh-tight: 1.05;--lh-snug: 1.25;--lh-body: 1.55;--ls-tight: -.02em;--ls-wide: .14em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: clamp(4rem, 8vw, 7rem);--container: 1200px;--container-narrow: 880px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--sh-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 18px 50px -20px rgba(0,0,0,.8);--sh-gold: 0 0 0 1px var(--gold-line), 0 20px 60px -24px rgba(194,166,51,.35);--sh-glow-gold: 0 0 40px -8px rgba(194,166,51,.5);--sh-glow-ember: 0 0 40px -8px rgba(255,90,54,.55);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .18s;--dur-2: .32s;--dur-3: .6s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--ink-1);background:var(--bg-0);background-image:var(--grad-hero);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input,textarea{font:inherit}::selection{background:var(--gold-soft);color:var(--ink-0)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}#app{position:relative;z-index:1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-5)}.container.narrow{max-width:var(--container-narrow)}.section{padding:var(--sp-8) 0}.section-tight{padding:var(--sp-7) 0}.stack{display:flex;flex-direction:column}.cluster{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.grid{display:grid;gap:var(--sp-5)}.center{text-align:center}.mt-auto{margin-top:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.display{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--ink-0)}.h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--ink-0)}.h3{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--ink-0)}.lead{font-size:var(--fs-md);color:var(--ink-1);line-height:1.6}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:var(--sp-2)}.eyebrow:before{content:"";width:18px;height:1px;background:var(--gold);display:inline-block}.gradient-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.card{background:var(--bg-2);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-card)}.card.glass{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.08)}.card.gold{border-color:var(--gold-line);box-shadow:var(--sh-gold)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:var(--sp-6) 0;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.7rem 1.4rem;border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-base);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2),background var(--dur-2);white-space:nowrap;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad-gold);color:#1a1408;box-shadow:var(--sh-glow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px -6px #c2a633b3}.btn-ember{background:var(--grad-ember);color:#fff;box-shadow:var(--sh-glow-ember)}.btn-ember:hover{transform:translateY(-2px)}.btn-ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--ink-0)}.btn-ghost:hover{background:#ffffff14;border-color:var(--gold-line)}.btn-gold-ghost{background:transparent;border:1px solid var(--gold-line);color:var(--gold-bright)}.btn-gold-ghost:hover{background:var(--gold-soft)}.btn-sm{padding:.45rem .9rem;font-size:var(--fs-sm)}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}.chip{display:inline-flex;align-items:center;gap:.4em;padding:.3rem .7rem;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--ink-1)}.chip.gold{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-bright)}.chip.ember{background:var(--ember-soft);border-color:#ff5a364d;color:var(--ember)}.chip.ok{background:#5ad6a01a;border-color:#5ad6a04d;color:var(--ok)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:500}.input{background:var(--bg-1);border:1px solid rgba(255,255,255,.1);color:var(--ink-0);border-radius:var(--r-md);padding:.7rem .9rem;font-family:var(--font-mono);font-size:var(--fs-sm);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.input::placeholder{color:var(--ink-3)}textarea.input{resize:vertical;min-height:90px}.alert{border-radius:var(--r-md);padding:.85rem 1rem;font-size:var(--fs-sm);border:1px solid}.alert-error{background:#ff6b6b14;border-color:#ff6b6b4d;color:var(--danger)}.alert-ok{background:#5ad6a014;border-color:#5ad6a04d;color:var(--ok)}.alert-info{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-bright)}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 var(--gold-soft)}50%{box-shadow:0 0 30px 4px var(--gold-soft)}}.reveal{opacity:0}.reveal.in{animation:fade-up var(--dur-3) var(--ease-out) forwards}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 37%,var(--bg-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-md)}@keyframes shimmer{to{background-position:-200% 0}}.hidden{display:none!important}.veil{position:fixed;inset:0;background:#07070ab3;backdrop-filter:blur(4px);z-index:40}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-shell{display:flex;flex-direction:column;min-height:100vh}main#main{flex:1 0 auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#07070a8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid transparent;transition:background var(--dur-2),border-color var(--dur-2)}.site-nav.scrolled{background:#07070ad9;border-bottom-color:#ffffff0f}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;color:var(--ink-0)}.brand-mark{color:var(--gold-bright);font-size:1.1rem;text-shadow:0 0 14px rgba(194,166,51,.6)}.brand-text{font-size:1.1rem;letter-spacing:var(--ls-tight)}.brand-sup{font-family:var(--font-mono);font-size:.65rem;color:var(--gold);border:1px solid var(--gold-line);border-radius:var(--r-pill);padding:1px 6px}.nav-links{display:flex;gap:var(--sp-5)}.nav-links a{font-size:var(--fs-sm);font-weight:500;color:var(--ink-1);position:relative;padding:.3rem 0;transition:color var(--dur-1)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}.nav-links a:hover{color:var(--ink-0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-links a.active{color:var(--gold-bright)}.nav-burger{display:none;flex-direction:column;gap:4px;padding:8px}.nav-burger span{width:22px;height:2px;background:var(--ink-0);border-radius:2px}.site-footer{padding:var(--sp-7) 0 var(--sp-6);border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:var(--sp-6)}.footer-links{list-style:none;margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.footer-links a{color:var(--ink-2);font-size:var(--fs-sm);transition:color var(--dur-1)}.footer-links a:hover{color:var(--gold-bright)}@media (max-width: 860px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-5)}}@media (max-width: 760px){.nav-links{display:none}.site-nav.open .nav-links{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg-glass-strong);backdrop-filter:blur(20px);padding:var(--sp-5);gap:var(--sp-4);border-bottom:1px solid rgba(255,255,255,.08)}.nav-burger{display:flex}.footer-grid{grid-template-columns:1fr}}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--sp-6);padding:9rem var(--sp-5) var(--sp-7);max-width:var(--container);margin:0 auto}.hero-copy{display:flex;flex-direction:column;gap:var(--sp-5);max-width:38rem}.hero-stage{position:relative;height:70vh;min-height:460px;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(80% 80% at 50% 45%,rgba(194,166,51,.12),transparent 70%);border:1px solid rgba(255,255,255,.06)}.hero-stage canvas{cursor:grab}.hero-stats{display:flex;gap:var(--sp-6);flex-wrap:wrap}.stat .stat-num{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--ink-0)}.stat .stat-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-2)}.hero-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap}.section-head{max-width:46rem;margin-bottom:var(--sp-6)}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.feature-card{padding:var(--sp-6)}.feature-card .feature-icon{font-size:1.6rem;margin-bottom:var(--sp-3)}.feature-card h3{margin-bottom:var(--sp-2)}.provenance{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:center}.provenance-panel{display:flex;flex-direction:column;gap:var(--sp-4)}.kv{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--fs-sm)}.kv .k{color:var(--ink-2)}.kv .v{color:var(--ink-0);font-family:var(--font-mono)}.game-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.game-tile{position:relative;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--bg-2);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2),box-shadow var(--dur-2);cursor:pointer}.game-tile:hover{transform:translateY(-4px);border-color:var(--gold-line);box-shadow:var(--sh-gold)}.game-tile .tile-icon{font-size:2rem;margin-bottom:var(--sp-3)}.game-tile .tile-name{font-family:var(--font-display);font-weight:600;color:var(--ink-0);margin-bottom:2px}.game-tile .tile-tag{color:var(--ink-2);font-size:var(--fs-sm)}.game-tile .tile-cta{margin-top:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--gold)}.game-tile:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 0%,var(--gold-soft),transparent 60%);opacity:0;transition:opacity var(--dur-2);pointer-events:none}.game-tile:hover:after{opacity:1}.roadmap{position:relative;padding-left:1.5rem}.roadmap:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--gold),transparent)}.roadmap-item{position:relative;padding:var(--sp-3) 0 var(--sp-6)}.roadmap-item:before{content:"";position:absolute;left:-1.5rem;top:14px;width:11px;height:11px;border-radius:50%;background:var(--bg-1);border:2px solid var(--gold);box-shadow:0 0 12px var(--gold-soft)}.roadmap-item.done:before{background:var(--gold)}.roadmap-item h4{font-family:var(--font-display);color:var(--ink-0);margin-bottom:4px}.roadmap-item .phase{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--gold)}.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.faq-q{width:100%;text-align:left;padding:var(--sp-4) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);font-family:var(--font-display);font-weight:600;color:var(--ink-0);font-size:var(--fs-md)}.faq-q .chev{transition:transform var(--dur-2);color:var(--gold)}.faq-item.open .faq-q .chev{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur-3) var(--ease-out);color:var(--ink-2)}.faq-item.open .faq-a{max-height:400px;padding-bottom:var(--sp-4)}.portal-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-6);align-items:start}.bone-card{display:flex;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-md);background:var(--bg-3);border:1px solid rgba(255,255,255,.06)}.bone-card .bone-thumb{width:80px;height:80px;flex-shrink:0;border-radius:var(--r-md);background:radial-gradient(circle at 50% 40%,var(--gold-soft),transparent 70%);display:grid;place-items:center;font-size:1.6rem}.bone-rank{font-family:var(--font-display);color:var(--gold-bright);font-weight:700}.trait-bar{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.trait-bar>span{display:block;height:100%;background:var(--grad-gold)}.lb-table{width:100%;border-collapse:collapse}.lb-table th{text-align:left;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-2);padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.08)}.lb-table td{padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}.lb-table .rank{font-family:var(--font-display);color:var(--gold);font-weight:700;width:44px}.lb-table .wallet{font-family:var(--font-mono);color:var(--ink-1)}.lb-table .score{font-family:var(--font-mono);color:var(--ink-0);font-weight:600;text-align:right}.game-shell{max-width:540px;margin:0 auto;padding:var(--sp-7) var(--sp-4) var(--sp-8)}.game-frame{background:var(--bg-2);border:1px solid var(--gold-line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-gold)}.game-canvas{display:block;width:100%;border-radius:var(--r-md);background:#0d0d1a;touch-action:none}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding-top:7rem}.hero-stage{height:46vh;min-height:340px}.cards-3,.cards-4{grid-template-columns:1fr 1fr}.provenance,.portal-grid{grid-template-columns:1fr}}@media (max-width: 560px){.cards-3,.cards-4{grid-template-columns:1fr}.hero-stats{gap:var(--sp-4)}}