:root{color-scheme:light;--bg:#eeedf5;--ink:#242137;--purple:#6241be;--muted:#69657a;--red:#e84d51;--blue:#4383e7;--yellow:#efbf3f;--green:#29a878;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #287be6;outline-offset:5px}[hidden]{display:none!important}.top-strip{background:#292536;color:#e0daef;font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;padding:12px max(24px,calc((100% - 1140px)/2));display:flex;justify-content:space-between;gap:20px}header{max-width:1188px;padding:26px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d7d3e1}.brand{font-weight:950;font-size:28px;letter-spacing:-1.5px;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.brand>span{color:var(--purple)}.brand-pixel{font-size:18px;margin-left:5px;vertical-align:top}.nav-shop{font-size:13px;font-weight:700;text-decoration:none}.nav-shop span{padding-left:12px;color:var(--purple)}main{max-width:1188px;padding:0 24px;margin:auto}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding:66px 0 58px}.console-badge{display:inline-flex;align-items:center;gap:10px;font:9px ui-monospace,Consolas,monospace;letter-spacing:1.2px;font-weight:700}.four-colors{display:grid;grid-template-columns:repeat(2,5px);gap:2px;transform:rotate(-15deg)}.four-colors i{width:5px;height:5px;border-radius:1px}.four-colors i:nth-child(1),.color-buttons i:nth-child(1){background:var(--blue)}.four-colors i:nth-child(2),.color-buttons i:nth-child(2){background:var(--green)}.four-colors i:nth-child(3),.color-buttons i:nth-child(3){background:var(--red)}.four-colors i:nth-child(4),.color-buttons i:nth-child(4){background:var(--yellow)}h1{font-size:clamp(40px,5.2vw,65px);line-height:1.02;letter-spacing:-3px;margin:24px 0}.hero h1>span{color:var(--purple)}.intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:460px;margin:22px 0}.intro strong{color:var(--ink);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--purple);color:#fff;padding:19px 24px;border-radius:6px;box-shadow:0 4px 0 #432a8a;font-size:14px;font-weight:750;text-decoration:none;border:0;cursor:pointer;min-height:48px}.button:hover{background:#5133a6;transform:translateY(-1px)}.play-arrow{font-size:11px}.hero-copy>.button{margin-top:4px}.hero-caption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:20px;max-width:370px;display:flex;align-items:baseline;gap:8px}.green-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.hero-stats{display:flex;gap:28px;border-top:1px solid #d7d3e1;padding-top:22px;margin-top:27px;max-width:445px}.hero-stats>div{display:flex;flex-direction:column;gap:6px}.hero-stats strong{font-size:20px;letter-spacing:-1px}.hero-stats strong span{font-size:10px;letter-spacing:0;margin-left:3px}.hero-stats small{font:7px ui-monospace,Consolas,monospace;color:var(--muted);letter-spacing:1px}.hero-visual{position:relative;background:#e2dfed;border:1px solid #d0cadc;border-radius:18px;padding:18px 18px 14px;box-shadow:0 16px 40px #46396512;min-width:0}.visual-label{font:9px ui-monospace,Consolas,monospace;color:#655d79;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--purple)}.image-wrap{margin:14px 0;border-radius:9px;overflow:hidden;background:#f0eff8;aspect-ratio:1}.image-wrap img{display:block;width:100%;height:100%;object-fit:contain}.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-label{font:8px ui-monospace,Consolas,monospace;letter-spacing:1.3px;color:#655d79}.color-buttons{display:flex;gap:6px}.color-buttons i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 2px 2px #ffffff60,0 2px 0 #0002}.illustration-note{font-size:9px;line-height:1.5;color:#746b84;margin:12px 0 0}.ticker{border-top:1px solid #d1cadf;border-bottom:1px solid #d1cadf;display:flex;justify-content:space-around;align-items:center;gap:12px;padding:19px 0;font:9px ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:#72677f}.ticker b{font-size:17px;color:var(--purple)}.experience{padding:64px 0}.eyebrow{font:9px ui-monospace,Consolas,monospace;letter-spacing:1.7px;font-weight:700;color:var(--purple)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2{font-size:36px;line-height:1.13;letter-spacing:-1.5px;margin:14px 0 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:4px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefits article{padding:26px;background:#f8f7fb;border:1px solid #d9d3e4;border-radius:10px;border-top:3px solid var(--purple)}.benefits article:nth-child(2){border-top-color:var(--red)}.benefits article:nth-child(3){border-top-color:var(--green)}.card-top{display:flex;align-items:center;justify-content:space-between}.step{color:#9b91ac;font:12px ui-monospace,Consolas,monospace}.card-symbol{font-size:22px;color:var(--purple)}.benefits article:nth-child(2) .card-symbol{color:var(--red)}.benefits article:nth-child(3) .card-symbol{color:var(--green)}.benefits h3{font-size:20px;letter-spacing:-.5px;margin:25px 0 12px}.benefits p{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:25px}.card-tag{font:7px ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:#8b7e9c}.closing{position:relative;background:#292338;color:#fff;border-radius:12px;overflow:hidden;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .eyebrow{color:#c5acee}.closing h2{font-size:37px;line-height:1.12;letter-spacing:-1.5px;margin:18px 0}.closing h2 span{color:#c5acee}.closing p:not(.eyebrow){font-size:12px;line-height:1.8;color:#c1b8d1;max-width:390px}.button-light{background:#efe9fa;color:#3f296b;box-shadow:0 4px 0 #9983b8;z-index:1;flex-shrink:0}.button-light:hover{background:#fff}.closing-pixels{position:absolute;right:10%;top:10%;font-size:70px;line-height:.8;color:#ffffff05;transform:rotate(-15deg);pointer-events:none}.note{font-size:12px;line-height:1.7;color:var(--muted)}.compatibility{font-size:10px;max-width:800px;margin:22px 0 44px}footer{max-width:1188px;margin:auto;border-top:1px solid #d7d3e1;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:22px}footer p{font-size:10px;line-height:1.7;color:var(--muted)}.footer-shop{font-size:12px;text-decoration:none;color:var(--purple);font-weight:700}
/* Player: preserva os controles, a tela cheia e o modo expandido. */
body.playing{background:#0d1020;color:#f1edfa;color-scheme:dark}body.playing header{border-color:#343044}body.playing .brand{color:#fff}body.playing .nav-shop{color:#bfb6d2}body.playing .top-strip{display:none}body.playing main{padding-top:18px}body.playing footer{border-color:#343044}body.playing .note,body.playing #status{color:#bdb5cd}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar h1{font-size:28px;letter-spacing:-1px;margin:8px 0 20px}.secondary{background:#3d3452;color:#fff;box-shadow:none}#screen{height:70vh;height:70dvh;min-height:360px;background:#000;border-radius:12px;overflow:hidden}#game{width:100%;height:100%}#status{font-size:13px;line-height:1.6}body.immersive{overflow:hidden;background:#000}body.immersive header,body.immersive footer,body.immersive .top-strip,body.immersive .toolbar,body.immersive #status,body.immersive #player>.note,body.immersive #enter-immersive{display:none}body.immersive main{margin:0;padding:0;max-width:none}body.immersive #screen{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;min-height:0;border-radius:0;z-index:1000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#exit-immersive{display:none;position:fixed;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:1001;border:1px solid #807390;border-radius:18px;background:#171023cc;color:#fff;padding:7px 10px;font:12px Arial,sans-serif;cursor:pointer}body.immersive #exit-immersive{display:block}#screen:fullscreen{width:100%;height:100%;min-height:0;border-radius:0;background:#000}#screen:-webkit-full-screen{width:100%;height:100%;min-height:0;border-radius:0;background:#000}
@media(max-width:900px){.hero{gap:26px;padding:46px 0}.hero h1{font-size:50px;letter-spacing:-2px}.hero-stats{gap:18px}.closing{padding:32px}.closing h2{font-size:32px}.benefits article{padding:20px}.ticker{font-size:7px;letter-spacing:1px}}
@media(max-width:650px){.top-strip{padding:10px 20px;font-size:7px;letter-spacing:1px}.strip-end{display:none}header{padding:21px 20px}.brand{font-size:25px}.nav-shop{font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:30px;padding:34px 0}.hero h1{font-size:clamp(39px,11.8vw,62px);letter-spacing:-2px;margin:22px 0}.console-badge{font-size:7px;letter-spacing:.7px}.intro{font-size:14px;line-height:1.8}.button{padding:17px 20px;font-size:13px}.hero-stats{gap:25px;justify-content:space-between}.hero-stats strong{font-size:19px}.hero-stats small{font-size:6px;letter-spacing:.5px}.hero-visual{max-width:460px;width:100%;margin:auto;padding:15px}.visual-label{font-size:8px}.ticker{flex-wrap:wrap;justify-content:center;font-size:7px;gap:10px;padding:17px 0}.ticker span:last-child{display:none}.ticker b:last-of-type{display:none}.experience{padding:38px 0}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{margin-top:18px;font-size:12px}.benefits{grid-template-columns:1fr;gap:13px}.benefits article{padding:23px}.benefits h3{margin-top:16px}.benefits p{margin-bottom:18px}.closing{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:18px}.closing h2{font-size:31px}.closing-pixels{right:0}.compatibility{font-size:9px;margin-bottom:30px}footer{padding:26px 20px;flex-wrap:wrap;gap:14px}footer p{margin:0}.footer-shop{width:100%;font-size:11px}.toolbar h1{font-size:22px}#screen{height:72dvh;min-height:340px}}
@media(orientation:landscape) and (max-height:600px){body.playing header,body.playing footer,body.playing .note{display:none}body.playing main{padding:8px}.toolbar .eyebrow{display:none}.toolbar h1{font-size:16px;margin:4px}.toolbar .button{padding:6px 12px;min-height:32px}#screen{height:calc(100dvh - 86px);min-height:180px}#status{margin:4px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}

.image-wrap{background:#fff}.image-wrap img{padding:18px;mix-blend-mode:multiply}