@font-face{font-family:ArcadePixel;src:url('/fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
body.retro{--bg:#101126;--ink:#f6f1df;--accent:#ffcf54;background:var(--bg);color:var(--ink)}
.retro main{max-width:1600px}.retro header{background:#0b0d20;border-bottom:2px solid #363559;padding:24px 6vw}
.retro header .brand{background:#fff;padding:8px 12px;box-shadow:4px 4px 0 #45d8c7;border-radius:0}
.retro header .brand img{height:28px;width:125px}.retro nav a{color:#d9d6e9;font-size:13px}
.retro .brand img,.retro footer img{filter:none}
.retro nav a:hover{color:#ffcf54}.retro .hero{position:relative;isolation:isolate;background:#101126;grid-template-columns:1.1fr 1fr;gap:45px;min-height:830px;padding-top:65px;padding-bottom:110px}
.retro .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101126ef 0%,#101126d4 38%,#10112640 75%),url('/assets/pixel-night-v1.webp') center bottom/cover;z-index:-1;image-rendering:pixelated}
.retro .hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(transparent 0 3px,#00000008 3px 4px)}
.retro .hero-copy{position:relative;z-index:4;min-width:0}.retro .eyebrow{font-family:ArcadePixel,monospace;font-weight:400;font-size:9px;letter-spacing:0;line-height:1.8;color:#58ddc7}
.retro h1{font-family:ArcadePixel,monospace;font-weight:400;font-size:clamp(30px,3vw,46px);line-height:1.55;letter-spacing:-.04em;text-transform:none;text-shadow:4px 4px 0 #bb427d;margin:26px 0;overflow-wrap:break-word}
.retro h2{font-family:ArcadePixel,monospace;font-weight:400;font-size:clamp(22px,2.2vw,33px);line-height:1.6;letter-spacing:-.04em;margin-bottom:28px}
.retro h3{font-size:22px;line-height:1.35}.retro p{color:#b9b9cf;line-height:1.8}.retro .hero .intro{font-size:16px;max-width:510px;color:#ded9eb}
.retro .button{border-radius:0;background:#ffcf54;color:#201630;border:2px solid #fff0be;box-shadow:5px 5px 0 #a95c31;font-size:13px;padding:17px 23px;transition:translate .18s,box-shadow .18s;position:relative;z-index:4}
.retro .button:hover{translate:2px 2px;box-shadow:3px 3px 0 #a95c31}.retro .button:active{translate:5px 5px;box-shadow:none}
.retro .hero-actions{gap:25px}.retro .hero-actions>a:not(.button){font-size:13px;text-underline-offset:6px;color:#e5dfea}
.retro .hero-price{font-family:ArcadePixel,monospace;font-size:22px;color:#ffcf54;margin:40px 0 0;line-height:1.5}.retro .hero-price small{font-family:Onest,Arial,sans-serif;color:#c1b6d6;opacity:1;font-size:11px;margin-top:12px}
.retro .hero-visual{position:relative;border-radius:0;padding:20px 20px 12px;background:#fcf5de;transform:rotate(2deg);box-shadow:8px 8px 0 #43c8bb,16px 16px 0 #151426;max-width:480px;justify-self:center;z-index:2;border:4px solid #dad1ec}
.retro .hero-visual::before{content:'PLAYER 01';font:9px ArcadePixel,monospace;color:#151426;background:#ffcf54;padding:11px 17px;position:absolute;left:-16px;top:-22px;border:2px solid #151426;transform:rotate(-2deg)}
.retro .hero-visual>img{height:435px;background:#fff}.retro .hero-visual figcaption{color:#3d334b;font-size:11px;line-height:1.5;margin:14px 0 0}
.pixel-hero-party{position:absolute;right:6%;bottom:0;width:235px;height:auto;z-index:5;pointer-events:none;image-rendering:pixelated;animation:party-bob 5s steps(6,end) infinite}
.retro .ribbon{background:#ffcf54;color:#201630;font:9px ArcadePixel,monospace;line-height:1.8;transform:none;padding:24px 6vw;border-block:4px solid #201630;gap:20px}
.retro section{padding:85px 6vw}.retro #gallery{background:#17172f;position:relative}
.retro .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.retro .gallery-tile{padding:0;border:2px solid #42415f;background:#22223e;color:#e9e4f2;border-radius:0;box-shadow:5px 5px 0 #080a1a;transition:translate .25s,border-color .25s;overflow:hidden}
.retro .gallery-tile>img{height:285px;background:#fff;padding:20px;transition:scale .3s}.retro .gallery-tile:hover{translate:0 -5px;border-color:#58ddc7}
.retro .gallery-tile:hover>img{scale:1.025}.retro .gallery-tile span{font-family:ArcadePixel,monospace;font-size:11px;font-weight:400;padding:21px 16px;line-height:1.7;text-align:left;display:flex;align-items:center;justify-content:space-between}
.retro .gallery-tile span::after{content:'→';font:22px Onest,Arial;color:#58ddc7}.retro .gallery-tile[aria-pressed=true]{outline:3px solid #ffcf54;outline-offset:4px}
.retro #design-status{color:#ffcf54;min-height:24px}.retro .retro-games{padding-top:70px;background:#101126;overflow:hidden}
.retro .marquee-title{font:clamp(18px,2.5vw,36px)/1.5 ArcadePixel,monospace;letter-spacing:-.03em;color:#ffcf54}
.pixel-location{margin:30px 0 36px;border:4px solid #343456;box-shadow:8px 8px 0 #050718;position:relative}
.pixel-location>img{display:block;width:100%;height:370px;object-fit:cover;object-position:center 55%;image-rendering:pixelated}
.pixel-location figcaption{font:9px/1.8 ArcadePixel,monospace;color:#cddbe4;background:#18192c;padding:16px 20px;border-top:2px solid #343456}
.retro .genre-list{gap:22px}.retro .genre-list article{background:#1c1d37;border:2px solid #383a59;padding:28px;box-shadow:5px 5px 0 #080a1a}
.retro .genre-list b{font:14px ArcadePixel,monospace;color:#58ddc7}.retro .genre-list h3{color:#fff4cf}.retro .genre-list p{font-size:14px}
.retro #details{background:#17172f}.retro .notes{gap:24px}.retro .notes article{border-top:3px solid #b58af4;padding:25px 0}.retro .notes span{font:10px ArcadePixel,monospace;color:#58ddc7;opacity:1}
.retro .custom{background:#201c3a;position:relative}.pixel-custom-party{width:270px;height:auto;display:block;image-rendering:pixelated;margin:15px 0 25px}
.retro .custom .split{gap:45px}.retro .custom ol{color:#e6ddef}.retro .custom .choose{display:inline-flex;border:1px solid #5c547c;background:#292344;padding:18px 22px;margin-bottom:25px}
.retro .custom .button{display:flex;width:max-content;max-width:100%}
.retro #catalog{background:#121429}.retro .product{border:2px solid #44445e;border-radius:0;background:#1c1e35;box-shadow:8px 8px 0 #080a1a;overflow:hidden}
.retro .product:only-child{grid-template-columns:1fr 1fr}.retro .product:only-child img{height:460px;background:#fff}
.retro .product strong{color:#ffcf54;font-size:30px}.retro .product>div{padding:35px}.retro .choose{color:#eae7f0}.retro .choose input{accent-color:#ffcf54}
.retro .selection{border:2px solid #7b6351;border-radius:0;box-shadow:6px 6px 0 #080a1a;background:#ffcf54;color:#201630;margin-top:40px;padding:30px}
.retro .selection strong{font-size:31px}.retro .selection p{color:#51402d}.retro .selection .button{background:#23213b;color:#fff4cf;border-color:#716387;box-shadow:4px 4px 0 #9e7528;flex-shrink:0}
.retro .spec-section{background:#17172f}.retro td,.retro th{border-color:#363750}.retro table{color:#cecbdf}
.retro .request{background:#221c38;border-block:2px solid #544266}.retro form{background:#17162b;padding:32px;border:2px solid #5b4b75;box-shadow:7px 7px 0 #0c0a18}
.retro input,.retro textarea,.retro select{border-radius:0;background:#101126;border:1px solid #54506d;color:#f1e8fb;padding:14px}
.retro input:focus,.retro select:focus,.retro textarea:focus{outline:2px solid #58ddc7;outline-offset:3px}.retro form .consent{color:#cfc8e0;font-weight:400;line-height:1.7}.retro .form-status{color:#ffcf54}
.retro .contacts>a{background:#1c1d34;border:2px solid #464360;border-radius:0;box-shadow:5px 5px 0 #080a1a;transition:translate .2s}.retro .contacts>a:hover{translate:0 -4px}.retro .contacts img{border-radius:0}.retro .contacts span{color:#58ddc7}
.retro #articles{background:#17172f}.retro .article-card{border:2px solid #45415d!important;border-radius:0!important;background:#1c1d34!important;box-shadow:5px 5px 0 #080a1a;color:#f4ebfb!important}
.retro .article-card-button{color:#fff0c4}.retro .article-card p{color:#c0b8d5}.retro .article-card:hover{border-color:#58ddc7!important}
.retro .faq details{border-color:#38374f}.retro summary{font-weight:600}.retro footer{background:#0a0c1b;border-top:2px solid #393751;color:#b9b1cb}.retro footer img{background:#fff;border-radius:0;padding:7px}
.retro dialog{border:3px solid #a387c5;border-radius:0;background:#18182f;color:#eee5f8;box-shadow:8px 8px 0 #0008}.retro dialog::backdrop{background:#070713d9}.retro .photo-close{color:#fff}.retro #photo-dialog>img{background:#fff}.retro .photo-select{font-size:12px}
.retro .article-dialog{background:#18182f;color:#eee5f8}.retro .article-toolbar{background:#111227;color:#e9e1fa;border-color:#45415d}.retro .article-reader p,.retro .article-reader li{color:#d1c9df}
@keyframes party-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1000px){.retro .hero{gap:28px;min-height:760px}.retro h1{font-size:32px}.retro .hero-visual>img{height:360px}.retro .hero-visual{padding:15px}.retro .gallery-tile>img{height:240px}.retro .gallery-tile span{font-size:9px}.retro .hero-price{font-size:20px}.retro .ribbon{font-size:8px}}
@media(max-width:700px){.retro header{padding:18px 5vw}.retro .menu{background:#fff4cf;border:2px solid #5d4979;border-radius:0}.retro nav{background:#1e1d37;border-bottom:2px solid #58ddc7;padding:25px;z-index:20}.retro .hero{grid-template-columns:1fr;gap:36px;padding:40px 6vw 100px;min-height:0}.retro .hero::before{background:linear-gradient(#101126d9,#101126bb 50%,#10112655),url('/assets/pixel-night-v1.webp') 65% bottom/auto 100%}.retro h1{font-size:clamp(25px,6.7vw,36px);line-height:1.65;text-shadow:3px 3px 0 #a73871;letter-spacing:-.07em}.retro .hero .intro{font-size:15px}.retro .hero-actions{gap:20px}.retro .hero-visual{margin:0 10px 0 0;max-width:100%;padding:14px;justify-self:stretch}.retro .hero-visual>img{height:330px}.retro .hero-price{font-size:21px}.retro .pixel-hero-party{width:185px;right:6%;bottom:-8px}.retro section{padding:60px 6vw}.retro h2{font-size:22px;line-height:1.65}.retro .ribbon{padding:22px 6vw;gap:15px;justify-content:flex-start;flex-direction:column;font-size:8px}.retro .gallery{gap:20px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}.retro .gallery-tile>img{height:200px;padding:12px}.retro .gallery-tile span{font:8px/1.8 ArcadePixel,monospace;padding:16px 10px;gap:3px}.retro .gallery-tile span::after{font-size:16px}.retro .marquee-title{font-size:20px;line-height:1.6}.retro .pixel-location{margin:25px 0 30px;box-shadow:5px 5px 0 #050718}.retro .pixel-location>img{height:275px;object-position:30% center}.retro .pixel-location figcaption{font-size:7px;padding:12px}.retro .genre-list{gap:20px}.retro .genre-list article{padding:23px}.retro .custom .split{gap:15px}.retro .pixel-custom-party{width:210px}.retro .product:only-child{display:block}.retro .product:only-child img{height:330px}.retro .product>div{padding:26px}.retro .selection{padding:25px}.retro .selection strong{font-size:28px}.retro .selection .button{margin-top:20px}.retro form{padding:25px 20px}.retro .request{gap:25px}.retro .contacts>a{padding:20px}.retro .eyebrow{font-size:8px}.retro .button{font-size:12px;padding:16px 19px}.retro .hero-actions>a:not(.button){font-size:12px}}
@media(prefers-reduced-motion:reduce){.retro .pixel-hero-party{animation:none}.retro .button:hover,.retro .gallery-tile:hover,.retro .contacts>a:hover{translate:none}.retro .gallery-tile:hover>img{scale:1}}