:root{--bg:#07070a;--panel:#101014;--panel2:#17171c;--text:#f4f4f6;--muted:#9c9ca6;--pink:#ff2b97;--line:#292932;--silver:#c8c8cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0%,#1a0d16 0,transparent 28%),linear-gradient(#07070a,#0a0a0f 55%,#07070a);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.noise{pointer-events:none;position:fixed;inset:0;opacity:.12;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px),repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,43,151,.018) 6px);z-index:20}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:92px;display:flex;align-items:center;gap:36px;position:relative;z-index:5}.brand img{width:112px;display:block;filter:drop-shadow(0 0 11px rgba(255,43,151,.22))}nav{display:flex;gap:28px;margin-left:auto}nav a,.section-head a{color:#c7c7ce;text-decoration:none;font-size:.94rem}nav a:hover,.section-head a:hover{color:#fff}.search-pill{border:1px solid var(--line);background:#111117;color:#ddd;border-radius:999px;padding:10px 15px;cursor:pointer}.hero{height:620px;border:1px solid #22222a;border-radius:28px;overflow:hidden;position:relative;background:#0d0d12;box-shadow:0 30px 90px rgba(0,0,0,.45)}.hero-art{position:absolute;inset:0;background:linear-gradient(110deg,#111016 0 30%,transparent 60%),radial-gradient(circle at 77% 30%,#d6d7dd 0 3%,#605560 4%,transparent 15%),linear-gradient(180deg,#18151d 0,#0c0b10 50%,#060609 100%)}.hero-art:before{content:"";position:absolute;left:49%;right:-3%;bottom:0;height:48%;background:linear-gradient(180deg,transparent,#040407 75%),repeating-linear-gradient(90deg,#15131b 0 55px,#0d0c12 56px 110px);clip-path:polygon(10% 0,100% 18%,100% 100%,0 100%)}.moon{position:absolute;width:130px;height:130px;border-radius:50%;right:13%;top:12%;background:radial-gradient(circle at 40% 38%,#dedee4,#8b7d88 45%,#3b313a 70%,transparent 72%);filter:blur(.3px);opacity:.7}.motel-sign{position:absolute;right:19%;bottom:35%;padding:11px 18px;border:2px solid #783553;color:#ff7fbd;letter-spacing:.22em;font-family:"Press Start 2P",monospace;font-size:.7rem;transform:rotate(-4deg);box-shadow:0 0 20px rgba(255,43,151,.22)}.figure{position:absolute;right:6%;bottom:0;width:190px;height:360px;background:linear-gradient(90deg,#09090d,#19161d 55%,#07070a);clip-path:polygon(38% 0,65% 4%,76% 20%,85% 55%,100% 100%,0 100%,18% 55%,27% 20%);opacity:.8}.pixel-slice{position:absolute;background:rgba(255,43,151,.16);height:4px;box-shadow:0 0 15px rgba(255,43,151,.35)}.p1{width:120px;right:25%;top:28%}.p2{width:65px;right:5%;top:55%}.p3{width:90px;right:40%;bottom:22%}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,10,.98) 0,rgba(7,7,10,.82) 35%,rgba(7,7,10,.1) 72%),linear-gradient(0deg,rgba(7,7,10,.98),transparent 45%)}.hero-copy{position:absolute;left:58px;bottom:62px;max-width:610px}.eyebrow{font-family:"Press Start 2P",monospace;color:var(--pink);font-size:.66rem;letter-spacing:.06em;line-height:1.8;margin:0 0 14px}h1,h2{margin:0;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.96;max-width:800px}h2{font-size:clamp(2rem,4vw,3.25rem)}.lede{font-size:1.08rem;line-height:1.7;color:#b9b9c2;max-width:580px;margin:24px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.ghost-btn{padding:14px 19px;border-radius:8px;font-weight:700;cursor:pointer}.primary-btn{background:var(--pink);border:1px solid var(--pink);color:#08080b;box-shadow:0 0 24px rgba(255,43,151,.22)}.ghost-btn{background:#121218;border:1px solid #33333c;color:#fff}.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.meta-row span,.chips button{border:1px solid #34343d;background:rgba(15,15,20,.78);color:#c9c9d0;border-radius:999px;padding:8px 11px;font-size:.78rem}.recent{padding:92px 0 80px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.cartridge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-cartridge{aspect-ratio:.72;position:relative;background-image:url('/public/images/ui/cartridge-templates.png');background-repeat:no-repeat;background-size:200% 100%;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 16px 20px rgba(0,0,0,.38));overflow:hidden}.game-cartridge.recommended{background-position:left center}.game-cartridge.standard{background-position:right center}.game-cartridge:hover{transform:translateY(-7px);filter:drop-shadow(0 24px 28px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(255,43,151,.12))}.cartridge-art{position:absolute;left:28.5%;right:9.7%;top:5.2%;height:49.2%;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;overflow:hidden;background:linear-gradient(0deg,rgba(2,2,4,.96),rgba(2,2,4,.1)),radial-gradient(circle at 70% 20%,rgba(255,43,151,.65),transparent 20%),linear-gradient(135deg,#15121b,#34303b 45%,#08080b)}.cartridge-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px)}.cartridge-art .game-num{position:absolute;top:10px;right:10px;font-family:"Press Start 2P";font-size:.5rem;color:#ff78bb}.cartridge-art strong{font-family:"Press Start 2P";font-size:.66rem;line-height:1.45;position:relative}.cartridge-art small{font-size:.62rem;color:#aaaab4;margin-top:6px;position:relative}.art-room{background:linear-gradient(0deg,rgba(2,2,4,.96),rgba(2,2,4,.1)),linear-gradient(125deg,#1c1822,#5b273f 55%,#09090c)}.art-stop{background:linear-gradient(0deg,rgba(2,2,4,.96),rgba(2,2,4,.1)),linear-gradient(135deg,#0e1115,#2e3d45 50%,#0a0a0d)}.art-look{background:linear-gradient(0deg,rgba(2,2,4,.96),rgba(2,2,4,.1)),linear-gradient(135deg,#22152a,#5c1743 45%,#09090c)}.cartridge-info{position:absolute;left:30.2%;right:11.5%;top:53.2%;height:18.2%;display:flex;flex-direction:column;gap:2px;color:#eee;pointer-events:none;overflow:hidden}.cartridge-info>strong{font-family:"Press Start 2P";font-size:.43rem;color:var(--pink);line-height:1.2;margin-bottom:1px}.cartridge-info>span{font-family:"Press Start 2P";font-size:.34rem;line-height:1.35;color:#fff}.cartridge-info small{margin-top:2px;padding-top:3px;border-top:1px solid rgba(255,255,255,.62);font-family:"Press Start 2P";font-size:.3rem;color:#fff;line-height:1.2}.cartridge-info small b{color:var(--pink);font-weight:400}.recommended .cartridge-info{right:30.5%}.discover{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.discover-copy p:last-child{color:#a7a7b0;line-height:1.7;max-width:610px}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chips button{cursor:pointer;padding:11px 14px}.chips button:hover{border-color:var(--pink);color:white}footer{display:flex;justify-content:space-between;padding:32px 0 48px;color:#757580;font-size:.84rem}dialog{border:1px solid #33333b;border-radius:18px;background:#0d0d12;color:#fff;width:min(720px,calc(100% - 32px));padding:0;box-shadow:0 40px 120px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.search-panel{padding:34px;position:relative}.search-panel input{width:100%;background:#17171d;border:1px solid #383842;color:#fff;border-radius:10px;padding:18px;font-size:1.05rem;outline:none}.search-panel input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,43,151,.12)}.close{position:absolute;right:18px;top:15px;background:none;border:0;color:#aaa;font-size:2rem;cursor:pointer}.hint{color:#777784;font-size:.85rem;margin-bottom:0}@media(max-width:820px){.site-header{height:76px}.brand img{width:92px}nav{display:none}.search-pill{margin-left:auto}.hero{height:570px;border-radius:20px}.hero-copy{left:26px;right:24px;bottom:34px}.hero-art{opacity:.75}.cartridge-row{display:flex;overflow:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.game-cartridge{min-width:245px;scroll-snap-align:start}.discover{grid-template-columns:1fr;gap:28px}.chips{justify-content:flex-start}}@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}.hero{height:600px}.hero-copy{left:20px;bottom:24px}.lede{font-size:.97rem}.hero-actions>*{width:100%}.section-head{align-items:start;gap:20px}.section-head a{white-space:nowrap}footer{gap:20px;flex-direction:column}.moon{right:4%}.figure{right:-18%}}