@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f8ff;background:#080b12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);border-bottom:1px solid #ffffff12;background:#0b0f18}.brand{font-family:Space Grotesk;font-weight:700;font-size:22px;display:flex;align-items:center;gap:12px;line-height:1}.brand>span:last-child>span{color:#5de0c6}.brand small{display:block;font:700 8px DM Sans;letter-spacing:2.2px;color:#697587;margin-top:5px}.brandmark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#47ddbf;color:#081411;font-size:17px;box-shadow:0 0 28px #47ddbf45}.topbar nav{display:flex;gap:36px;color:#aab4c5;font-size:13px;font-weight:700}.topbar nav a:hover{color:#5de0c6}.header-upload,.outline{background:transparent;border:1px solid #394459;color:#f5f8ff;border-radius:9px;padding:12px 19px;font-weight:700;font-size:13px}.header-upload:hover,.outline:hover{border-color:#5de0c6}.hero{min-height:525px;background:radial-gradient(circle at 78% 45%,#19475a 0,#112b38,#111b29 42%,#0b1019 74%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.hero-inner{max-width:670px;z-index:2;padding:82px 0 60px max(4vw,28px)}.eyebrow,.label{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#5ee0c4}.eyebrow i{display:inline-block;width:7px;height:7px;background:#5ee0c4;border-radius:50%;box-shadow:0 0 15px #5ee0c4;margin-right:9px}.hero h1{font:700 clamp(45px,5.2vw,78px)/1.04 "Space Grotesk";letter-spacing:-4px;margin:26px 0 22px}.hero h1 em{color:#5ee0c4;font-style:normal}.hero p{max-width:490px;color:#a9b6c8;line-height:1.7;font-size:16px;margin:0 0 31px}.hero-actions{display:flex;gap:12px}.primary{background:#50dcc1;color:#071310;border:0;border-radius:9px;padding:14px 23px;font-size:13px;font-weight:800;box-shadow:0 6px 25px #50dcc12e}.primary:hover{background:#7af3d9}.primary span{margin-left:24px}.hero-meta{display:flex;gap:28px;margin-top:45px;color:#8491a3;font-size:11px;font-weight:700}.hero-art{position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #83def81c;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:610px;height:390px}.orbit-two{width:450px;height:270px}.controller{position:relative;width:min(510px,78%);height:275px;background:linear-gradient(140deg,#253544,#101d28 60%,#0b121b);border:2px solid #41596b;border-radius:42% 42% 31% 31%/32% 32% 48% 48%;box-shadow:inset 0 15px 24px #94ddf013,0 40px 70px #0008,0 0 80px #43dabc22;transform:rotate(-13deg)}.controller:before,.controller:after{content:"";position:absolute;bottom:-65px;width:120px;height:155px;background:linear-gradient(#162836,#0d1821);border:2px solid #41596b;border-radius:40% 40% 50% 50%;z-index:-1}.controller:before{left:18px;transform:rotate(17deg)}.controller:after{right:18px;transform:rotate(-17deg)}.controller-top{text-align:center;margin-top:45px;color:#788fa0;font:700 25px Space Grotesk;letter-spacing:3px}.controller-top span{color:#50dcc1}.cross{position:absolute;top:115px;left:74px;font-size:78px;line-height:1;color:#0b151d;text-shadow:2px 2px #66849a,-1px -1px #061018}.buttons{position:absolute;right:55px;top:99px;width:122px;height:112px}.buttons b{position:absolute;width:42px;height:42px;display:grid;place-items:center;background:#12262e;border:2px solid #56d0c0;border-radius:50%;color:#9af5e2;font-size:12px;box-shadow:0 0 13px #50dcc144}.buttons b:nth-child(1){left:0;top:37px}.buttons b:nth-child(2){left:40px;top:0}.buttons b:nth-child(3){left:40px;bottom:0}.buttons b:nth-child(4){right:0;top:37px}.slots{position:absolute;left:45%;top:164px;color:#5b7486;letter-spacing:13px;font-size:19px}.art-spark{position:absolute;color:#73eed5;font-size:30px}.spark-a{top:15%;right:21%}.spark-b{bottom:17%;left:11%}main>section:not(.hero){padding:75px max(4vw,28px)}.library{background:#0b0f18}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:29px}.section-heading h2,.how h2{font:700 clamp(28px,3vw,40px) "Space Grotesk";letter-spacing:-1.5px;margin:8px 0}.section-heading p{color:#8d99a9;margin:0;font-size:13px}.search{width:295px;display:flex;align-items:center;gap:9px;background:#141b27;border:1px solid #2a3444;border-radius:9px;padding:10px 13px;color:#8d99a9}.search span{font-size:24px;line-height:1}.search input{background:none;border:none;outline:none;color:#fff;width:100%;font-size:13px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:16px;margin-bottom:16px}.filters button{white-space:nowrap;background:#151c28;border:1px solid #263142;color:#9caabd;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:800}.filters button.selected{background:#51dec2;color:#092019;border-color:#51dec2}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{background:#131a26;border:1px solid #273140;border-radius:13px;overflow:hidden}.cover{height:205px;background:#162e3a center/cover;display:grid;place-items:center;position:relative}.cover-symbol{font-size:85px;color:#51dec2;text-shadow:0 0 30px #51dec266}.system-tag{position:absolute;bottom:12px;left:12px;background:#080d15dd;color:#86f4de;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:800}.game-info{padding:17px}.game-kicker{color:#63d9c3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.game-info h3{font:700 20px Space Grotesk;margin:9px 0 6px}.game-info p{color:#9ca9bb;font-size:12px;line-height:1.5;min-height:36px}.game-info button{width:100%;background:#213449;border:1px solid #34536a;color:#a4f6e5;border-radius:8px;padding:11px;text-align:left;font-size:12px;font-weight:800;margin-top:8px}.game-info button span{float:right}.game-info button:hover{background:#2d5d62}.empty{grid-column:1/-1;text-align:center;border:1px dashed #344459;border-radius:14px;padding:48px 20px;background:#101722}.empty>div{font-size:56px;color:#5de0c6}.empty h3{font:700 23px Space Grotesk;margin:12px 0}.empty p{color:#9baabb;max-width:500px;margin:0 auto 20px;font-size:14px}.empty button{border:1px solid #5de0c6;background:transparent;color:#5de0c6;padding:11px 18px;border-radius:8px;font-weight:700}.console-section{background:#0d1320}.console-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.console-grid button{position:relative;min-height:122px;text-align:left;background:#151e2b;border:1px solid #29384a;border-radius:11px;color:#fff;padding:21px}.console-grid button>span{display:block;color:#63dfc5;font-size:20px;margin-bottom:11px}.console-grid strong{display:block;font:700 16px Space Grotesk}.console-grid small{display:block;color:#8392a6;font-size:10px;margin-top:6px}.console-grid i{position:absolute;right:20px;top:22px;color:#61dcc4;font-style:normal}.console-grid button:hover{border-color:#58d9c1}.unavailable{margin-top:30px;padding:25px;background:#101825;border-left:3px solid #708194;border-radius:5px}.unavailable h3{margin:0 0 7px;font:700 17px Space Grotesk}.unavailable p{color:#8c9bad;font-size:12px;max-width:780px;line-height:1.6}.unavailable>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.unavailable span{border:1px solid #354255;color:#bdc9d7;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:700}.unavailable small{display:block;color:#7f8b9c;font-size:10px;font-weight:500;margin-top:3px}.how{background:#0a0e17}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}.steps>div{border-top:1px solid #2b3c4c;padding-top:22px}.steps b{color:#52dcc2;font:700 27px Space Grotesk}.steps h3{font:700 19px Space Grotesk;margin:14px 0 7px}.steps p{font-size:13px;color:#91a0b2;line-height:1.6;max-width:300px}footer{border-top:1px solid #202c3b;padding:28px max(4vw,28px);display:flex;justify-content:space-between;align-items:center;color:#8491a3;font-size:12px}footer strong{color:#59dec4;font:700 18px Space Grotesk}footer button{background:none;border:none;color:#8392a6}.toast{position:fixed;bottom:20px;right:20px;background:#263b47;color:#fff;padding:14px 20px;border:1px solid #5ee0c4;border-radius:9px;z-index:100;max-width:400px}.player-shell{position:fixed;inset:0;background:#05070c;z-index:50;display:flex;flex-direction:column}.player-top{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233040}.player-top button{background:#192634;border:1px solid #33465a;border-radius:8px;color:#fff;padding:8px 13px;font-size:12px;font-weight:700}.player-top>div{text-align:center}.player-top strong,.player-top small{display:block}.player-top strong{font-size:14px}.player-top small{color:#8fa2b4;font-size:10px;margin-top:3px}.player-frame{position:relative;flex:1;min-height:0}.player-frame iframe{width:100%;height:100%;border:0}.loading-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#070b12;color:#b7c6d8;pointer-events:none}.spinner{width:38px;height:38px;border:3px solid #34465a;border-top-color:#55e3c8;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.player-help{text-align:center;padding:8px;color:#8e9cac;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:80;display:grid;place-items:center;padding:20px}.admin-modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:#111a27;border:1px solid #34475b;border-radius:15px;padding:27px;position:relative}.admin-modal h2{font:700 28px Space Grotesk;margin:8px 0 20px}.modal-close{position:absolute;right:19px;top:15px;background:none;border:0;color:#fff;font-size:30px}.admin-modal form{display:grid;gap:12px}.admin-modal label{display:grid;gap:5px;color:#b4c1d0;font-size:11px;font-weight:700}.admin-modal input,.admin-modal textarea,.admin-modal select{background:#0a111a;color:#fff;border:1px solid #314255;border-radius:7px;padding:10px;width:100%;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats>div{background:#1a2937;border-radius:8px;padding:14px}.stats b,.stats small{display:block}.stats b{font:700 25px Space Grotesk;color:#5de0c6}.stats small{font-size:10px;color:#9caabc}.note{color:#a3b1c2;font-size:11px;line-height:1.5}.admin-modal h3{font:700 18px Space Grotesk;margin-top:26px}.logout{margin-top:20px;background:none;border:0;color:#9faebe;text-decoration:underline}@media(max-width:1000px){.game-grid,.console-grid{grid-template-columns:repeat(3,1fr)}.hero-art{opacity:.75}.controller{transform:rotate(-13deg) scale(.8)}}@media(max-width:700px){.topbar{height:65px;padding:0 18px}.topbar nav{display:none}.header-upload{padding:9px;font-size:11px}.brand{font-size:18px}.brandmark{width:32px;height:32px}.hero{display:block;min-height:540px}.hero-inner{padding:58px 20px 40px}.hero h1{font-size:52px;letter-spacing:-3px}.hero p{max-width:430px;font-size:14px}.hero-art{position:absolute;right:-70px;bottom:-140px;width:390px;height:300px;opacity:.35;pointer-events:none}.controller{transform:rotate(-13deg) scale(.65)}.hero-meta{gap:13px;flex-wrap:wrap;max-width:300px;margin-top:36px}main>section:not(.hero){padding:55px 20px}.section-heading{display:block}.search{width:100%;margin-top:22px}.game-grid,.console-grid{grid-template-columns:repeat(2,1fr)}.cover{height:160px}.steps{grid-template-columns:1fr}.steps p{max-width:unset}.unavailable>div{display:grid;grid-template-columns:1fr 1fr}footer{gap:14px;flex-wrap:wrap;padding:25px 20px}.player-top>div{max-width:120px;overflow:hidden;white-space:nowrap}.player-help{font-size:9px}}@media(max-width:420px){.game-grid,.console-grid{grid-template-columns:1fr 1fr;gap:9px}.game-info{padding:12px}.game-info h3{font-size:16px}.game-info p{font-size:11px}.cover{height:135px}.console-grid button{padding:13px;min-height:110px}.console-grid strong{font-size:12px}.console-grid i{right:10px;top:13px}.hero-actions{flex-wrap:wrap}.primary,.outline{padding:12px 16px}.form-row{grid-template-columns:1fr}}.local-folder{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0 1.5rem;color:#aab0c3;font-size:.9rem}.local-folder button{background:#26304b;color:#fff;border:1px solid #65749a;border-radius:10px;padding:.8rem 1rem;cursor:pointer;font-weight:700}.local-folder button:hover{background:#344367}:root{background:#080912;color:#f8f7ff}.topbar{height:74px;background:#090b15e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:5;border-bottom:1px solid #ffffff18}.brandmark{background:linear-gradient(135deg,#9e73ff,#5ee3d4);box-shadow:0 0 30px #825cff66}.brand>span:last-child>span{color:#aa83ff}.header-upload{border-color:#7c69ac;color:#ece6ff;background:#aa83ff12}.header-upload:hover{background:#aa83ff28;border-color:#c1a5ff}.hero{min-height:640px;grid-template-columns:minmax(0,46%) minmax(0,54%);background:radial-gradient(circle at 82% 44%,#453070,#1b1c3d 30%,#0c1022 56%,#080a14 85%);border-bottom:1px solid #433767;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a16dd 0%,transparent 68%),repeating-linear-gradient(90deg,transparent 0 59px,#ffffff05 60px 61px),repeating-linear-gradient(0deg,transparent 0 59px,#ffffff05 60px 61px);-webkit-mask-image:linear-gradient(to right,transparent 24%,#000);mask-image:linear-gradient(to right,transparent 24%,#000);pointer-events:none}.hero-inner{padding:104px 0 82px max(4vw,28px);max-width:750px}.eyebrow{color:#bd9aff;letter-spacing:2px}.eyebrow i{background:#bd9aff;box-shadow:0 0 18px #b68bff}.hero h1{font-size:clamp(52px,5.3vw,88px);line-height:.98;letter-spacing:-5px;margin:27px 0;text-shadow:0 12px 40px #05051099}.hero h1 em{color:#a786ff;background:linear-gradient(90deg,#a786ff,#6ce8dc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#bbc0d5;font-size:17px;max-width:520px}.hero-actions{margin-top:36px}.primary{background:#b18bff;color:#130d24;box-shadow:0 9px 34px #9c72ff66;padding:16px 25px}.primary:hover{background:#c8acff}.outline{border-color:#776991;background:#1c163345;padding:16px 22px}.hero-meta{margin-top:52px;color:#aeb0c4}.hero-art{position:relative;overflow:visible;min-width:0;display:block}.hero-glow{position:absolute;inset:8% 1% 4% 4%;background:radial-gradient(ellipse at 54% 52%,#9a61ff77 0,#8253ee33 35%,transparent 68%);filter:blur(20px)}.hero-orbit{position:absolute;border:1px solid #c8b3ff26;border-radius:50%;transform:rotate(-18deg)}.hero-orbit-one{width:83%;height:67%;left:8%;top:18%}.hero-orbit-two{width:60%;height:47%;left:20%;top:27%;border-style:dashed}.hero-preview-label{position:absolute;top:9%;left:15%;color:#cfbaff;font-size:10px;font-weight:800;letter-spacing:2px;z-index:3}.hero-preview-label strong{display:block;color:#fff;font:700 16px Space Grotesk;letter-spacing:0;margin-top:8px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ef1dc;box-shadow:0 0 12px #6ef1dc;margin-right:6px}.hero-stack{position:absolute;inset:0;perspective:900px}.hero-feature{position:absolute;width:30%;min-width:170px;height:310px;padding:0;border:1px solid #ffffff55;border-radius:18px;overflow:hidden;text-align:left;color:#fff;background:#13152e;box-shadow:0 32px 45px #0009,0 0 55px #a05eff3b;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.hero-feature:hover{z-index:5;transform:translateY(-24px) rotate(0) scale(1.04);box-shadow:0 40px 60px #000b,0 0 75px #ab7cff88}.hero-feature-0{left:17%;top:33%;transform:rotate(-13deg);z-index:2}.hero-feature-1{left:42%;top:23%;transform:rotate(5deg);z-index:3}.hero-feature-2{left:66%;top:36%;transform:rotate(15deg);z-index:1}.hero-feature-cover{display:block;flex:1;background-position:center;background-size:cover}.hero-feature-info{padding:12px 13px 14px;background:linear-gradient(180deg,#141124,#0b0d18);display:block}.hero-feature-info small{display:block;color:#8de9dd;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.3px}.hero-feature-info strong{display:block;font:700 15px Space Grotesk;margin:5px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-feature-info em{display:block;color:#cfb5ff;font-size:10px;font-weight:800;font-style:normal;letter-spacing:1px}.hero-stamp{position:absolute;right:6%;bottom:12%;z-index:4;display:flex;align-items:center;gap:8px;transform:rotate(10deg);background:#0c0c1dd9;border:1px solid #c39dff88;box-shadow:0 0 35px #8b5aff44;border-radius:12px;padding:10px 14px}.hero-stamp b{font:800 32px Space Grotesk;color:#c49dff}.hero-stamp span{font-size:9px;line-height:1.2;letter-spacing:1px;color:#fff;font-weight:800}.hero-spark{position:absolute;color:#a882ff;font-size:32px}.hero-spark-a{right:10%;top:12%}.hero-spark-b{left:8%;bottom:16%}.library{background:linear-gradient(180deg,#0d1020,#080b15 72%)}.label{color:#b48fff}.section-heading h2{font-size:clamp(34px,3.4vw,48px)}.search{border-color:#62557e;background:#1c1b30}.search:focus-within{border-color:#b18bff;box-shadow:0 0 0 3px #ad81ff22}.filters button{border-color:#3a3554;background:#1b1a2d;color:#c5bed9}.filters button:hover{border-color:#b18bff;color:#fff}.filters button.selected{background:#a988f4;border-color:#a988f4;color:#130e20}.game-grid{gap:22px}.game-card{border-color:#3d3658;background:#16172a;border-radius:17px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-7px);border-color:#ad88ff;box-shadow:0 22px 50px #0008,0 0 24px #9d70ff20}.cover{height:230px}.system-tag{background:#100e22e8;color:#ceb5ff;border:1px solid #c49fff55;border-radius:100px;padding:7px 10px}.game-info{padding:20px}.game-kicker{color:#ae91ff}.game-info button{background:linear-gradient(90deg,#6e4cad,#426f88);border:1px solid #927bd1;color:#fff;padding:13px 14px}.game-info button:hover{background:linear-gradient(90deg,#9b6ff0,#4b9a9d)}.local-folder button{background:#3a275e;border-color:#986fd8}.local-folder button:hover{background:#523283}.console-section{background:#101126}.console-grid button{background:#191b31;border-color:#403759}.console-grid button:hover{border-color:#b28dff;box-shadow:0 12px 28px #0005}.console-grid button>span,.console-grid i,.steps b,footer strong{color:#b58fff}.how{background:#0b0c1b}@media(max-width:1100px){.hero{grid-template-columns:minmax(0,50%) minmax(0,50%)}.hero-feature{height:270px;min-width:150px}.hero-feature-0{left:4%}.hero-feature-1{left:35%}.hero-feature-2{left:65%}.hero-preview-label{left:7%}.hero-stamp{right:1%}}@media(max-width:700px){.hero{min-height:690px;display:block}.hero:before{-webkit-mask-image:none;mask-image:none;opacity:.35}.hero-inner{padding:55px 20px 0;max-width:100%}.hero h1{font-size:clamp(50px,11vw,70px);letter-spacing:-3.8px;margin:22px 0}.hero p{font-size:14px;max-width:510px;margin-bottom:18px}.hero-actions{margin-top:22px}.hero-meta{margin-top:24px}.hero-art{position:absolute;inset:auto 0 0;width:100%;height:280px;opacity:1;pointer-events:auto}.hero-feature{width:27%;min-width:108px;height:200px;border-radius:12px}.hero-feature-0{left:9%;top:20%}.hero-feature-1{left:36%;top:7%}.hero-feature-2{left:65%;top:22%}.hero-feature-info{padding:7px}.hero-feature-info small{font-size:7px}.hero-feature-info strong{font-size:10px;margin:3px 0}.hero-feature-info em{font-size:7px}.hero-preview-label{display:none}.hero-stamp{right:4%;bottom:4%;padding:5px 7px}.hero-stamp b{font-size:19px}.hero-stamp span{font-size:6px}.cover{height:170px}.game-grid{gap:12px}}@media(max-width:420px){.hero{min-height:720px}.hero-art{height:260px}.hero-feature{height:175px}.hero-feature-0{left:5%}.hero-feature-1{left:36%}.hero-feature-2{left:67%}.hero-feature-info em{display:none}.cover{height:145px}.game-info{padding:13px}}