:root{color-scheme:dark;--bg:#080b16;--bg2:#0d1325;--panel:#11192e;--border:#253452;--white:#f6f8ff;--muted:#a9b7d2;--cyan:#28eaff;--pink:#ff37bf;--violet:#9c63ff;--max:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.7}.container{max-width:var(--max);padding:0 24px;margin:0 auto}.skip{position:absolute;z-index:99;transform:translateY(-150%);padding:12px;background:#fff;color:#000}.skip:focus{transform:none}.top-glow{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent);z-index:12}.site-header{height:78px;position:sticky;top:0;z-index:10;background:rgba(5,8,18,.92);border-bottom:1px solid rgba(110,145,192,.18);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{font-size:48px;font-weight:950;font-style:italic;line-height:.8;background:linear-gradient(155deg,#fff 10%,#66ddff 60%,#3d6dd5);color:transparent;background-clip:text;text-shadow:0 0 25px #29e6ff55;letter-spacing:-.13em}.brand-dot{color:var(--pink)}.brand-text{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.15em}.brand-text strong{font-size:17px}.brand-text small{font-size:9px;letter-spacing:.39em;color:var(--cyan);padding-top:4px}.site-nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto}.site-nav a{font-size:12px;text-transform:uppercase;font-weight:750;letter-spacing:.12em;color:#b9c5da;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cyan)}.lang-switch{display:flex;padding:3px;gap:2px;background:#10172a;border:1px solid #273552;border-radius:8px;margin-left:10px}.lang{border:0;color:#a7b7d4;background:transparent;padding:8px 9px;border-radius:5px;font-size:11px;font-weight:800;cursor:pointer}.lang.active{background:#1c3151;color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image,.hero-shade,.hero-scanline{position:absolute;inset:0;pointer-events:none}.hero-image{background:url('assets/hero.webp') center 43%/cover no-repeat;filter:saturate(1.15)}.hero-shade{background:linear-gradient(90deg,rgba(5,8,20,.98) 0%,rgba(5,8,20,.93) 20%,rgba(5,8,20,.72) 46%,rgba(5,8,20,.08) 95%),linear-gradient(0deg,var(--bg),transparent 31%)}.hero-scanline{opacity:.16;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#000 4px,#000 5px);mix-blend-mode:multiply}.hero-content{width:100%;z-index:1;position:relative;padding-top:105px;padding-bottom:122px}.eyebrow,.kicker{font:800 12px/1.3 Consolas,Monaco,monospace;letter-spacing:.2em;color:var(--cyan)}.eyebrow{display:flex;gap:12px;align-items:center}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #ff37bf25,0 0 17px var(--pink)}.over-title{color:#d7dfff;font-size:15px;letter-spacing:.48em;font-weight:900;margin:27px 0 12px}.hero h1{display:flex;flex-direction:column;line-height:.92;max-width:740px;text-shadow:0 2px 35px rgba(0,0,0,.6)}.hero h1>span{font-size:clamp(75px,12vw,156px);letter-spacing:-.085em;font-weight:950;font-style:italic}.hero h1 em{font-style:italic;color:var(--pink);text-shadow:0 0 39px #ff37bf55}.hero h1 small{font-size:clamp(35px,6.8vw,73px);font-weight:950;letter-spacing:.025em;color:var(--cyan);text-shadow:0 0 33px #28eaff40}.hero-lead{font-size:clamp(20px,2.4vw,27px);line-height:1.32;max-width:610px;font-weight:800;margin:30px 0 13px}.hero-description{max-width:575px;font-size:15px;color:#c0cde4;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:16px 22px;font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-primary{color:#09101b;background:var(--cyan);box-shadow:0 0 25px #28eaff38,5px 5px 0 #174e6c}.btn-primary:hover{background:#94f5ff;box-shadow:0 0 35px #28eaff65}.btn-icon{font-size:22px;line-height:1}.btn-ghost{background:rgba(10,18,35,.82);border-color:#59769b;color:#e9f2ff}.btn-ghost:hover{border-color:var(--pink);background:#1b1732}.hero-foot{display:flex;gap:13px;align-items:center;color:#d4e0f4;font:700 11px Consolas,monospace;letter-spacing:.06em}.hero-sep{width:4px;height:4px;background:var(--pink);transform:rotate(45deg)}.scroll-hint{display:flex;position:absolute;bottom:26px;right:7%;z-index:2;gap:13px;align-items:center;color:#cbd7ec;font:700 11px Consolas,monospace;letter-spacing:.17em}.scroll-hint span:last-child{color:var(--cyan);font-size:23px}.metrics-section{border-top:1px solid #1e3153;border-bottom:1px solid #1e3153;background:linear-gradient(90deg,#0b1020,#11172b,#0b1020)}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metric{display:flex;align-items:center;gap:16px;padding:24px 15px;border-right:1px solid #293350}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric strong{font:900 39px/1 Consolas,monospace;color:var(--pink);text-shadow:0 0 20px #ff37bf44}.metric span{font-size:11px;letter-spacing:.05em;font-weight:800;color:#b9cae3;max-width:115px}.section{padding:105px 0}.section h2{font-size:clamp(31px,4vw,48px);line-height:1.09;font-weight:950;text-transform:uppercase;max-width:740px;margin:18px 0 24px}.section h2 span{color:var(--cyan)}.body-copy{font-size:16px;color:#c4d1e7;max-width:585px}.two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px;margin-top:38px}.feature{border-left:2px solid #344767;padding-left:16px}.feature-icon{display:block;color:var(--pink);font-size:28px;height:37px}.feature strong{font-size:12px;letter-spacing:.1em}.feature p{font-size:13px;color:#98a9c4;margin-top:8px;line-height:1.55}.showcase-card{border:1px solid #375477;background:#0c1120;transform:rotate(1deg);box-shadow:12px 12px 0 #0d1325,0 0 60px #28eaff0b}.showcase-image{height:390px;background:url('assets/hero.webp') 74% center/cover}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;font:700 11px Consolas,monospace;letter-spacing:.1em}.tag{border:1px solid #4d3e71;background:#2a1b3d;padding:6px 8px;color:#ffb2ed;font-size:10px}.story-section{background:radial-gradient(circle at 14% 50%,#34205650,transparent 35%),linear-gradient(100deg,#11122a,#090e1a);border-top:1px solid #20294b;border-bottom:1px solid #20294b}.story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.story-graphic{border:1px solid #4e3269;background:linear-gradient(145deg,#0b132b,#1c1030);height:355px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 0 100px #a45cff12 inset}.story-graphic:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 29px,#28eaff0a 30px 31px),repeating-linear-gradient(0deg,transparent 0 29px,#28eaff0a 30px 31px)}.signal-orb{position:relative;width:185px;height:185px;border-radius:50%;background:radial-gradient(circle,#7b4cbd 0,#25154d 45%,#0d0d23 70%);border:2px solid #ff37bf8f;display:grid;place-items:center;box-shadow:0 0 60px #ff37bf4c,0 0 70px #5a32ed inset}.signal-orb b{font-size:75px;z-index:1;text-shadow:0 0 25px #fff;color:var(--cyan)}.orb-ring{position:absolute;inset:-29px;border-radius:50%;border:1px dashed #ff37bf88;transform:rotate(-15deg)}.ring-b{inset:-51px;border-color:#28eaff55;transform:rotate(20deg)}.synth-label{position:absolute;bottom:21px;left:24px;font:700 11px Consolas,monospace;letter-spacing:.1em;color:var(--cyan)}.dialogue{border-left:3px solid var(--pink);background:#1a1b35;padding:20px 23px;margin-top:30px;max-width:550px}.dialogue-title{display:flex;align-items:center;gap:8px;font:800 12px Consolas,monospace;letter-spacing:.1em;color:var(--pink)}.dialogue-led{height:7px;width:7px;background:var(--pink);border-radius:50%}.dialogue p{margin-top:10px;font-style:italic;color:#e5def0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.subtle{font-size:14px;color:#9aaac5;max-width:390px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery-card{overflow:hidden;background:#11182a;border:1px solid #2d4261;transition:border-color .2s,transform .2s}.gallery-card:hover{border-color:#cc51de;transform:translateY(-3px)}.gallery-card img{aspect-ratio:2.1/1;object-fit:cover;image-rendering:auto}.gallery-card figcaption{display:flex;justify-content:space-between;gap:10px;padding:18px 21px;align-items:center}.gallery-card figcaption strong{font:800 12px Consolas,monospace;letter-spacing:.11em}.gallery-card figcaption span{font:700 10px Consolas,monospace;letter-spacing:.07em;color:#de82cd}.gallery-note{color:#aab7ce;font-size:12px;margin-top:22px}.boss-section{background:linear-gradient(180deg,#0a0f1d,#0e1023)}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:33px}.boss-card{position:relative;min-height:310px;border:1px solid #2a3b60;background:linear-gradient(145deg,#1a1a35,#0c1222 65%);padding:26px;overflow:hidden}.boss-card::after{content:"";position:absolute;width:160px;height:160px;border:1px solid #ad47ca27;border-radius:50%;right:-75px;top:58px;box-shadow:0 0 0 36px #ad47ca0a,0 0 0 75px #ad47ca06}.boss-card:nth-child(2){border-top:2px solid var(--pink)}.boss-card:nth-child(3){border-top:2px solid var(--cyan)}.boss-number{font:800 12px Consolas,monospace;letter-spacing:.16em;color:var(--cyan)}.boss-glyph{font-size:74px;color:#a55cff;text-shadow:0 0 45px #a55cff55;margin:11px 0 10px;line-height:1}.boss-card h3{font-size:24px;line-height:1.06;letter-spacing:.03em}.boss-card p{margin-top:14px;color:#a9b8d3;font-size:13px;max-width:275px}.sound-section{border-top:1px solid #203352;border-bottom:1px solid #203352;background:radial-gradient(circle at 73% 50%,#192c46,#080b16 65%)}.sound-layout{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.sound-status{display:inline-block;font:800 12px Consolas,monospace;letter-spacing:.1em;color:var(--pink);margin-top:26px}.equalizer{height:260px;background:linear-gradient(180deg,#0b172d,#0a0f1c);border:1px solid #2e466e;padding:30px;position:relative;display:flex;align-items:center}.eq-grid{width:100%;height:155px;background:linear-gradient(to top,#2beaef 0%,#8845f8 50%,#ff37bf 100%);mask-image:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 15px);clip-path:polygon(0% 68%,5% 30%,10% 65%,15% 56%,20% 12%,25% 70%,30% 40%,35% 28%,40% 76%,45% 18%,50% 45%,55% 12%,60% 67%,65% 40%,70% 18%,75% 66%,80% 13%,85% 62%,90% 39%,95% 75%,100% 28%,100% 100%,0% 100%);filter:drop-shadow(0 0 20px #00eaff)}.eq-caption{position:absolute;bottom:11px;left:21px;font:700 10px Consolas,monospace;letter-spacing:.13em;color:#7e96b8}.language-section{padding:64px 0}.language-content{display:flex;justify-content:space-between;align-items:center;gap:35px}.language-content h2{margin-bottom:12px}.languages{display:flex;flex-wrap:wrap;max-width:490px;justify-content:flex-end;gap:9px}.languages span{font:800 11px Consolas,monospace;letter-spacing:.04em;border:1px solid #2a4162;padding:11px 13px;background:#111b2c;color:#c5d3ed}.download-section{border-top:1px solid #2b3760;background:#0b1021;padding:90px 0 110px}.download-wrap{text-align:center;max-width:840px;position:relative}.download-wrap .kicker{position:relative}.download-wrap h2{margin:20px auto 15px;position:relative}.download-wrap .body-copy{margin:0 auto;position:relative}.download-glow{position:absolute;width:390px;height:240px;top:-60px;left:calc(50% - 195px);background:#8f37f525;filter:blur(84px);pointer-events:none}.btn-download{margin-top:34px;min-width:305px;position:relative}.btn-download.is-soon{background:#29445d;color:#d6edfa;box-shadow:none;cursor:default}.btn-download.is-soon:hover{transform:none}.download-note{color:#93acc9;font-size:13px;margin-top:18px}.download-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:37px}.download-tags span{font:800 11px Consolas,monospace;letter-spacing:.09em;color:#8daed4}.download-tags span+span{border-left:1px solid #35506d;padding-left:15px}.site-footer{border-top:1px solid #283650;background:#060912;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand{font-size:18px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}.footer-brand span{color:var(--pink)}.footer-inner>div{max-width:490px;font-size:12px;color:#9caeca}.footer-inner small{display:block;margin-top:8px;color:#7185a6;font-size:11px}.copyright{font:700 11px Consolas,monospace;color:#7185a6;white-space:nowrap}
@media(max-width:1000px){.header-inner{gap:14px}.site-nav{gap:14px}.site-nav a{font-size:11px}.hero{min-height:610px}.hero-image{background-position:64% center}.two-column{gap:30px}.story-layout{gap:42px}.sound-layout{gap:35px}.metric{gap:8px}.metric strong{font-size:33px}.metric span{font-size:10px}.language-content{flex-direction:column;align-items:flex-start}.languages{justify-content:flex-start;max-width:none}}
@media(max-width:760px){.site-header{height:69px}.brand-mark{font-size:39px}.brand-text strong{font-size:14px}.brand-text small{font-size:8px}.header-inner{gap:10px}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;gap:5px;border:1px solid #2e4060;background:#0f182b;border-radius:5px;padding:11px;cursor:pointer}.menu-toggle span{height:2px;width:20px;background:var(--cyan)}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080f20;flex-direction:column;align-items:stretch;padding:18px 24px 24px;border-bottom:1px solid #2a415b;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px;border-bottom:1px solid #1e3150}.lang-switch{margin-left:0}.hero{min-height:650px}.hero-content{padding-top:85px;padding-bottom:90px}.hero-image{background-position:68% center}.hero-shade{background:linear-gradient(90deg,#050814f2 0%,#050814dd 54%,#05081456 100%),linear-gradient(0deg,#080b16,transparent 50%)}.hero h1>span{font-size:clamp(75px,15vw,120px)}.hero h1 small{font-size:clamp(35px,7.5vw,58px)}.hero-description{max-width:430px}.scroll-hint{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid #263553;padding:18px 12px}.metric:first-child{padding-left:12px}.metric:nth-child(even){border-right:0}.metric:nth-child(n+3){border-bottom:0}.section{padding:70px 0}.two-column,.story-layout,.sound-layout{grid-template-columns:1fr;gap:38px}.showcase-image{height:320px}.story-graphic{order:2;height:280px}.section-heading{display:block}.section-heading .subtle{margin-top:16px}.boss-grid{grid-template-columns:1fr}.boss-card{min-height:260px}.boss-glyph{font-size:50px}.gallery-card figcaption{padding:14px}.gallery-card figcaption strong{font-size:10px}.footer-inner{flex-wrap:wrap}.footer-inner>div{order:3;width:100%}.language-content{display:block}.languages{justify-content:flex-start}.download-section{padding:70px 0 80px}}
@media(max-width:530px){.container{padding:0 19px}.hero h1>span{font-size:76px}.hero h1 small{font-size:36px}.over-title{font-size:11px}.hero-lead{font-size:21px}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%;padding:14px 15px}.hero-foot{flex-wrap:wrap;font-size:10px}.metric strong{font-size:29px}.metric span{font-size:9px}.feature-grid{gap:18px}.showcase-image{height:230px}.gallery-grid{grid-template-columns:1fr}.gallery-card img{aspect-ratio:2/1}.section h2{font-size:34px}.download-wrap h2{font-size:33px}.download-tags span{font-size:9px}.footer-inner{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Real project imagery, filters and accessible media lightbox */
.showcase-image {display:block;position:relative;background:url('assets/dev-hero-awakening.webp') center/cover no-repeat;cursor:zoom-in;}
.story-graphic {display:block;position:relative;overflow:hidden;cursor:zoom-in;}
.story-graphic img {height:100%;width:100%;object-fit:cover;position:absolute;inset:0;}
.story-graphic:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,5,13,.72),transparent 40%);pointer-events:none;}
.story-graphic .synth-label {z-index:1;}
.image-open-mark{position:absolute;right:12px;top:12px;width:35px;height:35px;display:grid;place-items:center;background:#071326b8;border:1px solid #5ec9fa;color:#89ecff;font-size:23px;}
.gallery-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.gallery-filter{border:1px solid #334e72;background:#101a2e;color:#b7c9e8;font:800 11px Consolas,monospace;letter-spacing:.07em;padding:12px 17px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.gallery-filter.active,.gallery-filter:hover{background:#15344a;border-color:#30e7f7;color:#68efff}
.gallery-card[hidden]{display:none!important}
.gallery-card>a{display:block;position:relative;cursor:zoom-in;overflow:hidden}
.gallery-card>a img{transition:transform .28s ease;aspect-ratio:16/9;object-fit:cover}
.gallery-card>a:hover img{transform:scale(1.035)}
.zoom-hint{position:absolute;right:12px;top:12px;width:34px;height:34px;background:#070b18c9;border:1px solid #4387a7;display:grid;place-items:center;font-size:21px;color:#93f5ff}
.boss-preview{height:94px;object-fit:cover;object-position:center 55%;margin:16px 0 9px;border:1px solid #624e6a}
.lightbox{border:1px solid #476583;background:#050a14;padding:0;max-width:min(98vw,1300px);max-height:95vh;width:94vw;color:#fff;box-shadow:0 25px 100px #000b,0 0 70px #0ad5f41b}
.lightbox::backdrop{background:#020512ed;backdrop-filter:blur(8px)}
.lightbox-top{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;min-height:48px;color:#71e5f5;font:800 12px Consolas,monospace;letter-spacing:.12em}
.lightbox-close{border:1px solid #405571;background:#18243a;color:#fff;width:34px;height:31px;cursor:pointer}
.lightbox-display{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding:4px 10px 14px;min-height:150px}
.lightbox-display img{max-height:78vh;width:100%;height:auto;object-fit:contain}
.lightbox-arrow{height:60px;background:transparent;color:#67effe;font-size:41px;border:1px solid #2d4566;cursor:pointer}
.lightbox-arrow:hover{background:#152a40}
@media(max-width:650px){.lightbox{width:100vw;max-width:100vw}.lightbox-display{grid-template-columns:24px 1fr 24px;gap:4px;padding:0 3px 8px}.lightbox-arrow{border:0;font-size:30px}.gallery-filter{font-size:10px;padding:11px 12px}}

/* ===============================================================
   VERSION 2 — editable presentation, original art, playable music
   Change colors in :root above; add or replace wallpapers in assets.
   =============================================================== */
.site-nav{gap:19px}
.site-nav a{white-space:nowrap}
.hero{min-height:745px;border-bottom:1px solid #4d2594}
.hero-image{background-image:url('assets/dev-circuit-environment.webp');background-position:center 45%;filter:saturate(1.16) contrast(1.07)}
.hero-shade{background:linear-gradient(90deg,#060713fa 0%,#060916f5 24%,#070c1bf2 40%,#06091776 76%,#060a1433 100%),linear-gradient(0deg,#080b16,transparent 39%)}
.hero-content{padding-top:108px;padding-bottom:125px}
.hero-content .hero-lead,.hero-content .hero-description{max-width:550px}
.hero-gameplay{position:absolute;top:27%;right:max(40px,calc((100vw - 1190px)/2));width:min(31vw,408px);z-index:2;display:block;transform:perspective(1200px) rotateY(-5deg) rotateZ(1deg);border:2px solid #36e7ff;box-shadow:7px 8px 0 #170e37,0 20px 70px #000b,0 0 46px #05e3ff30;background:#000;transition:transform .3s ease}
.hero-gameplay:hover{transform:perspective(1200px) rotateY(0deg) rotateZ(0deg) translateY(-5px)}
.hero-gameplay:before{content:'';position:absolute;inset:-9px;border:1px solid #8e4fff78;z-index:0;pointer-events:none}
.hero-gameplay img{aspect-ratio:16/9;object-fit:cover;position:relative}
.hero-gameplay-label{display:block;background:#070a19;text-align:center;padding:10px 7px;font:700 10px Consolas,monospace;letter-spacing:.12em;color:#71ecff}
.section h2{letter-spacing:-.035em}
.section-heading .subtle{line-height:1.55}
.metrics{position:relative}
.metrics-section{box-shadow:inset 0 1px #ff34b436,inset 0 -1px #32defb23}
.gallery-card,.boss-card,.showcase-card{box-shadow:0 12px 35px #0004}
.boss-card:hover{border-color:#bc5cff;box-shadow:0 0 23px #bb2aff20}
/* Soundtrack player */
.sound-layout{grid-template-columns:.85fr 1.15fr;gap:48px}
.sound-fineprint{max-width:480px;margin-top:17px;font-size:12px;line-height:1.65;color:#8fa5c4}
.audio-player{background:linear-gradient(160deg,#101b35,#0b0b1b 52%,#16112d);border:1px solid #3584b3;padding:23px;box-shadow:8px 8px 0 #091125,0 0 50px #08d9ff10;position:relative}
.audio-player:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),#874ee5,var(--pink))}
.audio-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:800 11px Consolas,monospace;color:#9db5d8}
.audio-chip{border:1px solid #2b5371;background:#0c1b31;padding:7px 9px;letter-spacing:.07em}
.audio-led{color:#9cb1c9;letter-spacing:.05em}
.audio-led.playing{color:#26f4bc;text-shadow:0 0 10px #26f4bca8}
.player-art{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:135px;border-bottom:1px solid #2b3b5a;padding:13px 17px;overflow:hidden;background:radial-gradient(ellipse at 35% 50%,#34205c99,transparent 55%),repeating-linear-gradient(0deg,transparent 0 17px,#21bffd0d 18px 19px)}
.player-disc{width:104px;height:104px;flex:0 0 104px;border:2px solid #a979ec;border-radius:50%;background:repeating-radial-gradient(circle at center,#060b1a 0,#060b1a 3px,#242044 4px,#080e1d 6px);box-shadow:0 0 34px #9c40ff36;display:grid;place-items:center}
.player-disc span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pink);font:bold italic 31px Arial;color:#fff;box-shadow:0 0 15px #ff37bf94}
.player-spectrum{height:97px;display:flex;align-items:end;gap:5px;flex:1;justify-content:flex-end;overflow:hidden}
.player-spectrum i{width:7px;flex:0 1 8px;height:var(--height,50%);background:linear-gradient(to top,var(--cyan),#9b4cff,var(--pink));box-shadow:0 0 6px #19f1fc55;transform-origin:bottom;opacity:.72}
.player-spectrum i:nth-child(3n){--height:80%}.player-spectrum i:nth-child(3n+1){--height:35%}.player-spectrum i:nth-child(4n){--height:60%}.player-spectrum i:nth-child(5n){--height:95%}
.player-spectrum.playing i{animation:audioPulse 700ms ease-in-out infinite alternate;opacity:1}
.player-spectrum.playing i:nth-child(2n){animation-duration:470ms}.player-spectrum.playing i:nth-child(3n){animation-duration:920ms}.player-spectrum.playing i:nth-child(5n){animation-duration:610ms}
@keyframes audioPulse{from{transform:scaleY(.25)}to{transform:scaleY(1.07)}}
.track-current{margin:17px 0 12px;font:800 13px Consolas,monospace;color:#e8e9ff;letter-spacing:.045em;line-height:1.4}
.audio-player audio{display:block;width:100%;height:44px;accent-color:#18eaff}
.audio-playlist{display:grid;gap:6px;margin-top:18px}
.track-select{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid #263955;background:#10182c;color:#b8c6e1;padding:11px 13px;cursor:pointer;transition:background .18s,border-color .18s}
.track-select:hover{background:#152740;border-color:#34bbd0}.track-select.active{background:#0d2d45;border-color:#2de0e9;color:#fff}
.track-select span{font:800 15px Consolas,monospace;color:var(--pink)}.track-select strong{font:800 12px Consolas,monospace;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-select small{font:700 10px Consolas,monospace;color:#8eafc9;letter-spacing:.03em}
.audio-download{display:block;width:100%;text-align:center;margin-top:14px;padding:12px;border:1px solid #644b93;background:#241b3f;color:#ffc0ec;font:800 11px Consolas,monospace;letter-spacing:.05em;transition:background .2s}
.audio-download:hover{background:#3b2663;border-color:#c35fff}
/* Wallpaper downloads */
.wallpapers-section{background:linear-gradient(180deg,#0d1427,#0a0b1b);border-top:1px solid #2f4871;border-bottom:1px solid #312359}
.wallpapers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wallpaper-card{background:#0d1428;border:1px solid #31547c;overflow:hidden;transition:border-color .2s,transform .2s;box-shadow:0 12px 34px #0005}
.wallpaper-card:hover{border-color:var(--pink);transform:translateY(-3px)}
.wallpaper-card>a:first-child{display:block;overflow:hidden}.wallpaper-card>a img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}.wallpaper-card:hover img{transform:scale(1.035)}
.wallpaper-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px}
.wallpaper-bottom strong{font:800 13px Consolas,monospace;letter-spacing:.04em;display:block}
.wallpaper-bottom small{font:700 10px Consolas,monospace;color:#8099b8;display:block;margin-top:7px}
.wallpaper-download{border:1px solid #429bd7;background:#0c314e;padding:11px 12px;white-space:nowrap;font:800 11px Consolas,monospace;color:#92ecff;transition:background .2s}
.wallpaper-download:hover{background:#164e6f}
.footer-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:flex-end}
.theme-switch{font:800 10px Consolas,monospace;letter-spacing:.07em;background:#151d34;color:#a5ddec;border:1px solid #325b7b;padding:11px 13px;cursor:pointer}
.theme-switch:hover{background:#253a59}
/* Button switches between two built-in, editable color directions. */
html[data-theme='arcade']{--bg:#0f0d17;--bg2:#211628;--panel:#21162c;--border:#654568;--cyan:#ffd560;--pink:#ff7950;--violet:#f596ba}
html[data-theme='arcade'] .hero-image{filter:hue-rotate(-35deg) saturate(1.12) contrast(1.12)}
html[data-theme='arcade'] .site-header{border-color:#bc874850}
html[data-theme='arcade'] .hero-gameplay{border-color:#ffd560;box-shadow:7px 8px 0 #5b1a2a,0 0 40px #ffbe3245}
html[data-theme='arcade'] .hero h1 small{color:#ffe18a}
html[data-theme='arcade'] .hero-shade{background:linear-gradient(90deg,#160b18fa 0%,#100c19ef 35%,#130c1eb3 66%,#110b1644 100%),linear-gradient(0deg,#120d18,transparent 42%)}
html[data-theme='arcade'] .wallpapers-section,html[data-theme='arcade'] .boss-section{background:linear-gradient(180deg,#1c1025,#100d18)}
html[data-theme='arcade'] .audio-player{border-color:#efaa58}
@media(max-width:1270px){.hero-gameplay{width:32vw;right:24px;top:34%}.hero h1>span{font-size:clamp(70px,10vw,131px)}.hero h1 small{font-size:clamp(34px,5.4vw,67px)}.hero-content .hero-description{max-width:49%}.header-inner{gap:18px}}
@media(max-width:1050px){.hero-gameplay{display:none}.hero-content .hero-description{max-width:575px}.hero h1>span{font-size:clamp(77px,12vw,140px)}.hero h1 small{font-size:clamp(36px,7vw,74px)}.sound-layout{grid-template-columns:1fr 1fr;gap:25px}.site-nav{gap:11px}.header-inner{gap:9px}}
@media(max-width:760px){.hero{min-height:660px}.hero-shade{background:linear-gradient(90deg,#060713f5,#060713d3 68%,#060713aa),linear-gradient(0deg,#080b16,transparent 50%)}.hero-content{padding:86px 24px 108px}.hero-content .hero-description{max-width:500px}.sound-layout{grid-template-columns:1fr}.wallpapers-grid{grid-template-columns:1fr}.player-art{min-height:125px}}
@media(max-width:530px){.hero h1>span{font-size:clamp(66px,18vw,80px)}.hero h1 small{font-size:clamp(30px,8.1vw,38px)}.hero-lead{font-size:21px}.audio-player{padding:14px}.track-select{grid-template-columns:22px 1fr;gap:7px;padding:10px}.track-select small{display:none}.wallpaper-bottom{padding:12px;flex-wrap:wrap}.wallpaper-download{width:100%;text-align:center}.footer-right{justify-content:flex-start;width:100%}.footer-inner>div.footer-right{order:4}}
@media(prefers-reduced-motion:reduce){.player-spectrum.playing i{animation:none}}
