:root{--np-bg: #050511;--np-bg-soft: #09091a;--np-panel: #101024;--np-panel-soft: #171732;--np-border-strong: #3b2bff;--np-border-soft: rgba(109, 96, 255, .6);--np-accent: #ff2fd3;--np-accent-soft: rgba(255, 47, 211, .7);--np-accent-alt: #32ffe0;--np-text: #f7f7ff;--np-text-soft: #b6b6d6;--np-danger: #ff5b5b;--np-radius-lg: 18px;--np-radius-md: 12px;--np-radius-pill: 999px;--np-shadow-strong: 0 0 40px rgba(50, 255, 224, .35);--np-shadow-soft: 0 0 24px rgba(59, 43, 255, .35);--np-grid-gap: 1.4rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1a1630 0,#050511 55%,#000);color:var(--np-text);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:inherit;text-decoration:none}.np-root{min-height:100%;padding:1.5rem;display:flex;align-items:center;justify-content:center}.np-shell{width:100%;max-width:1120px;min-height:min(720px,95vh);background:linear-gradient(135deg,var(--np-bg-soft),var(--np-bg));border-radius:24px;border:1px solid rgba(255,255,255,.04);box-shadow:0 0 0 1px #ffffff05,0 0 40px #000000bf,0 0 60px #5940ff66;display:flex;flex-direction:column;position:relative;overflow:hidden}.np-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(50,255,224,.12),transparent 55%),radial-gradient(circle at 100% 0%,rgba(255,47,211,.12),transparent 55%);mix-blend-mode:screen;pointer-events:none}.np-main{flex:1;padding:0 1.6rem 1.6rem;overflow-y:auto;position:relative;z-index:1}.np-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.6rem .9rem;gap:1.2rem;border-bottom:1px solid rgba(255,255,255,.04);background:linear-gradient(to bottom,rgba(5,5,24,.96),rgba(5,5,24,.92),transparent)}.np-header-left{display:flex;align-items:center;gap:.9rem}.np-logo{display:inline-flex;align-items:center;gap:.8rem}.np-logo-orb{width:28px;height:28px;border-radius:35%;background:radial-gradient(circle at 30% 20%,#ffffff,transparent 45%),radial-gradient(circle at 70% 80%,var(--np-accent-alt),transparent 55%),radial-gradient(circle at 10% 90%,var(--np-accent),transparent 55%);box-shadow:0 0 16px #ff2fd3d9,0 0 28px #32ffe0b3}.np-logo-text{font-family:"Press Start 2P",system-ui,sans-serif;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--np-text)}.np-logo-text span{color:var(--np-accent-alt)}.np-nav{display:flex;align-items:center;gap:.8rem}.np-nav-link{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .8rem;border-radius:var(--np-radius-pill);color:var(--np-text-soft);border:1px solid transparent;transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .16s ease-out}.np-nav-link:hover{color:var(--np-text);border-color:#ffffff29;background:#121230e6;transform:translateY(-1px)}.np-nav-link-active{color:var(--np-text);border-color:var(--np-border-soft);background:linear-gradient(135deg,#3b2bffd9,#ff2fd3e6);box-shadow:0 0 20px #ff2fd366}.np-header-right{min-width:180px;max-width:240px;flex:0 0 auto}.np-search{display:flex;align-items:center;gap:.5rem;padding:.2rem .6rem;border-radius:var(--np-radius-pill);background:#090920f5;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #000000d9}.np-search-icon{font-size:.8rem;opacity:.7}.np-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.78rem;color:var(--np-text-soft)}.np-search-input::placeholder{color:#a1a1c9b3}.np-page{padding-top:1.4rem;padding-bottom:.8rem}.np-page-header{max-width:720px;margin-bottom:1.6rem}.np-page-header-tight{margin-bottom:1.2rem}.np-page-title{font-family:"Press Start 2P",system-ui,sans-serif;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem}.np-page-sub{margin:0;font-size:.92rem;color:var(--np-text-soft);line-height:1.6}.np-section-title{font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem}.np-section-count{font-size:.8rem;color:var(--np-text-soft)}.np-hero{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.2fr);gap:1.5rem;align-items:stretch;margin-bottom:1.2rem}.np-hero-copy{padding-right:.5rem}.np-hero-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--np-accent-alt);margin:0 0 .7rem}.np-hero-title{font-family:"Press Start 2P",system-ui,sans-serif;font-size:1.2rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .9rem}.np-hero-title-accent{color:var(--np-accent);text-shadow:0 0 18px rgba(255,47,211,.9),0 0 32px rgba(50,255,224,.95)}.np-hero-sub{margin:0;font-size:.9rem;color:var(--np-text-soft);line-height:1.7}.np-hero-panel{border-radius:var(--np-radius-lg);background:radial-gradient(circle at 0% 0%,#3726ff 0,#050515 55%);border:1px solid rgba(255,255,255,.06);box-shadow:var(--np-shadow-soft);padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.np-hero-stat{background:#05051ae6;border-radius:14px;padding:.7rem .9rem;margin-bottom:.4rem;border:1px solid rgba(255,255,255,.06)}.np-hero-stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#ceceffcc;margin-bottom:.15rem}.np-hero-stat-value{font-size:1.1rem}.np-hero-ribbon{margin-top:.5rem;border-radius:999px;padding:.55rem .8rem;text-align:center;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#32ffe01a,#ff2fd340,#32ffe01a);border:1px solid rgba(255,255,255,.1)}.np-category-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding:.3rem .1rem .9rem;margin-bottom:.4rem;scrollbar-width:thin}.np-category-bar::-webkit-scrollbar{height:6px}.np-category-bar::-webkit-scrollbar-thumb{background:#7b7bb4b3;border-radius:999px}.np-category-pill{border-radius:var(--np-radius-pill);padding:.35rem .85rem;border:1px solid rgba(255,255,255,.08);background:#09091ef2;color:var(--np-text-soft);font-size:.74rem;display:inline-flex;align-items:center;cursor:pointer;transition:background .16s ease-out,color .16s ease-out,border-color .16s ease-out,transform .12s ease-out,box-shadow .16s ease-out}.np-category-pill:hover{border-color:#fff3;color:var(--np-text);transform:translateY(-.5px)}.np-category-pill-active{border-color:var(--np-border-soft);background:linear-gradient(135deg,#3b2bffe6,#ff2fd3e6);color:var(--np-text);box-shadow:0 0 16px #ff2fd399}.np-category-pill-label{white-space:nowrap}.np-grid-section{margin-top:.9rem}.np-grid-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.8rem}.np-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--np-grid-gap)}.np-game-card{background:radial-gradient(circle at 0% 0%,#1a1634,#090918);border-radius:var(--np-radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 16px #000c;overflow:hidden;position:relative;transform:translateY(0);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.np-game-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(50,255,224,0);pointer-events:none;transition:border-color .18s ease-out}.np-game-card-link{display:flex;flex-direction:column;height:100%}.np-game-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 32px #32ffe04d;border-color:#ffffff4d}.np-game-card:hover:before{border-color:#32ffe0b3}.np-game-thumb{position:relative;padding:.8rem .8rem .4rem}.np-game-thumb-inner{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#3b2bff,#ff2fd3 40%,#32ffe0);box-shadow:0 0 30px #ff2fd3b3}.np-game-thumb-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:2px 2px,2px 2px;mix-blend-mode:soft-light;opacity:.6}.np-game-thumb-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.4) 1px,rgba(0,0,0,.2) 2px,transparent 3px);background-size:100% 3px;mix-blend-mode:multiply;opacity:.7}.np-game-thumb-label{position:absolute;left:.9rem;bottom:.7rem;padding:.26rem .6rem;border-radius:var(--np-radius-pill);background:#050518d1;color:var(--np-accent-alt);font-family:"Press Start 2P",system-ui,sans-serif;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.np-game-meta{padding:.4rem .9rem .8rem}.np-game-title{font-size:.95rem;margin:0 0 .18rem}.np-game-tagline{margin:0 0 .55rem;font-size:.82rem;color:var(--np-text-soft)}.np-game-meta-row{display:flex;flex-wrap:wrap;gap:.3rem}.np-game-chip{font-size:.72rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.np-game-chip-primary{border-color:var(--np-accent-soft);background:#ff2fd32e}.np-game-chip-muted{color:var(--np-text-soft)}.np-empty-state{margin-top:1.4rem;font-size:.9rem;color:var(--np-text-soft)}.np-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--np-text-soft);margin-bottom:.6rem}.np-breadcrumb-link{text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.np-breadcrumb-sep{opacity:.65}.np-breadcrumb-current{color:var(--np-text)}.np-game-detail-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.np-game-frame{margin-top:.6rem}.np-game-frame-inner{border-radius:20px;padding:.8rem;background:radial-gradient(circle at 0% 0%,#2a1cff,#050514);border:1px solid rgba(255,255,255,.12);box-shadow:var(--np-shadow-strong)}.np-game-frame-screen{border-radius:14px;background:radial-gradient(circle at 50% 10%,#33318a,#010107);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 35px #000c;padding:1.1rem;color:var(--np-text-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;aspect-ratio:16 / 9}.np-game-frame-title{font-family:"Press Start 2P",system-ui,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem}.np-game-frame-sub{font-size:.86rem;max-width:460px}.np-game-detail-panel{margin-top:1.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.np-game-detail-column p{margin:0;font-size:.9rem;color:var(--np-text-soft);line-height:1.7}.np-game-detail-text{margin:.1rem 0 0}.np-ghost-button{margin-top:.9rem;padding:.5rem .9rem;border-radius:var(--np-radius-pill);border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--np-text);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.np-ghost-button:hover{background:#ffffff14}.np-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.np-category-card{border-radius:var(--np-radius-lg);background:radial-gradient(circle at 0% 0%,#251762,#090918);border:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-size:.9rem;color:var(--np-text-soft)}.np-category-card-title{margin:0 0 .35rem;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase}.np-category-card-copy{margin:0 0 .7rem;line-height:1.6}.np-category-card-footer{display:flex;justify-content:space-between;align-items:center}.np-category-chip{font-size:.74rem;padding:.2rem .6rem;border-radius:999px;background:#05051ae6;border:1px solid rgba(255,255,255,.16)}.np-category-chip-empty{opacity:.7}.np-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.np-about-card{border-radius:var(--np-radius-lg);background:radial-gradient(circle at 0% 0%,#1c163b,#070712);border:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-size:.9rem;color:var(--np-text-soft);line-height:1.7}.np-about-card p{margin:.1rem 0 0}.np-footer{position:relative;z-index:2;padding:.7rem 1.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.78rem;color:var(--np-text-soft);border-top:1px solid rgba(255,255,255,.04);background:linear-gradient(to top,rgba(5,5,24,.96),rgba(5,5,24,.92),transparent)}.np-footer-main{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.np-footer-brand{font-family:"Press Start 2P",system-ui,sans-serif;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.np-footer-dot{opacity:.6}.np-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.np-footer-link{text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.np-footer-year{opacity:.7}.np-loader{padding:2rem;text-align:center;font-size:.86rem;color:var(--np-text-soft)}@media(max-width:900px){.np-shell{min-height:100vh;border-radius:0}.np-root{padding:0}.np-main{padding:0 1.1rem 1.1rem}.np-header{padding:.9rem 1.1rem .6rem}.np-hero{grid-template-columns:minmax(0,1fr)}.np-hero-panel{order:-1}.np-game-grid,.np-category-grid,.np-about-grid,.np-game-detail-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.np-header{flex-wrap:wrap}.np-header-right{order:3;width:100%;max-width:none}.np-nav{flex:1;justify-content:flex-end}.np-hero-title{font-size:1rem}.np-game-grid,.np-category-grid,.np-about-grid,.np-game-detail-panel{grid-template-columns:minmax(0,1fr)}.np-footer{flex-direction:column;align-items:flex-start}}