@font-face{font-family:Arcade;src:url('../assets/luta-arcade.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#07121e;color:#edf3f5;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid #70e5d5;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid #293442}.brand{display:inline-flex;flex-direction:column;font:italic 28px/.93 Arcade,monospace;transform:rotate(-4deg);color:#ffdc3c;letter-spacing:-1px}.brand em{color:#58da83;font-style:inherit}.nav nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav nav>a:not(.button){color:#afbecb}.nav nav>a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#ffdd43;color:#111b20;border:1px solid #ffdd43;padding:17px 25px;font-weight:800;border-radius:5px;box-shadow:0 4px 0 #af8823;transition:transform .18s,background .18s}.button span{font-size:25px;line-height:1}.button:hover{background:#ffe985;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:14px;box-shadow:none}.button.large{font-size:18px;padding:19px 27px}.button.outline{background:transparent;border:1px solid #6d8798;color:#f2f6f7;box-shadow:none}.button.outline:hover{background:#153343}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:center;padding-block:80px 86px}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.06;letter-spacing:-4px;margin:0 0 26px;font-weight:850}.hero h1 span{color:#ffda40}.hero-copy>p{font-size:19px;max-width:440px;color:#b2c3d0;line-height:1.65;margin:0 0 32px}.free-note{display:flex;gap:12px;align-items:center;color:#91a8b9;font-size:13px;margin-top:22px}.free-note span{font-size:11px;color:#63e4a0;letter-spacing:1px;border:1px solid #32704e;padding:3px 7px}.hero-visual{position:relative;transform:rotate(-2deg);border:1px solid #3e5d70;border-radius:9px;background:#03101b;box-shadow:20px 24px 0 #030d1699,0 0 80px #1684a52a}.hero-visual canvas{display:block;width:100%;aspect-ratio:16/9;image-rendering:pixelated}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;font-size:11px;letter-spacing:1px;color:#b3cedd}.screen-top span:last-child{color:#78d9a1}.screen-bottom{letter-spacing:0;font-size:12px}.screen-bottom button{color:#ffdd43;background:transparent;border:0;font-size:12px}.pixel-stamp{position:absolute;bottom:-40px;right:26px;background:#ffdb3c;color:#07121e;width:104px;height:104px;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(10deg);font:25px/1.4 Arcade,monospace;border:6px solid #07121e;box-shadow:3px 3px #ffdb3c}.pixel-stamp b{font:10px Arcade,monospace}.facts{border-block:1px solid #293442;background:#0c1b2a}.facts>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:20px;gap:24px;font-size:13px;color:#bacbd8}.facts b{font:24px Arcade,monospace;color:#fff;margin-right:10px}.facts i{font-style:normal;color:#ffd83e;margin:0 10px}.characters{padding-block:85px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.14;letter-spacing:-1.7px;margin:0;font-weight:800}h2 span{color:#8ba5b9}.section-head>p{color:#9fb3c3;margin:0;font-size:16px}.character-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.character-card{color:#bdd0de;position:relative;border:1px solid #2b4659;border-radius:4px;overflow:hidden;background:linear-gradient(150deg,#132f44,#0a1725);padding:0;transition:transform .18s,border-color .18s}.character-card:hover{transform:translateY(-5px);border-color:#839cac}.character-card.selected{border-color:#ffdf44;box-shadow:0 0 0 2px #ffdf44}.character-card canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.character-card span{display:block;padding:12px 3px;font-size:12px;font-weight:700;border-top:1px solid #1b384d}.character-card.selected span{color:#07121e;background:#ffdf44}.character-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #273d4d;padding:26px 0}.character-detail strong{font-size:22px}.character-detail p{color:#acbdcb;margin:6px 0 0;font-size:16px}.text-link{color:#ffdf44;font-weight:700;white-space:nowrap}.how-section{background:#0c1c2b;padding-block:80px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.how-grid>div>p{color:#b7c8d4}.how-grid h2 span{color:#5dddab}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:22px;border-bottom:1px solid #294052;padding-bottom:24px;margin-bottom:24px}.steps li:last-child{margin-bottom:0;border:0}.steps li>span{font:25px Arcade;color:#ffdb45;padding-top:6px}.steps h3{font-size:21px;margin:0 0 6px}.steps p{color:#a5bacb;margin:0}.keys{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid #294052;padding-top:25px;margin-top:30px;color:#95b0c4;font-size:13px}kbd{background:#18374d;border:1px solid #52718a;box-shadow:0 3px #020d15;border-radius:3px;padding:5px 7px;margin:0 4px;color:#fff;font:13px monospace}.share-section{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-block:85px;position:relative}.share-section h2 span{color:#ffda40}.share-section p{max-width:540px;color:#a8becd;font-size:18px}.share-section .honest-note{font-size:13px;color:#839eaf}.share-section .button{flex-shrink:0}#share-status{position:absolute;right:0;bottom:34px;font-size:13px;color:#5fe4b0}.last-call{text-align:center;padding:80px 0;background:radial-gradient(ellipse at bottom,#254537 0,transparent 64%),#0d202c;border-block:1px solid #32483d}.last-call p{color:#a7c6ba}.last-call h2{font-size:clamp(50px,6vw,80px);margin-bottom:30px;letter-spacing:-3px}.last-call h2 span{color:#ffda43}.faq{padding-block:70px}.faq h2{font-size:30px;margin-bottom:25px}.faq details{border-bottom:1px solid #2b3c4b;padding:20px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:700}.faq details p{max-width:820px;color:#a2bacb;line-height:1.7}.footer{display:flex;gap:28px;align-items:center;justify-content:space-between;border-top:1px solid #2a3c4b;padding-block:35px}.footer p{font-size:12px;color:#99aaba}.footer small{color:#708b9f}.footer>a:last-child{font-size:13px;color:#e3c958}.hidden{display:none!important}@media(max-width:950px){.hero{gap:25px}.hero h1{font-size:54px;letter-spacing:-3px}.screen-top span:last-child{display:none}.how-grid{gap:40px}.facts>.wrap{flex-wrap:wrap}.facts>.wrap>span{width:44%}.character-grid{gap:7px}.character-card span{font-size:10px}.share-section{gap:24px}.hero-copy>p{font-size:17px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{padding-block:20px}.nav nav>a:not(.button){display:none}.brand{font-size:24px}.hero{grid-template-columns:1fr;padding-block:48px 68px;gap:40px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-copy>p{font-size:18px;max-width:500px}.hero-visual{margin:0 7px}.pixel-stamp{width:85px;height:85px;bottom:-30px;right:10px;font-size:20px}.pixel-stamp b{font-size:8px}.facts>.wrap{gap:18px 10px;font-size:12px}.facts b{font-size:20px}.section-head{display:block}.section-head>p{margin-top:20px}.characters{padding-block:55px}.character-grid{grid-template-columns:repeat(4,1fr);gap:10px}.character-card span{font-size:10px;padding:9px 1px}.character-detail{display:block}.character-detail p{font-size:15px}.character-detail a{display:inline-block;margin-top:18px}.how-section{padding-block:55px}.how-grid{grid-template-columns:1fr;gap:30px}.how-grid h2 br:first-child{display:none}.keys{gap:20px;font-size:11px}.share-section{padding-block:55px;display:block}.share-section .button{margin-top:12px}#share-status{position:static}.last-call{padding-block:55px}.faq{padding-block:50px}.footer{flex-wrap:wrap;gap:20px}.footer p{max-width:250px}.footer>a:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
