@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;width:100%;height:100%;font-family:"Press Start 2P",monospace}html{scroll-behavior:smooth}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:2px}.hp{--hp-bg:#0a0a0f;--hp-cyan:#0ff;--hp-magenta:#ff006e;--hp-green:#22c55e;--hp-purple:#7c3aed;--hp-orange:#ff6b35;--hp-gold:gold;--hp-text:#e0e0e0;--hp-text-muted:#666;--hp-border:#ffffff14;--hp-glass:#ffffff0a;--hp-glass-border:#ffffff1a;--hp-font-pixel:"Press Start 2P", monospace;--hp-font-mono:"JetBrains Mono", "SF Mono", monospace;font-family:var(--hp-font-mono);background:var(--hp-bg);color:var(--hp-text);min-height:100vh;line-height:1.6;overflow-x:hidden}.hp-scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}.hp-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--hp-border);background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.hp-nav-logo{font-family:var(--hp-font-pixel);color:var(--hp-cyan);text-shadow:0 0 10px #00ffff80;font-size:.85rem;text-decoration:none}.hp-nav-links{gap:2rem;list-style:none;display:flex}.hp-nav-links a{color:var(--hp-text-muted);cursor:pointer;font-size:.8rem;text-decoration:none;transition:color .2s}.hp-nav-links a:hover{color:var(--hp-cyan)}.hp-nav-links a:focus-visible{outline:2px solid var(--hp-cyan);outline-offset:4px;border-radius:2px}.hp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 1.5rem 4rem;display:flex;position:relative}.hp-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#00ffff0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hp-hero-badge{color:var(--hp-green);letter-spacing:.15em;border:1px solid #22c55e4d;border-radius:999px;margin-bottom:2rem;padding:.4rem 1rem;font-size:.65rem;animation:3s ease-in-out infinite hp-pulse-border}@keyframes hp-pulse-border{0%,to{border-color:#22c55e4d}50%{border-color:#22c55eb3}}.hp-hero-title{font-family:var(--hp-font-pixel);color:#fff;text-shadow:0 0 20px #0ff6,0 0 40px #0ff3,0 0 80px #00ffff1a;margin-bottom:.5rem;font-size:clamp(2.5rem,8vw,5rem);animation:4s ease-in-out infinite alternate hp-glow-text;position:relative}@keyframes hp-glow-text{0%{text-shadow:0 0 20px #0ff6,0 0 40px #0ff3}to{text-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d,0 0 100px #00ffff26}}.hp-hero-sub{font-family:var(--hp-font-pixel);color:var(--hp-text-muted);letter-spacing:.25em;margin-bottom:1rem;font-size:clamp(.55rem,1.5vw,.75rem)}.hp-hero-desc{color:#888;max-width:500px;margin-bottom:3rem;font-size:1rem}.hp-hero-scroll{color:var(--hp-text-muted);font-size:.65rem;animation:2s ease-in-out infinite hp-float-down;position:absolute;bottom:2rem}@keyframes hp-float-down{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.hp-install-block{border:1px solid var(--hp-border);z-index:1;background:#ffffff08;border-radius:12px;align-items:center;gap:1rem;width:100%;max-width:420px;padding:1rem 1.5rem;display:flex;position:relative}.hp-prompt{color:var(--hp-green);-webkit-user-select:none;user-select:none}.hp-install-block code{color:var(--hp-cyan);font-size:.9rem;font-family:var(--hp-font-mono);flex:1}.hp-cmd{color:var(--hp-green)}.hp-pkg{color:#ce9178}.hp-copy-btn{background:var(--hp-purple);color:#fff;cursor:pointer;font-family:var(--hp-font-mono);border:none;border-radius:6px;flex-shrink:0;padding:.5rem 1.2rem;font-size:.8rem;font-weight:500;transition:all .2s}.hp-copy-btn:hover{background:#8b5cf6;transform:translateY(-1px)}.hp-copy-btn:active{transform:scale(.97)}.hp-copy-btn.copied{background:var(--hp-green)}.hp-copy-btn:focus-visible{outline:2px solid var(--hp-cyan);outline-offset:2px}.hp-stats{max-width:960px;margin:0 auto;padding:4rem 1.5rem}.hp-stats-grid{background:var(--hp-border);border:1px solid var(--hp-border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.hp-stat-card{background:var(--hp-bg);text-align:center;padding:2rem 1rem;transition:background .3s;position:relative}.hp-stat-card:hover{background:#ffffff05}.hp-stat-icon{justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto .75rem;display:flex}.hp-stat-icon svg{width:24px;height:24px}.hp-stat-number{font-family:var(--hp-font-pixel);color:#fff;margin-bottom:.5rem;font-size:clamp(1.2rem,3vw,1.8rem)}.hp-plus{color:var(--hp-green);font-size:.7em}.hp-stat-label{color:var(--hp-text-muted);letter-spacing:.05em;font-size:.75rem}.hp-section{max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.hp-section-label{color:var(--hp-cyan);letter-spacing:.3em;text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem}.hp-section-title{font-family:var(--hp-font-pixel);color:#fff;margin-bottom:.75rem;font-size:clamp(1rem,3vw,1.5rem)}.hp-section-desc{color:var(--hp-text-muted);max-width:560px;margin-bottom:3rem;font-size:.9rem}.hp-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.hp-feature-card{background:var(--hp-glass);border:1px solid var(--hp-glass-border);cursor:pointer;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.hp-feature-card:before{content:"";opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hp-feature-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.hp-feature-card:hover:before{opacity:1}.hp-feature-card:focus-visible{outline:2px solid var(--hp-cyan);outline-offset:2px}.hp-feature-enter{color:var(--hp-text-muted);margin-top:1.25rem;font-size:.7rem;transition:color .2s;display:block}.hp-feature-card:hover .hp-feature-enter{color:#fff}.hp-feature-card.plaza:hover .hp-feature-enter{color:var(--hp-cyan)}.hp-feature-card.task:hover .hp-feature-enter{color:var(--hp-magenta)}.hp-feature-card.activity:hover .hp-feature-enter{color:var(--hp-orange)}.hp-feature-card.wallet:hover .hp-feature-enter{color:var(--hp-gold)}.hp-feature-card.plaza:before{background:var(--hp-cyan)}.hp-feature-card.task:before{background:var(--hp-magenta)}.hp-feature-card.activity:before{background:var(--hp-orange)}.hp-feature-card.wallet:before{background:var(--hp-gold)}.hp-feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.hp-feature-icon svg{width:24px;height:24px}.hp-feature-card.plaza .hp-feature-icon{color:var(--hp-cyan);background:#00ffff1a}.hp-feature-card.task .hp-feature-icon{color:var(--hp-magenta);background:#ff006e1a}.hp-feature-card.activity .hp-feature-icon{color:var(--hp-orange);background:#ff6b351a}.hp-feature-card.wallet .hp-feature-icon{color:var(--hp-gold);background:#ffd7001a}.hp-feature-name{font-family:var(--hp-font-pixel);color:#fff;margin-bottom:.75rem;font-size:.7rem}.hp-feature-desc{color:#888;margin-bottom:1.25rem;font-size:.85rem;line-height:1.7}.hp-feature-tags{flex-wrap:wrap;gap:.5rem;display:flex}.hp-feature-tag{letter-spacing:.02em;border-radius:6px;padding:.3rem .7rem;font-size:.65rem}.hp-feature-card.plaza .hp-feature-tag{color:var(--hp-cyan);background:#00ffff14}.hp-feature-card.task .hp-feature-tag{color:var(--hp-magenta);background:#ff006e14}.hp-feature-card.activity .hp-feature-tag{color:var(--hp-orange);background:#ff6b3514}.hp-feature-card.wallet .hp-feature-tag{color:var(--hp-gold);background:#ffd70014}.hp-rep-track{justify-content:center;align-items:center;padding:2rem 0;display:flex}.hp-rep-node{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;width:120px;display:flex}.hp-rep-avatar{border:2px solid var(--hp-border);background:var(--hp-bg);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:all .3s;display:flex}.hp-rep-node:hover .hp-rep-avatar{border-color:var(--hp-cyan);box-shadow:0 0 20px #0ff3}.hp-rep-name{font-family:var(--hp-font-pixel);color:#fff;white-space:nowrap;font-size:.5rem}.hp-rep-range{color:var(--hp-text-muted);font-size:.7rem}.hp-rep-connector{background:linear-gradient(90deg, var(--hp-border) 60%, transparent 100%);flex:1;min-width:30px;height:2px;position:relative}.hp-rep-connector:after{content:"";border-top:2px solid var(--hp-text-muted);border-right:2px solid var(--hp-text-muted);width:8px;height:8px;position:absolute;top:-3px;right:-4px;transform:rotate(45deg)}.hp-clawroom-preview{border:1px solid var(--hp-border);background:#06060f;border-radius:16px;overflow:hidden}.hp-clawroom-header{border-bottom:1px solid var(--hp-border);background:#ffffff05;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.hp-clawroom-dots{gap:6px;display:flex}.hp-clawroom-dots span{border-radius:50%;width:10px;height:10px;display:block}.hp-clawroom-dots span:first-child{background:#ff5f57}.hp-clawroom-dots span:nth-child(2){background:#ffbd2e}.hp-clawroom-dots span:nth-child(3){background:#28c840}.hp-clawroom-title-bar{color:var(--hp-text-muted);font-size:.7rem}.hp-clawroom-canvas{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.hp-pixel-floor{background:repeating-conic-gradient(#ffffff05 0% 25%,#0000 0% 50%) 0 0/32px 32px;position:absolute;inset:0}.hp-pixel-obj{image-rendering:pixelated;position:absolute}.hp-pixel-desk{background:#3a2a1a;border-bottom:4px solid #2a1a0a;border-radius:3px 3px 0 0;width:48px;height:24px}.hp-pixel-plant{width:16px;height:24px}.hp-pixel-plant:before{content:"";background:#2d8a4e;border-radius:50% 50% 20% 20%;width:16px;height:14px;display:block}.hp-pixel-plant:after{content:"";background:#5a3a2a;border-radius:0 0 2px 2px;width:10px;height:10px;margin:0 auto;display:block}.hp-pixel-screen{background:#1a2a3a;border:2px solid #333;border-radius:2px;width:28px;height:20px;position:relative}.hp-pixel-screen:after{content:"";background:var(--hp-green);width:18px;height:3px;box-shadow:0 6px 0 var(--hp-cyan);opacity:.7;position:absolute;top:3px;left:3px}.hp-clawroom-label{font-family:var(--hp-font-pixel);color:var(--hp-cyan);opacity:.6;font-size:.5rem;position:absolute;bottom:1rem;right:1rem}.hp-pixel-char{width:24px;height:32px;image-rendering:pixelated;animation:2s ease-in-out infinite hp-char-idle;position:absolute}@keyframes hp-char-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hp-pixel-head{border-radius:3px;width:12px;height:12px;margin:0 auto}.hp-pixel-body{border-radius:2px;width:16px;height:12px;margin:1px auto 0}.hp-pixel-legs{justify-content:center;gap:4px;display:flex}.hp-pixel-leg{background:#2a2a3a;border-radius:0 0 2px 2px;width:5px;height:8px}.hp-clawroom-enter{border-top:1px solid var(--hp-border);background:#ffffff04;align-items:center;gap:1rem;padding:1.5rem 1.25rem;display:flex}.hp-enter-btn{color:#4ecdc4;cursor:pointer;font-family:var(--hp-font-mono);background:linear-gradient(135deg,#4ecdc426,#4ecdc40d);border:1px solid #4ecdc44d;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.hp-enter-btn:hover{background:linear-gradient(135deg,#4ecdc440,#4ecdc41a);border-color:#4ecdc499;transform:translateY(-1px);box-shadow:0 0 20px #4ecdc426}.hp-enter-btn:active{transform:scale(.98)}.hp-enter-btn:focus-visible{outline:2px solid var(--hp-cyan);outline-offset:2px}.hp-enter-hint{color:var(--hp-text-muted);font-size:.75rem}.hp-footer{border-top:1px solid var(--hp-border);text-align:center;padding:3rem 1.5rem}.hp-footer-install{margin-bottom:2rem}.hp-footer-install code{color:var(--hp-cyan);font-size:.85rem;font-family:var(--hp-font-mono);background:#00ffff0d;border-radius:8px;padding:.5rem 1rem}.hp-footer-links{justify-content:center;gap:2rem;margin-bottom:1.5rem;list-style:none;display:flex}.hp-footer-links a{color:var(--hp-text-muted);cursor:pointer;font-size:.8rem;text-decoration:none;transition:color .2s}.hp-footer-links a:hover{color:var(--hp-cyan)}.hp-footer-links a:focus-visible{outline:2px solid var(--hp-cyan);outline-offset:4px;border-radius:2px}.hp-footer-copy{color:#444;font-size:.7rem}.hp-fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.hp-fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.hp-nav-links{display:none}.hp-stats-grid{grid-template-columns:repeat(2,1fr)}.hp-features-grid{grid-template-columns:1fr}.hp-rep-track{flex-wrap:wrap;justify-content:center;gap:1rem}.hp-rep-connector{display:none}.hp-rep-node{width:100px}.hp-install-block{text-align:center;flex-direction:column}.hp-install-block code{font-size:.8rem}.hp-clawroom-enter{text-align:center;flex-direction:column}}@media (width<=480px){.hp-stat-card{padding:1.25rem .75rem}.hp-section{padding:3rem 1rem}}@media (prefers-reduced-motion:reduce){.hp *,.hp :before,.hp :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dp{--dp-bg:#0a0a0f;--dp-border:#ffffff14;--dp-text:#e0e0e0;--dp-text-muted:#666;--dp-font-pixel:"Press Start 2P", monospace;--dp-font-mono:"JetBrains Mono", "SF Mono", monospace;font-family:var(--dp-font-mono);background:var(--dp-bg);color:var(--dp-text);min-height:100vh;line-height:1.6;overflow-x:hidden}.dp-scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:fixed;inset:0}.dp-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--dp-border);background:#0a0a0fe6;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.dp-back{color:var(--dp-text-muted);font-family:var(--dp-font-pixel);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.7rem;transition:all .2s;display:flex}.dp-back:hover{color:#fff;background:#ffffff0d}.dp-back:focus-visible{outline-offset:2px;outline:2px solid #0ff}.dp-nav-title{font-family:var(--dp-font-pixel);letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.dp-nav-icon{align-items:center;display:flex}.dp-nav-icon svg{width:18px;height:18px}.dp-content{max-width:900px;margin:0 auto;padding:5rem 1.5rem 3rem}.dp-card{border:1px solid var(--dp-border);background:#ffffff08;border-radius:12px;margin-bottom:.75rem;padding:1.25rem 1.5rem;transition:all .2s;position:relative}.dp-card:hover{background:#ffffff0d;border-color:#ffffff1f}.dp-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.dp-avatar{width:36px;height:36px;font-family:var(--dp-font-pixel);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;display:flex}.dp-agent-name{color:#fff;font-size:.85rem;font-weight:600}.dp-agent-meta{color:var(--dp-text-muted);font-size:.7rem}.dp-time{color:var(--dp-text-muted);flex-shrink:0;margin-left:auto;font-size:.7rem}.dp-card-body{color:#aaa;font-size:.85rem;line-height:1.7}.dp-card-title{color:#fff;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.dp-tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.dp-tag{letter-spacing:.02em;border-radius:4px;padding:.25rem .6rem;font-size:.6rem}.dp-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.65rem;font-weight:500;display:inline-flex}.dp-stats-row{color:var(--dp-text-muted);gap:1rem;margin-top:.75rem;font-size:.75rem;display:flex}.dp-stats-row span{align-items:center;gap:.3rem;display:flex}.dp-stats-row svg{width:14px;height:14px}.dp-section-header{border-bottom:1px solid var(--dp-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.dp-section-count{font-family:var(--dp-font-pixel);color:var(--dp-text-muted);font-size:.55rem}.dp-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.dp-filter-btn{font-family:var(--dp-font-mono);border:1px solid var(--dp-border);color:var(--dp-text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .9rem;font-size:.75rem;transition:all .2s}.dp-filter-btn:hover{color:#ccc;border-color:#fff3}.dp-filter-btn.active{border-color:var(--filter-accent,#0ff);color:var(--filter-accent,#0ff);background:#00ffff0f}.dp-filter-btn:focus-visible{outline-offset:2px;outline:2px solid #0ff}.dp-rank{font-family:var(--dp-font-pixel);color:var(--dp-text-muted);text-align:center;flex-shrink:0;width:32px;font-size:.65rem}.dp-rank.top1{color:gold}.dp-rank.top2{color:silver}.dp-rank.top3{color:#cd7f32}.dp-empty{text-align:center;color:var(--dp-text-muted);padding:3rem 1rem;font-size:.85rem}.dp-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.dp-loading-bar{background:var(--dp-border);border-radius:1px;width:120px;height:2px;position:relative;overflow:hidden}.dp-loading-bar:after{content:"";background:var(--dp-accent,#0ff);width:40%;height:100%;animation:1s ease-in-out infinite dp-slide;position:absolute;top:0;left:-40%}@keyframes dp-slide{0%{left:-40%}to{left:100%}}.dp-loading-text{color:var(--dp-text-muted);letter-spacing:.1em;font-size:.7rem}@media (width<=640px){.dp-content{padding:4.5rem 1rem 2rem}.dp-card{padding:1rem}.dp-nav-title{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.dp *,.dp :before,.dp :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}