@font-face{font-family:KOT Pixel;src:url(/fonts/KOT-Pixel.otf)format("opentype");font-display:swap}:root{--bg:#0b0612;--bg2:#130a20;--panel:#1a0f2c;--line:#3a2a55;--text:#ece8f6;--muted:#a9a2c0;--gold:#f4c542;--orange:#ff8a22;--red:#ef4b2a;--cyan:#33d6ff;--blue:#1f9be6;--purple:#9b5cff;--green:#3ddc6a;--pixel:"KOT Pixel", ui-monospace, "Consolas", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:14px;--gutter:clamp(16px, 4vw, 40px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}b,strong{color:#fff}.pixel,.sprite img,.tile img,.rail img,.arena img,.mode img{image-rendering:pixelated}.topbar{z-index:50;height:64px;padding:0 var(--gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0612b8;border-bottom:1px solid #9b5cff40;align-items:center;gap:20px;display:flex;position:fixed;inset:0 0 auto}.topbar__logo img{width:132px;height:auto}.topbar__nav{font:14px var(--pixel);letter-spacing:1px;gap:22px;margin-left:auto;display:flex}.topbar__nav a{color:var(--muted);text-decoration:none;transition:color .15s}.topbar__nav a:hover{color:var(--gold)}.btn{--c:var(--gold);cursor:pointer;font:16px var(--pixel);letter-spacing:1px;color:#0b0612;background:var(--c);box-shadow:0 4px 0 color-mix(in srgb, var(--c) 55%, #000), 0 0 26px color-mix(in srgb, var(--c) 45%, transparent);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 55%, #000);transform:translateY(2px)}.btn--small{white-space:nowrap;margin-left:8px;padding:9px 14px;font-size:13px}.price-tag{white-space:nowrap}.btn--android{--c:var(--green)}.btn--windows{--c:var(--cyan)}.btn--purple{--c:var(--purple);color:#fff}.price-tag{background:#0000002e;border-radius:5px;padding:2px 6px}.btn__icon{border:3px solid;border-radius:3px;width:18px;height:18px}.btn__icon--phone{border-radius:4px;width:22px;height:14px}.btn__icon--pc{border-bottom-width:5px;width:22px;height:16px}.hero{padding:96px var(--gutter) 0;position:relative;overflow:hidden}.hero__bg{z-index:-1;background:radial-gradient(60% 50% at 20% 10%, #ef4b2a47, transparent 70%), radial-gradient(60% 50% at 80% 10%, #1f9be647, transparent 70%), radial-gradient(80% 60% at 50% 100%, #9b5cff40, transparent 70%), var(--bg);position:absolute;inset:0}.hero__inner{text-align:center;justify-items:center;gap:34px;max-width:1120px;margin:0 auto;display:grid}.screen{aspect-ratio:16/9;background:#000;border:3px solid #2a1f40;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 6px #120a1f,0 0 60px #9b5cff59,0 30px 80px #0009}.screen__video{object-fit:cover;width:100%;height:100%;display:block}.screen__scan{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px);position:absolute;inset:0}.screen__sound{color:#fff;cursor:pointer;font:13px var(--pixel);letter-spacing:1px;background:#0b0612b3;border:2px solid #ffffff8c;border-radius:9px;align-items:center;gap:8px;padding:9px 13px;display:flex;position:absolute;bottom:14px;right:14px}.screen__sound-icon{clip-path:polygon(0 30%,35% 30%,75% 0,75% 100%,35% 70%,0 70%);background:currentColor;width:14px;height:14px}.screen__sound[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.kicker{font:14px var(--pixel);letter-spacing:3px;color:var(--cyan);margin:0}.kicker--purple{color:var(--purple)}.hero__title{margin:0}.hero__title img{filter:drop-shadow(0 10px 30px #0009);width:min(560px,86vw);height:auto}.hero__copy{justify-items:center;gap:18px;display:grid}.hero__lead{color:#d9d3ea;max-width:640px;margin:0;font-size:clamp(17px,2.2vw,20px)}.hero__price{justify-items:center;line-height:1.1;display:grid}.hero__price-from{font:13px var(--pixel);color:var(--muted);letter-spacing:2px}.hero__price-value{font:clamp(46px, 8vw, 72px) var(--pixel);color:var(--gold);text-shadow:0 4px #7a5a10,0 0 30px #f4c54273}.hero__price-note{color:var(--muted);margin-top:6px;font-size:14px}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rail{margin:46px calc(-1 * var(--gutter)) 0;border-block:2px solid;border-image:linear-gradient(90deg, var(--red) 50%, var(--blue) 50%) 1;background:#00000059;padding:12px 0;overflow:hidden}.rail__track{gap:10px;width:max-content;animation:90s linear infinite rail;display:flex}.rail img{border-radius:6px;width:56px;height:56px}@keyframes rail{to{transform:translate(-50%)}}.stats{max-width:1120px;padding:46px var(--gutter);text-align:center;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 auto;display:grid}.stat{gap:6px;display:grid}.stat__n{font:clamp(40px, 7vw, 68px) var(--pixel);color:var(--gold);text-shadow:0 0 24px #f4c54259;line-height:1}.stat__l{font:13px var(--pixel);letter-spacing:2px;color:var(--muted)}.section{max-width:1180px;padding:70px var(--gutter);margin:0 auto}.title{text-align:center;font:clamp(28px, 5vw, 44px)/1.15 var(--pixel);letter-spacing:2px;color:#fff;margin:0 0 14px}.title span{color:var(--gold)}.section__lead{text-align:center;max-width:640px;color:var(--muted);margin:0 auto 36px}.why__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px;display:grid}.card{border-radius:var(--radius);background:linear-gradient(180deg, var(--panel), var(--bg2));border:1px solid var(--line);padding:22px}.card h3{font:18px var(--pixel);letter-spacing:1px;color:var(--gold);margin:0 0 8px}.card p{color:#cfc8e0;margin:0;font-size:15px}.modes__grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;display:grid}.mode{border-radius:var(--radius);border:2px solid var(--line);background:#000;grid-column:span 2;margin:0;position:relative;overflow:hidden}.mode--big{grid-column:span 4}.mode img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%;transition:transform .4s}.mode:hover img{transform:scale(1.04)}.mode figcaption{background:linear-gradient(#0000,#05030aeb);gap:2px;padding:40px 18px 14px;display:grid;position:absolute;inset:auto 0 0}.mode figcaption b{font:22px var(--pixel);letter-spacing:1px;color:var(--gold)}.mode figcaption span{color:#ddd6ee;font-size:14px}.select{gap:22px;display:grid}.select__panel{border-radius:var(--radius);background:var(--panel);border:2px solid var(--team,var(--line));box-shadow:0 0 40px color-mix(in srgb, var(--team,transparent) 30%, transparent);grid-template-columns:minmax(220px,340px) 1fr;align-items:stretch;gap:26px;padding:18px;transition:border-color .2s,box-shadow .2s;display:grid}.select__stage{background:#000 var(--arena,none) center / cover no-repeat;border-radius:10px;justify-content:center;align-items:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}.select__stage:after{content:"";background:linear-gradient(#0000 40%,#05030a8c);position:absolute;inset:0}.select__info{align-content:start;gap:8px;display:grid}.select__team{font:14px var(--pixel);letter-spacing:2px;color:var(--teamText,var(--gold));margin:0}.select__name{font:clamp(26px, 4.2vw, 42px)/1.1 var(--pixel);color:#fff;margin:0}.select__tagline{color:var(--muted);margin:0;font-size:14px}.select__special{flex-wrap:wrap;align-items:baseline;gap:10px;margin:6px 0 0;display:flex}.select__special span{font:12px var(--pixel);letter-spacing:2px;color:var(--muted)}.select__special b{font:20px var(--pixel);color:var(--cyan)}.select__desc{color:#d8d1ea;margin:0}.select__stats{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin:8px 0 0;display:grid}.select__stats dt{font:12px var(--pixel);letter-spacing:1px;color:var(--muted)}.select__stats dd{gap:5px;margin:0;display:flex}.select__stats i{background:#2a1f3a;border-radius:2px;width:30px;height:9px}.select__stats i.on{background:var(--red);box-shadow:0 0 8px #ef4b2a80}.sprite{aspect-ratio:196/200;position:relative;overflow:hidden}.sprite img{width:auto;max-width:none;height:100%;animation:idle var(--dur,.93s) steps(var(--frames,8)) infinite;position:absolute;top:0;left:0}@keyframes idle{to{transform:translate(-100%)}}.sprite--big{z-index:1;width:min(300px,80%);position:relative}.sprite--boss{filter:drop-shadow(0 0 30px #9b5cff99);width:min(420px,90%)}.select__grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.team{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 10%, var(--bg2));border-radius:10px;padding:8px}.team__name{font:11px var(--pixel);letter-spacing:1px;color:var(--cText,var(--c));margin:0 0 6px;display:block}.team__tiles{grid-template-columns:repeat(var(--cols,4), 58px);gap:6px;display:grid}.tile{cursor:pointer;outline-offset:1px;background:#000;border:0;border-radius:6px;outline:2px solid #0000;width:58px;height:58px;padding:0;transition:transform .12s,outline-color .12s;position:relative;overflow:hidden}.tile img{width:100%;height:100%}.tile:hover{z-index:1;outline-color:#ffffffb3;transform:translateY(-2px)scale(1.06)}.tile[aria-pressed=true]{outline:3px solid var(--gold);box-shadow:0 0 16px #f4c542b3}.tile--locked{cursor:default;font:22px var(--pixel);color:var(--purple);background:#160d26;place-items:center;display:grid}.tile--locked:hover{outline-color:#0000;transform:none}.team--secret{--c:var(--purple);border-style:dashed}.arenas__strip{scroll-snap-type:x mandatory;scrollbar-color:var(--purple) transparent;grid-auto-columns:min(420px,82vw);grid-auto-flow:column;gap:14px;padding:4px 4px 18px;display:grid;overflow-x:auto}.arena{scroll-snap-align:start;border:2px solid var(--line);border-radius:12px;margin:0;position:relative;overflow:hidden}.arena img{aspect-ratio:16/9;object-fit:cover;width:100%}.arena figcaption{background:linear-gradient(#0000,#05030ae6);padding:26px 12px 10px;position:absolute;inset:auto 0 0}.arena figcaption b{font:15px var(--pixel);letter-spacing:1px;color:#fff;display:block}.arena figcaption span{color:var(--muted);font-size:12px}.boss{background:radial-gradient(60% 80% at 30%,#9b5cff38,#0000 70%),linear-gradient(#0000,#0f0719 30% 70%,#0000);max-width:none}.boss__inner{grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:1120px;margin:0 auto;display:grid}.boss__art{justify-content:center;display:flex}.boss__copy{justify-items:start;gap:12px;display:grid}.boss__copy p{color:#d8d1ea;margin:0}.boss__name{font:clamp(36px, 6vw, 60px) var(--pixel);color:var(--purple);text-shadow:0 0 30px #9b5cff99;margin:0}.buy{scroll-margin-top:70px}.buy__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.plan{--c:var(--gold);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 12%, var(--panel)), var(--bg2));border:2px solid var(--c);box-shadow:0 0 40px color-mix(in srgb, var(--c) 22%, transparent);border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:30px 24px;display:flex}.plan--android{--c:var(--green)}.plan--windows{--c:var(--cyan)}.plan.is-picked{animation:1.2s ease-out pick}@keyframes pick{0%,30%{box-shadow:0 0 0 6px var(--c), 0 0 60px var(--c)}}.plan__head{justify-items:center;gap:4px;display:grid}.plan__head h3{font:30px var(--pixel);letter-spacing:2px;color:var(--c);margin:0}.plan__head p{color:var(--muted);margin:0;font-size:14px}.plan__icon{border:5px solid var(--c);border-radius:8px;width:54px;height:54px;margin-bottom:6px}.plan__icon--phone{border-radius:10px;width:64px;height:38px}.plan__icon--pc{border-bottom-width:11px;width:64px;height:44px}.plan__list{text-align:left;color:#d8d1ea;flex:1;align-content:start;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.plan__list li{padding-left:26px;position:relative}.plan__list li:before{content:"";border:3px solid var(--c);border-top:0;border-right:0;width:10px;height:6px;position:absolute;top:7px;left:4px;transform:rotate(-45deg)}.plan__price{font:58px/1 var(--pixel);color:#fff;margin:6px 0 0}.plan__price small{color:var(--muted);margin-right:6px;font-size:24px}.plan a.btn.btn--buy.hotmart-fb{--c:var(--gold);letter-spacing:1px;text-transform:none;width:100%;height:auto;margin:0;padding:18px;text-decoration:none;font:18px var(--pixel)!important;text-shadow:none!important;color:#0b0612!important;background:var(--c)!important;border:0!important;border-radius:10px!important;box-shadow:0 4px #7a5a10,0 0 26px #f4c54273!important}.plan__alt{color:var(--muted);font-size:13px}.buy__note{text-align:center;max-width:680px;color:var(--muted);margin:26px auto 0;font-size:14px}.faq__list{gap:10px;max-width:820px;margin:30px auto 0;display:grid}.faq details{border:1px solid var(--line);background:var(--panel);border-radius:12px}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:20px var(--pixel);color:var(--gold)}.faq details[open] summary:after{content:"−"}.faq details p{color:#d0c9e2;margin:0;padding:0 18px 16px}.footer{padding:40px var(--gutter) 40px;text-align:center;border-top:1px solid var(--line);color:var(--muted);justify-items:center;gap:6px;font-size:14px;display:grid}.footer img{width:180px;height:auto;margin-bottom:8px}.footer p{margin:0}.footer__small{max-width:560px;font-size:12px}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(18px)}.reveal.on{opacity:1;transform:none}@media (width<=860px){.topbar__nav{display:none}.topbar .btn--small{margin-left:auto}.stats{grid-template-columns:repeat(2,1fr);padding-block:36px}.modes__grid{grid-template-columns:1fr}.mode,.mode--big{grid-column:auto}.select__panel{grid-template-columns:1fr}.select__stage{min-height:240px}.boss__inner{grid-template-columns:1fr}.boss__copy{text-align:center;justify-items:center}.buy__grid{grid-template-columns:1fr}.section{padding-block:54px}}@media (width<=420px){.topbar{gap:10px}.topbar__logo img{width:110px}.btn--small{gap:6px;padding:8px 10px;font-size:12px}.kicker{letter-spacing:1px;font-size:12px}.team__tiles{grid-template-columns:repeat(var(--cols,4), 52px)}.tile{width:52px;height:52px}.hero__ctas .btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail__track,.sprite img{animation:none}.reveal{opacity:1;transition:none;transform:none}}