@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1014;--mint:#a5f4ca;--text:#f2f7f5;--muted:#9aa9ad;--border:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1320px;padding-left:40px;padding-right:40px;margin:auto}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:800;letter-spacing:-.8px;line-height:1.2;flex-shrink:0}.brand-light{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-top:7px;font-weight:600}.brand-gem{display:block;width:26px;height:40px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:conic-gradient(from 20deg,var(--mint),#2e946f,var(--mint),#dbffe9)}nav{display:flex;gap:32px;font-size:12px;font-weight:600;color:#b0bfc1}nav a:hover,.text-link:hover{color:var(--mint)}.header-download{border:1px solid #a5f4ca33;border-radius:30px;display:flex;align-items:center;gap:18px;padding:11px 19px;font-size:11px;font-weight:700;background:#a5f4ca08}.header-download svg{width:16px;height:16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:680px;padding-top:75px;padding-bottom:100px;position:relative}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:800;color:var(--mint);display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block;box-shadow:0 0 10px #a5f4ca77;flex-shrink:0}h1{font-size:clamp(42px,4.6vw,67px);line-height:1.1;letter-spacing:-3.5px;font-weight:800;margin:25px 0}h1 em{font-style:normal;color:var(--mint)}.lead{max-width:445px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.download-button{display:flex;align-items:center;justify-content:center;gap:13px;padding:17px 20px;border:1px solid #d5ffe6;border-radius:15px;background:linear-gradient(115deg,#b6ffd6,#8de8c1);color:#10291f;font-size:14px;font-weight:800;line-height:1.4;box-shadow:0 7px 28px #69e6ad19,inset 0 1px #fff8;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.download-button:hover{transform:translateY(-3px);box-shadow:0 10px 38px #69e6ad35}.download-button:active{transform:translateY(0)}.download-button small{display:block;font-size:8px;font-weight:600;margin-top:4px;opacity:.7}.download-icon{display:grid;place-items:center;border-right:1px solid #123f2725;padding-right:12px}.download-icon svg{width:21px;height:21px}.button-arrow{width:20px;height:20px;margin-left:8px}.text-link{font-size:11px;font-weight:600}.text-link span{color:var(--mint);margin-left:9px}.download-meta{display:flex;gap:19px;margin-top:20px;color:#7f949a;font-size:9px}.download-meta span{display:flex;gap:5px;align-items:center}.download-meta svg{width:12px;height:12px;color:var(--mint)}.hero-visual{position:relative;isolation:isolate;min-width:0;height:480px;display:flex;align-items:center}.hero-visual:before{content:'';position:absolute;inset:0 -25px;background:radial-gradient(ellipse,#4fc19829,transparent 66%);z-index:-1}.game-frame{height:400px;width:100%;position:relative;border-radius:110px 24px 100px 24px;overflow:hidden;background:#348c3a;border:1px solid #befbd249;transform:rotate(-3deg);box-shadow:0 30px 90px #0007}.hero-image{width:100%;height:100%;object-fit:cover;object-position:49% center;transform:scale(1.14) rotate(3deg)}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081a16ec,transparent 40%)}.frame-label{position:absolute;bottom:27px;left:30px;color:#b5e1c9;font-size:8px;font-weight:700;letter-spacing:1.8px}.frame-label .status-dot{margin-right:8px}.float-note{position:absolute;bottom:0;left:-30px;right:25px;display:flex;align-items:center;gap:14px;background:#17252be8;border:1px solid #b4f9ce2a;border-radius:16px;backdrop-filter:blur(18px);padding:18px 20px;box-shadow:0 15px 40px #0004;font-size:12px;font-weight:700;animation:float 6s ease-in-out infinite}.float-note small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.note-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#a5f4ca12;color:var(--mint)}.note-icon svg{width:21px;height:21px}.note-check{margin-left:auto;width:23px;height:23px;border-radius:50%;background:var(--mint);color:#0a3422;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #a5f4ca15;border-radius:50%;width:490px;height:490px;top:0;left:10px;z-index:-1}.orbit-two{width:560px;height:560px;top:-35px;left:-25px;border-style:dashed;opacity:.4}.visual-star{position:absolute;color:#b8f9cf;font-size:40px;z-index:2}.star-one{top:-8px;right:25px}.star-two{bottom:88px;left:-24px;font-size:23px}.floating-gem{position:absolute;right:8px;bottom:75px;width:43px;height:85px;filter:drop-shadow(0 0 18px #a5f4ca90);animation:float 5s ease-in-out infinite}.floating-gem i,.floating-gem b{position:absolute;inset:0;clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);background:linear-gradient(100deg,#b8ffe0,#58bc8c)}.floating-gem b{clip-path:polygon(50% 0,50% 100%,100% 45%);background:linear-gradient(160deg,#effff1,#267c5c)}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:26px;padding-bottom:26px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-strip>div{display:flex;gap:13px;align-items:center}.trust-strip svg{color:#a4cbb8;width:22px;height:22px}.trust-strip span{font-size:11px;font-weight:700}.trust-strip small{display:block;font-size:9px;font-weight:400;color:#768d94;margin-top:2px}.trust-strip .strip-version{font-size:9px;color:#8daba1}.collection-section{padding-top:110px;padding-bottom:65px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#17362c42,transparent 65%)}h2{font-size:38px;letter-spacing:-1.8px;line-height:1.2;margin:17px 0;font-weight:800}h2 span{color:#7c9296}.collection-heading,.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:70px}.collection-heading>p{color:var(--muted);max-width:370px;font-size:12px;line-height:1.9;margin-bottom:18px}.cover-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.pack{position:relative;min-width:0;aspect-ratio:2/3;overflow:hidden;border-radius:18px;border:1px solid #ffffff18;box-shadow:0 15px 30px #0003;transition:transform .25s,box-shadow .25s}.pack:hover{transform:translateY(-8px);box-shadow:0 15px 35px #6bf6b322}.pack img{width:100%;height:100%;object-fit:cover;display:block}.pack-overlay{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#081218f5);display:flex;flex-direction:column;justify-content:flex-end;padding:17px}.pack-overlay span{font-size:7px;color:#c7ded7;letter-spacing:1.4px}.pack h3{font-size:13px;margin:4px 0 0;line-height:1.4}.gallery-caption{font-size:9px;color:#71878e;margin-top:19px}.how-section{padding-top:65px;padding-bottom:100px}.section-head>p{font-size:12px;color:var(--muted);margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.steps article{padding-top:25px;border-top:1px solid #a5f4ca28}.step-number{display:flex;justify-content:space-between;color:#9fbcaf;font-size:11px;letter-spacing:2px}.step-number svg{color:#b8efcf;width:23px;height:23px}.steps h3{font-size:18px;letter-spacing:-.5px;margin:22px 0 10px}.steps p{color:var(--muted);font-size:12px;line-height:1.9;max-width:310px}.download-section{padding-bottom:100px}.download-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;border:1px solid #a5f4ca30;border-radius:28px;padding:50px 55px;background:radial-gradient(ellipse at 80% 0,#2d69594d,transparent 65%),linear-gradient(110deg,#14251f,#131d25)}.download-panel h2{font-size:42px}.download-panel>div>p{font-size:12px;color:#a3bdb5;line-height:1.9}.download-panel-action{min-width:300px;text-align:center}.download-panel-action p{margin:16px 0 4px;font-size:10px!important}.update-info{font-size:9px;color:#718f8c}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-bottom:100px}.faq-section>div>p{color:var(--muted);font-size:12px;line-height:2.2}.faq-section .text-link{color:var(--mint)}details{border-bottom:1px solid var(--border)}summary{list-style:none;cursor:pointer;padding:21px 0;font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;color:var(--mint);font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:11px;color:var(--muted);line-height:1.95;padding:0 25px 14px 0;margin:0}footer{border-top:1px solid var(--border);padding-top:30px;padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand{font-size:18px}.footer-top .brand small{font-size:6px}.footer-top .brand-gem{width:18px;height:30px}.footer-top>span{font-size:10px;color:#79908c}.footer-top>a:last-child{font-size:10px;color:#b4c4be}footer>p{font-size:8px;color:#5f757d;max-width:750px;line-height:1.9;margin-top:28px}@keyframes float{50%{transform:translateY(-9px)}}
@media(min-width:1500px){.hero{min-height:740px}.hero-visual{height:510px}.game-frame{height:430px}}
@media(max-width:1050px){nav{gap:16px}.header-download{font-size:10px}.hero{gap:20px;min-height:620px}.hero-visual{height:390px}.game-frame{height:330px}.float-note{left:-12px;right:0;padding:15px 13px}.visual-orbit{width:350px;height:350px;top:25px}.orbit-two{width:420px;height:420px;top:-10px}.hero .text-link{display:none}.hero-copy h1{font-size:49px}.trust-strip .strip-version{display:none}.pack-overlay{padding:12px}.pack h3{font-size:11px}.download-panel{padding:35px}.faq-section{gap:50px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:85px}.brand{font-size:19px}.brand small{font-size:6px}.brand-gem{width:21px;height:33px}.site-header nav{display:none}.header-download{font-size:0;padding:10px}.header-download svg{width:19px;height:19px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:49px;padding-bottom:45px;gap:35px;overflow:hidden}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-copy h1{font-size:49px;letter-spacing:-2.7px;max-width:500px;margin-top:20px}.lead{font-size:13px;max-width:400px}.download-button{padding:16px 18px;font-size:13px;max-width:360px}.hero-visual{height:340px;width:100%;max-width:500px;align-self:center;margin-top:10px}.game-frame{height:290px;border-radius:65px 20px 65px 20px}.float-note{bottom:0;left:5px;right:5px}.visual-star.star-one{top:0;right:4px}.floating-gem{right:0;bottom:60px;width:32px;height:65px}.frame-label{font-size:6px}.trust-strip{gap:20px;flex-wrap:wrap;padding-top:24px;padding-bottom:24px}.trust-strip>div{width:calc(50% - 10px)}.trust-strip>div:last-of-type{display:none}.trust-strip span{font-size:10px}.trust-strip small{font-size:8px}.trust-strip svg{width:19px}.collection-section{padding-top:60px;padding-bottom:25px}.collection-heading,.section-head{display:block}h2{font-size:31px;letter-spacing:-1.3px}.collection-heading>p{font-size:12px;max-width:420px}.cover-grid{gap:12px;overflow-x:auto;grid-template-columns:repeat(5,160px);padding-top:10px;padding-bottom:17px;scroll-snap-type:x mandatory;scrollbar-width:thin}.pack{scroll-snap-align:start;border-radius:13px}.pack h3{font-size:12px}.gallery-caption{font-size:8px}.how-section{padding-top:40px;padding-bottom:50px}.section-head>p{font-size:11px}.steps{display:block;margin-top:25px}.steps article{padding:23px 0 13px}.steps h3{margin-top:12px;font-size:18px}.steps p{max-width:100%;font-size:12px}.download-section{padding-bottom:55px}.download-panel{display:block;padding:29px 24px;border-radius:22px}.download-panel .eyebrow{font-size:7px}.download-panel h2{font-size:33px}.download-panel-action{min-width:0;margin-top:27px}.download-panel-action .download-button{max-width:none}.faq-section{display:block;padding-bottom:50px}.faq-list{margin-top:25px}summary{font-size:12px;padding:20px 0}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>span{display:none}footer>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.tutorial-section{padding-top:90px;padding-bottom:5px}.tutorial-section .section-head{margin-bottom:30px}.motion-player{position:relative;border-radius:24px;overflow:hidden;border:1px solid #a5f4ca2b;background:#101b20;box-shadow:0 24px 75px #0004;line-height:0}.motion-player video{width:100%;aspect-ratio:16/9;display:block}.tutorial-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:15px;background:#08101228;border:0;color:#f2f8f5;font:700 15px Manrope,'Segoe UI',sans-serif;cursor:pointer;text-align:left;text-shadow:0 2px 15px #000;transition:background .2s}.tutorial-play:hover{background:#0810120a}.tutorial-play[hidden]{display:none}.play-circle{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#a5f4ca;color:#143526;font-size:20px;padding-left:3px;box-shadow:0 0 0 10px #a5f4ca12,0 0 40px #a5f4ca33;transition:transform .2s}.tutorial-play:hover .play-circle{transform:scale(1.08)}.tutorial-play small{font-size:10px;display:block;font-weight:400;margin-top:6px;color:#c6dfd6}.tutorial-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.tutorial-chapters button{display:flex;align-items:center;gap:11px;border:1px solid #a5f4ca15;border-radius:11px;background:#121c20;color:#c4d8d0;padding:13px 14px;font:600 11px Manrope,'Segoe UI',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.tutorial-chapters button:hover{background:#a5f4ca14;border-color:#a5f4ca50}.tutorial-chapters button span{font-size:9px;color:#709f8c}.tutorial-footnote{font-size:10px;color:#78918a;line-height:1.8;margin:17px 0 6px}.tutorial-transcript summary{font-size:11px;color:#a7bdb4;padding:15px 0}.tutorial-transcript ol{font-size:12px;line-height:1.9;color:#a1b3b9;padding:0 20px 16px}.tutorial-transcript li{padding:5px 0}.tutorial-transcript strong{color:#cde7d9}.tutorial-play:focus-visible,.tutorial-chapters button:focus-visible{outline:2px solid #a5f4ca;outline-offset:-5px}
@media(max-width:760px){.tutorial-section{padding-top:50px}.tutorial-section .section-head{margin-bottom:22px}.motion-player{border-radius:14px}.tutorial-play{gap:10px;font-size:11px}.play-circle{width:44px;height:44px;font-size:14px;box-shadow:0 0 0 6px #a5f4ca12}.tutorial-play small{font-size:8px}.tutorial-chapters{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.tutorial-chapters button{font-size:10px;padding:11px 8px;gap:8px}.tutorial-footnote{font-size:9px}.tutorial-transcript summary{font-size:10px}.tutorial-transcript ol{font-size:11px}}

.tutorial-chapters{grid-template-columns:repeat(3,1fr)}.warning-guide{border:1px solid #c9a86a38;background:#181b1c;border-radius:14px;margin-top:18px;padding:0 21px}.warning-guide>summary{color:#e7c48b;font-size:12px;border:0}.warning-guide summary span{color:#e7c48b}.warning-intro{color:#a9b8b3;font-size:12px;line-height:1.9;margin:0 0 25px}.warning-intro strong{color:#ead4b1}.warning-intro a,.warning-help a,.faq-list p a{color:#a5f4ca;text-decoration:underline;text-underline-offset:3px}.warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.warning-grid article{min-width:0;border-top:1px solid #ffffff14;padding-top:20px}.warning-grid h3{font-size:16px;margin:10px 0 18px}.warning-grid img{display:block;max-width:100%;width:auto;max-height:250px;height:auto;object-fit:contain;object-position:left;border:1px solid #ffffff18;border-radius:9px}.warning-grid ol{padding-left:19px;color:#b7c5bf;font-size:12px;line-height:1.9}.warning-grid li{padding:4px 0}.warning-grid strong{color:#e6ede8}.warning-jump{color:#a5f4ca;border:1px solid #a5f4ca30;border-radius:8px;background:#a5f4ca09;padding:10px 14px;cursor:pointer;font:600 11px Manrope,'Segoe UI',sans-serif}.warning-jump:hover{background:#a5f4ca19}.warning-help{font-size:11px!important;line-height:1.9!important;padding:23px 0!important;margin-top:10px!important;color:#a7b8af!important}.warning-jump:focus-visible{outline:2px solid #a5f4ca;outline-offset:4px}
@media(max-width:760px){.warning-guide{padding:0 14px}.warning-guide>summary{font-size:11px}.warning-grid{display:block}.warning-grid article{margin-bottom:25px}.warning-grid img{max-height:270px}.warning-intro,.warning-grid ol{font-size:11px}.warning-grid h3{font-size:14px}.tutorial-chapters{grid-template-columns:repeat(3,1fr)}}