@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#0b0815;--pink:#ff42b4;--mint:#b4ff54;--muted:#aaa4bb;--mono:'Space Mono',monospace;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f9f5ff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}header{height:92px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{display:flex;gap:11px;align-items:center;font-size:15px;letter-spacing:1px;font-weight:700}.brand b{color:var(--pink)}.brand-icon{font-size:32px;color:var(--pink);text-shadow:0 0 24px #ff42b460}nav{display:flex;align-items:center;gap:36px;font:10px var(--mono);letter-spacing:1px}nav button{background:none;border:0;color:var(--muted);font:inherit}.credit{border:1px solid #ffffff24;padding:10px 15px;color:var(--muted)}.credit b{color:var(--mint);font-size:16px;margin-left:9px}.hero{min-height:650px;max-width:1600px;margin:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;padding:88px 6% 78px;isolation:isolate;background:radial-gradient(ellipse at 76% 58%,#61207b44,transparent 52%)}.hero-copy{position:relative;z-index:3}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:var(--pink);display:flex;align-items:center;gap:10px}.eyebrow>span{height:6px;width:6px;background:var(--pink);box-shadow:0 0 12px var(--pink)}h1{font:900 clamp(60px,6.6vw,104px)/.95 var(--display);letter-spacing:-1px;margin:28px 0 25px}h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 40px #f32b981f}.intro{color:var(--muted);line-height:1.8;font-size:14px}.primary{border:0;background:var(--mint);color:#10150a;padding:18px 23px;font:700 11px var(--mono);letter-spacing:.5px;display:inline-flex;align-items:center;gap:35px;box-shadow:4px 4px 0 #607c2d;transition:transform .2s}.primary:hover{transform:translateY(-3px)}.hero .primary{margin-top:22px}.primary span{font-size:20px}.micro{font:8px var(--mono);letter-spacing:1.5px;color:#7e778e;margin-top:24px}.sun{position:absolute;z-index:-2;width:330px;height:330px;top:65px;right:12%;border-radius:50%;background:repeating-linear-gradient(to bottom,transparent 0 14px,#160c2b 14px 19px),linear-gradient(#ff9b5455,#f02aac35);box-shadow:0 0 90px #d6336d15}.grid{position:absolute;bottom:-270px;right:-10%;width:100%;height:600px;background-image:linear-gradient(#c73cff25 1px,transparent 1px),linear-gradient(90deg,#c73cff25 1px,transparent 1px);background-size:55px 55px;transform:perspective(350px) rotateX(60deg);z-index:-1;mask-image:linear-gradient(transparent,#000 30%)}.stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 12% 18%,#d4b4ff 1px,transparent 1px),radial-gradient(circle at 75% 25%,#d4b4ff 1px,transparent 1px),radial-gradient(circle at 90% 60%,#d4b4ff 1px,transparent 1px);background-size:270px 210px;opacity:.4}.machine-stage{position:relative;min-height:440px;align-self:center;perspective:1100px}.cabinet{position:absolute;top:10px;left:27%;width:230px;height:400px;background:linear-gradient(100deg,#19142d,#302040 85%,#5b294f 86%);border:2px solid #de51c1;box-shadow:-9px 6px 0 #371a49,0 0 40px #e73ac71f;transform:rotateY(-14deg) rotateZ(3deg);border-radius:8px 9px 0 0;z-index:2}.marquee{margin:10px 12px 0;border:2px solid var(--pink);padding:9px 3px;text-align:center;font:800 24px/.9 var(--display);color:#ff91d7;background:#180e24;text-shadow:0 0 9px var(--pink);box-shadow:inset 0 0 14px #ff42b433}.marquee span{display:block;font:10px var(--mono);margin-top:6px;letter-spacing:4px}.screen{height:154px;margin:15px 18px 0;background:repeating-linear-gradient(transparent 0 3px,#ffffff05 3px 4px),#050d17;border:9px solid #110e20;outline:1px solid #66415d;border-radius:9px;position:relative;box-shadow:inset 0 0 35px #39c8d014;display:flex;align-items:center;flex-direction:column;justify-content:center}.screen-score{color:#74d7ea;font:7px var(--mono);position:absolute;top:9px;left:8px}.pixel-ghost{font:700 24px/.8 monospace;white-space:pre;color:var(--mint);text-shadow:0 0 16px #b4ff5480;letter-spacing:-3px;margin-top:15px}.insert{color:var(--mint);font:8px var(--mono);letter-spacing:2px;margin-top:15px;animation:blink 1.7s steps(2) infinite}.console{height:45px;background:linear-gradient(#4b315a,#25182f);border-top:2px solid #ba3e99;border-bottom:2px solid #8b315f;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 25px;transform:skewX(-4deg);margin:8px -5px 0}.console i{width:10px;height:25px;background:#a6a2b2;position:relative;margin-right:28px;transform:rotate(-15deg)}.console i:before{content:'';position:absolute;top:-8px;left:-5px;width:20px;height:20px;background:#ff469b;border-radius:50%;box-shadow:inset -5px -3px 2px #9d1c61}.console b{width:16px;height:10px;background:var(--pink);border-radius:50%;box-shadow:0 3px #8d235e}.console b:nth-last-child(2){background:var(--mint);box-shadow:0 3px #587d25}.lower{height:130px;text-align:center;padding-top:19px;background:linear-gradient(110deg,transparent,#a5308730)}.lower>span{font:900 italic 52px var(--display);color:#ff57ba;text-shadow:3px 3px #6b2aa0}.lower small{display:block;font:6px var(--mono);color:#927a9b}.coin-slot{width:24px;height:27px;border:2px solid #6c5b7e;margin:9px auto;background:#100c17}.coin-slot:before{content:'';display:block;background:#ff986b;width:3px;height:15px;margin:4px auto}.side-cab{left:3%;top:66px;transform:rotateY(-22deg) rotateZ(-7deg) scale(.78);z-index:1;border-color:#5b67ba;filter:brightness(.65)}.side-cab .marquee{color:#76e2e9;border-color:#3dc5d8;padding:13px}.side-cab .lower{color:#5fb9ff;font-size:50px}.invaders{font:32px/.8 monospace;white-space:pre;color:#72b6f5;text-align:center}.floor-glow{position:absolute;width:340px;height:60px;background:#f237e12d;filter:blur(28px);bottom:5px;left:8%}.stage-label{position:absolute;bottom:-17px;left:30%;font:8px var(--mono);color:#a975bb;letter-spacing:1px;white-space:nowrap}.orbit{position:absolute;width:350px;height:350px;border:1px solid #be50ce18;border-radius:50%;left:10%;top:20px}.orbit-two{width:450px;height:450px;left:0;top:-30px}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;color:#827890;font:8px var(--mono);letter-spacing:1px}.hero-bottom b{color:var(--pink);padding:0 12px}.ticker{display:flex;gap:40px;white-space:nowrap;overflow:hidden;background:var(--pink);color:#1c0b25;font:700 11px var(--mono);letter-spacing:3px;padding:15px 0;transform:rotate(-1deg);margin:0 -0px}.games{max-width:1440px;margin:auto;padding:85px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font:700 47px/1.05 var(--display);margin:12px 0 0}h2 em{font-style:normal;color:var(--pink)}.availability{font:8px var(--mono);letter-spacing:1px;color:var(--muted);padding-bottom:5px}.availability i{display:inline-block;background:var(--mint);width:5px;height:5px;border-radius:100%;margin-right:7px}.game-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{border:1px solid #ffffff18;background:#110d1d}.game-art{height:245px;position:relative;overflow:hidden;padding:20px 23px;display:flex;align-items:center;justify-content:center}.snake-art{background:radial-gradient(ellipse at 65% 65%,#41743835,transparent 60%),linear-gradient(#b4ff5408 1px,transparent 1px),linear-gradient(90deg,#b4ff5408 1px,transparent 1px),#0b1816;background-size:auto,24px 24px,24px 24px,auto}.art-label,.art-bottom{position:absolute;left:23px;font:8px var(--mono);letter-spacing:1px;color:#9db4a4}.art-label{top:20px}.art-bottom{bottom:18px}.game-art strong{font:900 italic 72px/.75 var(--display);z-index:1;transform:rotate(-6deg);text-shadow:4px 4px #091611;letter-spacing:1px}.game-art strong span{display:block;color:var(--mint);font-size:58px}.snake-shape{position:absolute;width:155px;height:95px;border:19px solid #85dc4155;right:8%;top:90px;border-right:0;box-shadow:-7px 0 30px #89fd3a15}.snake-food{position:absolute;right:10%;top:70px;width:13px;height:13px;background:var(--pink);box-shadow:0 0 25px var(--pink)}.street-art{background:linear-gradient(#150d2b,#421639 75%,#1a1030)}.street-art strong{text-shadow:4px 4px #2e1143}.street-art strong span{color:#ff956a}.street-art .art-label,.street-art .art-bottom{color:#cd9caf}.city{position:absolute;inset:30% 0 0;display:flex;align-items:end;gap:9px;opacity:.6}.city i{width:20%;height:80%;background:repeating-linear-gradient(transparent 0 13px,#fd81b944 13px 17px),#130e21}.city i:nth-child(2n){height:60%}.city i:nth-child(3n){height:95%}.game-info{padding:24px}.tag{font:7px var(--mono);letter-spacing:1px;color:var(--mint)}.tag.purple{color:#bd9eff}h3{font:700 28px var(--display);margin:10px 0}.game-info p{font-size:12px;color:var(--muted);line-height:1.8;max-width:370px;margin-bottom:22px}.game-link{display:flex;justify-content:space-between;width:100%;padding:17px 0 0;border:0;border-top:1px solid #ffffff15;color:#eee4f7;font:700 10px var(--mono);background:none}.game-link span{color:var(--pink);font-size:15px}.closing{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;margin:0 6%;padding:45px 0;display:flex;gap:30px;align-items:center}.closing>span{font-size:76px;color:var(--pink)}.closing h2{font-size:36px}.closing p:not(.eyebrow){font-size:12px;color:var(--muted)}.outline{margin-left:auto;border:1px solid #66506f;padding:16px 20px;font:9px var(--mono);white-space:nowrap}.outline:hover{border-color:var(--pink)}footer{max-width:1440px;margin:auto;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:11px}footer>span,footer>a:last-child{font:7px var(--mono);letter-spacing:1px;color:var(--muted)}dialog{padding:24px;background:#100d1f;color:white;border:1px solid var(--pink);width:min(460px,94vw);max-height:95dvh;box-shadow:0 0 80px #b42f6433}dialog::backdrop{background:#03020bdc;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top h2{font-size:30px;margin:0}.dialog-top button{background:transparent;color:white;border:1px solid #59425d;padding:8px 12px}.scores{display:flex;justify-content:space-between;font:9px var(--mono);padding:20px 0;color:var(--muted)}.scores b{color:var(--mint);padding-left:8px}canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#071412;border:1px solid #b4ff5433}#game-status{text-align:center;font:11px var(--mono);min-height:30px;line-height:1.7}dialog .primary{width:100%;justify-content:center;padding:13px}.dpad{display:flex;justify-content:center;gap:10px;margin-top:20px}.dpad button{border:1px solid #746080;background:#20172e;color:var(--mint);width:48px;height:42px;font-size:22px;touch-action:manipulation}.game-help{text-align:center;font:7px var(--mono);color:var(--muted);margin-top:15px}@keyframes blink{50%{opacity:.3}}@media(min-width:1600px){.hero{padding-left:9%;padding-right:9%}}@media(max-width:950px){header{padding:0 5%}nav{gap:18px}.credit{display:none}.hero{padding:65px 5% 75px;min-height:600px}h1{font-size:75px}.machine-stage{transform:scale(.85);transform-origin:center}.cabinet{left:22%}.side-cab{left:-10%}.hero-copy{min-width:380px}.intro{font-size:12px}.primary{font-size:9px}.closing{gap:20px}.closing>span{display:none}}@media(max-width:650px){header{height:75px}.brand{font-size:12px;gap:7px}.brand-icon{font-size:24px}nav{font-size:8px}nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:45px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy{min-width:0}h1{font-size:clamp(62px,12.5vw,85px);margin-top:22px}.intro{font-size:13px}.micro{font-size:7px}.machine-stage{height:360px;min-height:360px;transform:scale(.8);margin-top:2px;margin-bottom:-55px;transform-origin:center top}.cabinet{left:38%}.side-cab{left:7%}.sun{top:auto;bottom:100px;right:10%;width:260px;height:260px}.hero-bottom{font-size:6px;bottom:20px}.hero-bottom span:last-child{display:none}.stage-label{left:35%;bottom:-60px}.grid{width:170%}.ticker{font-size:9px;gap:25px;padding:13px 0}.games{padding:55px 5%}.section-title{display:block}h2{font-size:38px}.availability{display:block;margin-top:20px}.game-list{grid-template-columns:1fr}.game-art{height:230px}.closing{margin:0 5%;padding:35px 0;display:block}.closing h2{font-size:32px}.outline{display:inline-block;margin-top:18px}footer{flex-wrap:wrap;padding:28px 5%;gap:20px}footer>span{width:100%;order:3}dialog{padding:18px}.game-help{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Snake: teclado no desktop, controles de toque no celular. */
#game-dialog .dpad,#game-dialog .touch-help{display:none}
#game-dialog #board{outline-offset:3px}
html[data-phone="true"] #game-dialog .keyboard-help{display:none}
html[data-phone="true"] #game-dialog .touch-help{display:block}
html[data-phone="true"] #game-dialog .dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:5px;justify-content:center;margin:10px 0 0}
html[data-phone="true"] #game-dialog .dpad button{width:44px;height:42px;margin:0;padding:0;border-radius:7px;font-size:24px;user-select:none;-webkit-user-select:none}
html[data-phone="true"] #game-dialog [data-dir="up"]{grid-column:2;grid-row:1}
html[data-phone="true"] #game-dialog [data-dir="left"]{grid-column:1;grid-row:2}
html[data-phone="true"] #game-dialog [data-dir="down"]{grid-column:2;grid-row:2}
html[data-phone="true"] #game-dialog [data-dir="right"]{grid-column:3;grid-row:2}
@media(orientation:landscape){
html[data-phone="true"] #game-dialog{width:fit-content;max-width:96vw;max-height:96dvh;padding:10px 14px;overflow:hidden}
html[data-phone="true"] #game-dialog .dialog-top{margin-bottom:7px;gap:20px}
html[data-phone="true"] #game-dialog .dialog-top h2{font-size:24px}
html[data-phone="true"] #game-dialog .dialog-top button{padding:4px 10px}
html[data-phone="true"] #game-dialog .game-body{display:grid;grid-template-columns:auto 210px;gap:16px;align-items:center}
html[data-phone="true"] #game-dialog #board{width:min(320px,calc(96dvh - 62px),calc(96vw - 258px));height:auto;max-width:100%}
html[data-phone="true"] #game-dialog .scores{padding:0 0 7px;font-size:8px}
html[data-phone="true"] #game-dialog #game-status{font-size:9px;line-height:1.4;min-height:26px;margin:0 0 7px}
html[data-phone="true"] #game-dialog .primary{font-size:9px;padding:10px 6px;box-shadow:2px 2px 0 #607c2d}
html[data-phone="true"] #game-dialog .game-help{font-size:7px;margin:7px 0 0}
}
.dug-art{background:repeating-linear-gradient(0deg,#a16c3233 0 35px,#432b2122 35px 70px),#291b17}.dug-art strong{color:#edc17e;text-shadow:4px 4px #271511;transform:rotate(-5deg);margin-right:55px}.dug-art strong span{color:#c7ff69}.dug-art .art-label,.dug-art .art-bottom{color:#c2a278}.dug-poop{position:absolute;right:12%;font-size:91px;transform:rotate(12deg);filter:drop-shadow(7px 7px 0 #140d14aa)}
.galaxy-art{background:radial-gradient(ellipse at 75% 30%,#28458488,transparent 70%),radial-gradient(#d2edff 1px,transparent 1px),#070f29;background-size:auto,39px 35px,auto}.galaxy-art strong{font-size:58px;text-shadow:4px 4px #152757;margin-right:40px}.galaxy-art strong span{color:#ffbc68;font-size:77px}.galaxy-ship{position:absolute;right:10%;bottom:60px;font-size:105px;line-height:1;color:#a6efff;transform:rotate(15deg);text-shadow:0 8px #ffbb72,0 0 40px #8bcfff88}.galaxy-art .art-label,.galaxy-art .art-bottom{color:#a9c7ee}
