:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#09070d;--ink-soft:#100d18;--panel:#171222;--panel-bright:#21172f;--purple:#9b4dff;--purple-bright:#bd72ff;--cyan:#5ce7ff;--lime:#c9ff38;--orange:#ff7a2d;--cream:#f7f3e9;--muted:#b3acbf;--line:#ffffff1f;background:var(--ink);color:var(--cream);scroll-behavior:smooth;font-synthesis:none;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;min-height:100%;margin:0}body{overflow-x:hidden}body.game-open{touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}#arcade-portal{background:radial-gradient(circle at 83% 11%, #9b4dff3d, transparent 25rem), radial-gradient(circle at 8% 38%, #5ce7ff14, transparent 26rem), linear-gradient(135deg, transparent 0 49.7%, #ffffff05 49.8% 50.2%, transparent 50.3%) 0 0 / 28px 28px, var(--ink);min-height:100vh;overflow:hidden}.site-header,.hero,.games-section,.how-section,footer{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;min-height:82px;display:flex;position:relative}.brand{align-items:center;min-width:156px;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #5c1dad3d);width:auto;height:54px;display:block}.site-header nav{color:var(--muted);align-items:center;gap:38px;font-size:14px;font-weight:800;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--cream)}.button{cursor:pointer;letter-spacing:.02em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,.dialog-close:focus-visible,.qr-preview:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button-primary{color:#130a1f;background:var(--lime);box-shadow:6px 6px 0 var(--purple)}.button-primary:hover{box-shadow:3px 3px 0 var(--purple)}.button-secondary{color:var(--cream);background:#ffffff0f;border-color:#fff3}.button-secondary:hover{background:#ffffff1c}.button-ghost{min-height:42px;color:var(--cream);border-color:var(--line);background:0 0}.button-small{padding-inline:18px}.button-full{width:100%}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:38px;min-height:670px;padding-block:62px 72px;display:grid}.hero-copy{z-index:3;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 21px;font-size:12px;font-weight:900;display:flex}.eyebrow span{background:var(--cyan);width:24px;height:3px;display:inline-block}h1,h2,h3{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Arial Black,Impact,sans-serif}h1{max-width:720px;font-size:clamp(54px,6vw,86px);line-height:.89}h1 em,h2 em,h3 em{color:var(--purple-bright);font-style:normal}.hero-lead{max-width:590px;color:var(--muted);margin:28px 0 0;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-stats{color:var(--muted);text-transform:uppercase;gap:0;margin-top:48px;font-size:12px;font-weight:800;display:flex}.hero-stats span{border-left:1px solid var(--line);align-items:center;gap:9px;padding:2px 22px;display:flex}.hero-stats span:first-child{border-left:0;padding-left:0}.hero-stats b{color:var(--cream);font:900 19px/1 Arial Black,sans-serif}.hero-stage{height:510px;position:relative}.stage-glow{background:linear-gradient(135deg, var(--purple), #48286c);border-radius:45% 55% 48% 52%;width:420px;height:420px;position:absolute;top:28px;left:50%;transform:translate(-50%)rotate(10deg);box-shadow:0 0 100px #9b4dff47}.stage-glow:before,.stage-glow:after{content:"";border-radius:inherit;border:1px solid #ffffff30;position:absolute;inset:30px}.stage-glow:after{border-style:dashed;inset:-22px}.character-card{background-color:#161018;background-repeat:no-repeat;background-size:400% 200%;border:1px solid #ffffff2b;position:absolute;overflow:hidden;box-shadow:0 28px 60px #0000008c}.character-card span{color:var(--ink);background:var(--cream);letter-spacing:.06em;border-radius:5px;padding:7px 10px;font:900 10px/1 Arial Black,sans-serif;position:absolute;bottom:10px;right:10px}.character-gabito{z-index:2;background-image:url(../assets/sprites/gabito-foot-sheet-v1.png);background-position:0 0;border-radius:88px 24px 70px;width:255px;height:382px;top:50px;left:54px;transform:rotate(-5deg)}.character-capitan{z-index:3;background-image:url(../assets/sprites/capitan-sheet.png);background-position:0 0;border-radius:24px 80px 24px 60px;width:230px;height:344px;top:122px;right:20px;transform:rotate(6deg)}.character-capitan span{color:var(--ink);background:var(--cyan)}.floating-tag{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#09070dd1;border:1px solid #ffffff40;border-radius:7px;padding:10px 13px;font:900 11px/1 Arial Black,sans-serif;position:absolute;box-shadow:0 12px 32px #0000004d}.floating-tag i,.game-status i{background:#58ff88;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #58ff88}.tag-online{top:56px;right:2px}.tag-device{color:var(--ink);background:var(--lime);border:0;bottom:24px;left:36px;transform:rotate(-3deg)}.games-section{border-top:1px solid var(--line);padding-block:104px 110px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading h2,.how-card h2{font-size:clamp(42px,5vw,64px);line-height:.92}.section-heading>p{max-width:410px;color:var(--muted);margin:0 0 2px;line-height:1.6}.games-grid{grid-template-columns:minmax(0,1.62fr) minmax(280px,.75fr);gap:22px;display:grid}.game-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden}.game-card-featured{grid-template-columns:.93fr 1.07fr;min-height:470px;display:grid}.game-art{background:linear-gradient(#0000 45%,#08050dd1),url(../assets/backgrounds/mercado-arcade.png) 50%/cover;min-height:420px;position:relative}.game-art:after{content:"";background:linear-gradient(90deg, transparent 60%, var(--panel));position:absolute;inset:0}.game-status{z-index:2;letter-spacing:.08em;text-transform:uppercase;background:#09070dc7;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;font-weight:900;display:flex;position:absolute;top:20px;left:20px}.game-number{z-index:2;color:#ffffff2e;font:900 78px/1 Arial Black,sans-serif;position:absolute;bottom:12px;left:20px}.game-info{flex-direction:column;justify-content:space-between;gap:28px;padding:44px 42px 38px 30px;display:flex}.game-kicker{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:900}.game-info h3,.game-card-soon h3{font-size:clamp(30px,3.5vw,48px);line-height:.94}.game-info>div>p:last-child,.game-card-soon>p{color:var(--muted);line-height:1.55}.game-cta-row{align-items:center;gap:22px;display:flex}.device-note{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:800}.game-card-soon{background:radial-gradient(circle at 70% 20%, #9b4dff4d, transparent 13rem), var(--panel);flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:470px;padding:34px;display:flex;position:relative}.game-card-soon:before{content:"";border:1px dashed #ffffff1f;border-radius:10px;position:absolute;inset:14px}.soon-icon{color:var(--lime);text-shadow:0 0 30px #c9ff384d;margin-bottom:auto;font-size:68px}.soon-chip{color:var(--purple-bright);letter-spacing:.08em;background:#9b4dff1f;border-radius:5px;margin-top:22px;padding:8px 10px;font-size:10px;font-weight:900;position:relative}.how-section{border-top:1px solid var(--line);grid-template-columns:1fr 320px;align-items:center;gap:80px;padding-block:90px;display:grid}.how-card>p:not(.eyebrow){max-width:620px;color:var(--muted);line-height:1.6}.steps{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.steps span{border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:800;display:flex}.steps b{color:var(--lime)}.qr-preview{aspect-ratio:1;width:100%;color:var(--cream);cursor:pointer;background:linear-gradient(145deg,#9b4dff59,#ffffff0d);border:1px solid #ffffff29;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:transform .2s;display:flex;transform:rotate(3deg)}.qr-preview:hover{transform:rotate(0)scale(1.02)}.qr-placeholder{aspect-ratio:1;width:120px;color:var(--ink);background:var(--cream);border-radius:12px;place-items:center;font:900 70px/1 monospace;display:grid}.qr-preview strong{font:900 18px/1 Arial Black,sans-serif}.qr-preview small{color:var(--muted)}footer{border-top:1px solid var(--line);min-height:124px;color:var(--muted);justify-content:space-between;align-items:center;gap:22px;font-size:12px;display:flex}footer .brand-logo{height:50px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050308e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog-card{background:radial-gradient(circle at 100% 0,#9b4dff40,#0000 16rem),#15101e;border:1px solid #ffffff2b;border-radius:18px;width:min(520px,100%);padding:42px;position:relative;box-shadow:0 30px 100px #000000b3}.dialog-card:after{content:"";z-index:-1;pointer-events:none;border:1px dashed #ffffff14;border-radius:12px;position:absolute;inset:9px}.dialog-close{aspect-ratio:1;border:1px solid var(--line);width:40px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:50%;font-size:25px;line-height:1;position:absolute;top:15px;right:15px}.dialog-badge{width:max-content;color:var(--ink);background:var(--lime);letter-spacing:.08em;border-radius:5px;margin-bottom:20px;padding:8px 10px;font-size:10px;font-weight:900}.dialog-card h2{max-width:420px;font-size:clamp(38px,8vw,58px);line-height:.9}.dialog-card>p:not(.eyebrow){color:var(--muted);line-height:1.55}.dialog-card form{gap:15px;margin-top:26px;display:grid}.dialog-card label:not(.consent){color:#ddd6e7;gap:8px;font-size:12px;font-weight:900;display:grid}.dialog-card input:not([type=checkbox]){width:100%;height:50px;color:var(--cream);background:#ffffff0d;border:1px solid #ffffff21;border-radius:7px;outline:none;padding:0 15px}.dialog-card input:not([type=checkbox]):focus{border-color:var(--purple-bright);box-shadow:0 0 0 3px #9b4dff26}.dialog-card input[aria-invalid=true]{border-color:#ff6b7a}.consent{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;line-height:1.45;display:flex}.consent input{width:18px;height:18px;accent-color:var(--purple);flex:none}.form-status{color:#ff8490;min-height:18px;margin:0;font-size:12px}.form-status.is-success{color:#74ff9b}.qr-dialog-card{text-align:center}.qr-dialog-card .eyebrow{justify-content:center}.qr-code{aspect-ratio:1;color:#111;background:#fff;border:12px solid #fff;border-radius:12px;place-items:center;width:min(260px,80vw);margin:28px auto 20px;display:grid;overflow:hidden}.qr-code svg,.qr-code canvas{width:100%!important;height:100%!important}.qr-code span{color:#111;font:900 68px/1 monospace}#game-shell,#game-container{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}#game-shell{z-index:200;overscroll-behavior:none;contain:layout paint size;background:radial-gradient(circle at 50% 35%,#17395c 0,#07162f 55%,#030812 100%);height:100dvh;min-height:100%;position:fixed;inset:0}#game-container{place-items:center;display:grid;position:absolute;inset:0}#game-container canvas{image-rendering:pixelated;touch-action:none;outline:none;margin:auto;display:block;box-shadow:0 0 42px #00000061}#exit-game,#fullscreen-game{aspect-ratio:1;width:42px;top:max(10px, env(safe-area-inset-top));z-index:45;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.78;background:#050a1861;border:1px solid #ffffff57;border-radius:50%;font-size:24px;line-height:1;transition:opacity .16s,transform .16s,background .16s;position:fixed;box-shadow:0 8px 22px #00000038}#exit-game{right:max(10px, env(safe-area-inset-right))}#fullscreen-game{right:max(62px, calc(env(safe-area-inset-right) + 62px));font-size:19px}#exit-game:hover,#fullscreen-game:hover,#exit-game:focus-visible,#fullscreen-game:focus-visible{opacity:1;background:#091126c2;transform:scale(1.05)}body.game-immersive #fullscreen-game{opacity:1;color:var(--lime);background:#162f1eb8;border-color:#c9ff38b3}#orientation-lock{z-index:50;text-align:center;color:#fff5ce;background:radial-gradient(circle at 50% 32%,#183d61,#07162f 64%);place-content:center;justify-items:center;gap:12px;padding:28px;font-weight:900;display:none;position:fixed;inset:0}#orientation-lock b{color:var(--lime);font-size:clamp(58px,18vw,110px);line-height:.8}#orientation-lock span{text-transform:uppercase;font:900 clamp(23px,7vw,38px)/1 Arial Black,sans-serif}#orientation-lock small{color:#ffffffb3;max-width:320px;font-size:clamp(13px,4vw,17px);line-height:1.45}#touch-controls{pointer-events:none;z-index:20;padding:10px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:flex-end;gap:18px;display:none;position:fixed;inset:0}.touch-cluster{flex:none;align-items:flex-end;gap:clamp(5px,1vw,9px);display:flex}.touch-actions{opacity:.66;justify-items:end;gap:5px;width:150px;transition:opacity .12s;display:grid}.touch-actions:focus-within{opacity:1}.touch-actions:has(button.is-pressed){opacity:1}.touch-utilities,.touch-primary{justify-content:flex-end;align-items:flex-end;gap:5px;display:flex}#touch-controls button{pointer-events:auto;color:#fffffff0;text-shadow:0 2px 5px #000c;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05142e5c;border:1.5px solid #ffffff7a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:58px;min-width:44px;height:58px;min-height:44px;font:900 19px/1 inherit;transition:transform 80ms,background 80ms,border-color 80ms,opacity 80ms;display:inline-flex;box-shadow:0 7px 20px #0000003d,inset 0 0 14px #5ce7ff1f}#touch-controls button:after{content:attr(data-label);letter-spacing:.03em;opacity:.78;font-size:7px;line-height:1}#touch-controls button.small{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05142e29;border-color:#ffffff4d;border-radius:11px;width:34px;min-width:34px;height:34px;min-height:34px;font-size:11px;box-shadow:0 4px 12px #00000029}#touch-controls button.primary-action{background:#2a44182e;border-color:#c9ff387a;width:52px;height:52px}#touch-controls button.attack{background:#541e1233;border-color:#ff7a2d85}#touch-controls button.dash{color:#fff1a0;background:#522a122b;border-color:#ffd94970}#touch-controls button.is-pressed{background:#9b4dffc7;border-color:#fff;transform:translateY(3px)scale(.94);box-shadow:0 2px 8px #0000004d,inset 0 0 18px #fff3}@media (max-width:920px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-stats{justify-content:center}.hero-lead{margin-inline:auto}.hero-stage{width:min(570px,100%);margin:-10px auto 0}.games-grid{grid-template-columns:1fr}.game-card-soon{min-height:330px}.how-section{gap:38px}}@media (max-width:680px){.site-header,.hero,.games-section,.how-section,footer{width:min(100% - 26px,1180px)}.site-header{min-height:70px}.brand-logo{height:46px}.site-header .button{display:none}.hero{gap:10px;min-height:0;padding-block:58px 60px}h1{font-size:clamp(45px,15vw,65px)}.hero-lead{font-size:15px}.hero-actions .button{width:100%}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:38px}.hero-stats span{padding:0 12px}.hero-stage{transform-origin:top;height:385px;margin-bottom:-28px;transform:scale(.92)}.stage-glow{width:300px;height:300px}.character-gabito{width:190px;height:285px;top:34px;left:4%}.character-capitan{width:170px;height:255px;top:90px;right:1%}.tag-online{top:20px;right:1%}.tag-device{bottom:18px;left:3%}.games-section{padding-block:76px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.game-card-featured{grid-template-columns:1fr}.game-art{min-height:310px}.game-art:after{background:linear-gradient(180deg, transparent 60%, var(--panel))}.game-info{padding:28px 24px 30px}.game-cta-row{flex-direction:column;align-items:stretch}.device-note{text-align:center}.how-section{grid-template-columns:1fr;padding-block:72px}.qr-preview{width:min(320px,100%);margin-inline:auto}footer{text-align:center;flex-direction:column;justify-content:center;min-height:170px}.dialog-backdrop{align-items:start;padding:12px}.dialog-card{margin-block:12px;padding:34px 22px 24px}}@media (pointer:coarse),(max-width:900px){#touch-controls.gameplay-active{display:flex}}@media (max-height:440px) and (orientation:landscape){#touch-controls{padding-block:7px max(7px, env(safe-area-inset-bottom));gap:10px}#touch-controls button{width:52px;height:52px;font-size:17px}#touch-controls button.small{width:32px;min-width:32px;height:32px;min-height:32px;font-size:10px}#touch-controls button.primary-action{width:50px;height:50px}#touch-controls button:after{font-size:6.5px}}@media (max-width:760px) and (orientation:landscape){#touch-controls{padding-inline:max(7px, env(safe-area-inset-left)) max(7px, env(safe-area-inset-right))}#touch-controls button{width:48px;height:48px}#touch-controls button.small{width:30px;min-width:30px;height:30px;min-height:30px}#touch-controls button.primary-action{width:48px;height:48px}.touch-actions{width:135px}}@media (orientation:portrait) and (pointer:coarse){body.game-open #orientation-lock{display:grid}#touch-controls{display:none!important}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}