@font-face{font-family:"Titan One";src:url("assets/fonts/titan-one.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("assets/fonts/baloo-2-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("assets/fonts/baloo-2-semibold.ttf") format("truetype");font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--bg:#120024;--surface:#260c46;--white:#fff9ff;--muted:#cdb7de;--purple:#f0b1ff;--gold:#fec92d;--mint:#44ffd7;--line:#f0b1ff30;--display:"Titan One",sans-serif;--body:"Baloo 2",sans-serif;font-family:var(--body);font-size:16px;color:var(--white);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse 600px 500px at 85% 12%,#88149440,transparent),radial-gradient(ellipse 550px 600px at 0 27%,#46287640,transparent),var(--bg)}
a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p{margin-top:0}p{line-height:1.55}h1,h2,h3{font-family:var(--display);font-weight:400}h1 em,h2 em{font-style:normal;color:var(--gold)}.wrap{width:calc(100% - 112px);max-width:1180px;margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;padding:16px;background:var(--gold);color:var(--bg);z-index:10}.skip-link:focus{top:12px}
.header{height:110px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{width:148px;flex-shrink:0}.header nav{display:flex;align-items:center;gap:32px;color:var(--purple);font-weight:600;font-size:17px}.header nav a{padding:12px 0}.header nav a:hover,.footer a:hover{color:var(--gold)}.android-label{font-size:14px;color:#c9a8dc}
.hero{display:grid;grid-template-columns:1fr 1.08fr;grid-template-rows:auto auto;align-content:center;column-gap:32px;min-height:570px;padding:45px 0 60px}.hero-copy{align-self:end;position:relative;z-index:1}.eyebrow{font-weight:600;letter-spacing:.13em;font-size:13px;line-height:1.5;color:var(--purple);margin-bottom:17px}h1{font-size:clamp(3.6rem,5.5vw,5rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:24px;text-shadow:0 5px 0 #380452}.intro{font-size:20px;line-height:1.55;color:#ead8f5;margin-bottom:25px}.hero-action{position:relative;z-index:1}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:64px;border:2px solid #071c24;border-radius:40px;padding:17px 30px;color:#003739;font-family:var(--display);font-weight:400;font-size:20px;text-align:center;background:repeating-linear-gradient(0deg,#002d3620 0 1px,transparent 1px 5px),linear-gradient(#44ffd7,#00d18f);box-shadow:0 6px 0 #007f68,0 11px 27px #00d18f20,inset 0 2px 0 #baffef;transition:transform .18s,box-shadow .18s}.download-button:hover{transform:translateY(-3px);box-shadow:0 9px 0 #007f68,0 14px 35px #00d18f35,inset 0 2px 0 #baffef}.download-button:active{transform:translateY(3px);box-shadow:0 3px 0 #007f68}.button-arrow{font-family:system-ui,sans-serif;font-weight:700;font-size:26px;line-height:1}.download-meta{font-size:14px;color:#c6aad8;margin:18px 0 4px}.download-meta>span:not([data-file-size]){margin:0 6px;color:#795d94}.device-note{font-size:14px;color:#c6aad8;max-width:360px;margin:0}.download-status{color:var(--gold);font-size:14px;max-width:380px;margin:10px 0 0}.download-status:empty{display:none}
.hero-games{grid-column:2;grid-row:1/3;display:flex;align-items:center;align-self:center;position:relative;min-width:0;padding:20px 0 62px;isolation:isolate}.hero-games:before{content:"";position:absolute;inset:0 -12px 35px;background:radial-gradient(ellipse at 30% 40%,#e824bf33,transparent 65%),radial-gradient(ellipse at 80% 70%,#ffa02222,transparent 60%);border-radius:50%;z-index:-1}.game-card{width:52%;flex-shrink:0;position:relative;border:3px solid;border-radius:32px;padding:20px 10px 16px;transition:transform .25s}.game-card img{width:115%;max-width:none;margin:-34px -7.5% 0;filter:drop-shadow(0 12px 8px #16002560)}.game-card p{text-align:center;font-size:17px;font-weight:600;margin:5px 0 0;color:#fff0fa}.game-backgammon{background:radial-gradient(ellipse at 50% 20%,#d453b633,transparent 60%),linear-gradient(#5e0045,#340022);border-color:#ffbcf3;box-shadow:0 8px 0 #74004c,0 15px 45px #ea007d33;transform:rotate(-9deg) translateY(-18px);z-index:1}.game-ludo{margin-left:-4%;background:radial-gradient(ellipse at 50% 20%,#ff962e44,transparent 60%),linear-gradient(#751200,#4e0000);border-color:#fff9bc;box-shadow:0 8px 0 #c53e00,0 20px 45px #ff800026;transform:rotate(9deg) translateY(30px)}.game-backgammon:hover{transform:rotate(-6deg) translateY(-24px)}.game-ludo:hover{transform:rotate(6deg) translateY(24px)}.games-caption{position:absolute;bottom:-22px;left:0;right:0;text-align:center;color:#c9a8dc;font-size:12px;font-weight:600;letter-spacing:.14em;margin:0}
.quick-guide{display:flex;align-items:center;gap:22px;border:1px solid #b566d452;border-radius:22px;padding:24px 30px;background:linear-gradient(110deg,#3f176e80,#28103e80);box-shadow:inset 0 2px 0 #7c3ba425}.quick-title{font-family:var(--display);font-size:15px;line-height:1.4;color:var(--purple);max-width:150px;margin-right:auto}.quick-guide a{font-size:18px;font-weight:600;white-space:nowrap}.quick-guide a:hover{color:var(--gold)}.quick-guide b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#4d2769;color:var(--gold);font-size:14px;margin-right:8px}.divider{width:24px;flex:1;max-width:40px;height:1px;background:#a778bb60}
.installation{padding-top:90px;padding-bottom:70px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:44px;line-height:1.15;letter-spacing:-.025em;margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);font-size:18px;margin-bottom:3px}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.steps{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.step{color:var(--white);width:100%;border:2px solid #6d388252;border-radius:18px;background:#210c38;padding:23px 18px;display:grid;grid-template-columns:36px 1fr 16px;gap:14px;text-align:left;transition:background .2s,border-color .2s}.step:hover{border-color:#b179c7}.step.active{border-color:#e6adff;background:linear-gradient(135deg,#522579,#351252);box-shadow:0 5px 0 #4e1965}.step-number{font-family:var(--display);color:#b491ca;font-size:18px;padding-top:2px}.active .step-number{color:var(--gold)}.step strong{display:block;font-size:20px;font-weight:600;line-height:1.4}.step-copy{display:block;font-size:17px;line-height:1.5;color:#dcc5ea;padding-top:9px}.step-copy b{color:#fff3ff}.step-mark{font-size:23px;color:var(--purple);line-height:1.3}.is-enhanced .step:not(.active) .step-copy{display:none}
.preview-panel{background:radial-gradient(ellipse at 50% 10%,#66358370,transparent 75%),#210c38;border:2px solid #774098;border-radius:26px;box-shadow:0 6px 0 #331248;padding:26px 30px 16px;display:flex;flex-direction:column;min-height:460px}.preview-label{display:flex;justify-content:space-between;gap:12px;color:#dab8e8;font-size:12px;letter-spacing:.1em;font-weight:600}.preview-label span:last-child{color:#b894cc}.example-screen{margin:38px 0 30px;background:#f5f3f7;color:#29212f;border-radius:15px;box-shadow:0 20px 40px #0003;min-height:164px;font-family:system-ui,sans-serif;font-size:14px}.example-top{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #ddd6e5;font-weight:600}.file-row{display:flex;align-items:center;gap:10px;padding:22px 15px;flex-wrap:wrap}.file-symbol{display:grid;place-items:center;width:34px;height:40px;background:#e6d9f8;color:#7042a4;border-radius:7px;font-size:23px}.file-row strong{font-size:13px;font-weight:600}.file-row small{display:block;font-size:12px;color:#6e627b;margin-top:6px}.example-action{font-weight:600;color:#7342a2;margin-left:auto;padding:8px;font-size:13px}.preview-caption{margin-top:auto}.caption-number{color:var(--gold);font-size:13px;letter-spacing:.1em;font-weight:600}.preview-caption h3{font-size:23px;line-height:1.3;margin:10px 0}.preview-caption p{font-size:17px;color:#d7bfe6;margin-bottom:22px;min-height:48px}.guide-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:12px}.guide-controls button{border:0;background:transparent;color:var(--purple);font-weight:600;font-size:16px;padding:10px 0;min-height:44px}.guide-controls button:disabled{color:#9979ad;cursor:default}.guide-controls button:not(:disabled):hover{color:var(--gold)}.progress-bars{display:flex;gap:5px}.progress-bars span{width:17px;height:4px;background:#613b77;border-radius:3px}.progress-bars .active{background:var(--gold)}.permission-note{font-size:14px;color:#b89aca;margin:26px 0 0;max-width:750px}
.help{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.4fr;gap:70px;padding-top:70px;padding-bottom:80px}.help-heading>p:last-child{color:var(--muted);font-size:18px;margin-top:18px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:19px;font-weight:600;cursor:pointer;line-height:1.4;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:40px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:26px;color:var(--purple);font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:17px;color:var(--muted);margin:14px 25px 0 0}.faq-list details>a{display:inline-block;color:var(--purple);font-size:16px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.last-call{display:flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid #bf76d8;border-radius:28px;background:radial-gradient(ellipse at 70% 0,#9152ad60,transparent 65%),linear-gradient(110deg,#492174,#261041);padding:36px 42px;box-shadow:0 7px 0 #5c2273}.last-call .eyebrow{margin-bottom:10px}.last-call h2{font-size:52px;color:var(--gold)}.last-call .download-button{flex-shrink:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:150px;font-size:14px;color:#b397c7}.footer img{width:100px}.footer a:last-child{font-size:16px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 20px}.setting-row span:first-child{font-size:14px}.example-toggle{width:42px;height:24px;border-radius:20px;background:#8057b2;position:relative;flex-shrink:0}.example-toggle:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white}.example-app{display:flex;align-items:center;gap:12px;padding:22px 22px 12px;font-weight:600}.example-app img{width:36px;height:36px;flex-shrink:0;border-radius:9px}.example-body{padding:4px 22px 20px;color:#605366;font-size:14px;line-height:1.5}.example-actions{padding:0 22px 18px;color:#7950a7;display:flex;justify-content:flex-end;gap:28px;font-weight:600}.is-unsupported{background:#d7c7e3;box-shadow:0 6px 0 #766480}.is-unsupported:hover{box-shadow:0 9px 0 #766480}
@media(min-width:1500px){.hero{min-height:620px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{column-gap:25px;min-height:530px}.android-label{display:none}.hero h1{font-size:58px}.intro{font-size:18px}.game-card{border-radius:26px;padding-bottom:12px}.game-card p{font-size:14px}.quick-guide{gap:12px;padding:24px}.quick-guide a{font-size:16px}.quick-title{font-size:13px;max-width:120px}.guide-layout{gap:28px}.preview-panel{padding:24px}.step{gap:10px}.step strong{font-size:18px}.section-heading>p{max-width:300px}.help{gap:45px}}
@media(max-width:720px){
  .wrap{width:calc(100% - 40px)}.header{height:88px;gap:20px}.brand{width:121px}.header nav{gap:0;font-size:16px}.header nav a:not([href="#install"]){display:none}
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;text-align:center;padding:24px 0 33px;gap:0}.hero-copy{grid-column:1;grid-row:1}.hero .eyebrow{font-size:12px;margin-bottom:12px}.hero h1{font-size:clamp(42px,11.8vw,68px);line-height:1.04;letter-spacing:-.035em;margin-bottom:17px}.intro{font-size:17px;line-height:1.5;margin-bottom:0}.hero-games{grid-column:1;grid-row:2;justify-self:center;width:88%;max-width:370px;margin:26px 0 16px;padding:15px 0 34px}.game-card{border-width:2px;border-radius:21px;padding:12px 6px 10px}.game-card img{margin-top:-17px}.game-card p{font-size:12px;margin:0;line-height:1.4}.game-backgammon{transform:rotate(-8deg) translateY(-3px);box-shadow:0 5px 0 #74004c,0 10px 30px #ea007d33}.game-ludo{transform:rotate(8deg) translateY(13px);box-shadow:0 5px 0 #c53e00,0 10px 30px #ff800026}.games-caption{display:none}.hero-action{grid-column:1;grid-row:3;max-width:400px;width:100%;justify-self:center}.download-button{font-size:19px;min-height:59px;padding:15px 25px;gap:22px}.hero-action .download-button{width:100%}.download-meta{font-size:13px;margin-top:17px}.download-meta>span:not([data-file-size]){margin:0 4px}.device-note{font-size:13px;margin:0 auto;max-width:300px}.download-status{font-size:14px;margin-inline:auto}
  .quick-guide{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:19px 17px;border-radius:18px}.quick-title{max-width:none;flex-basis:100%;font-size:13px;text-align:center;margin:0 0 10px}.quick-guide a{font-size:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.quick-guide b{font-size:13px;width:28px;height:28px;margin:0}.divider{max-width:17px;margin-bottom:25px}
  .installation{padding:58px 0 44px}.section-heading{display:block;margin-bottom:28px}h2{font-size:36px}.section-heading>p{font-size:17px;max-width:100%;margin:19px 0 0}.guide-layout{grid-template-columns:1fr;gap:26px}.step{padding:19px 14px;grid-template-columns:30px 1fr 16px;border-radius:16px}.step strong{font-size:18px}.step-copy{font-size:16px}.step-number{font-size:16px}.preview-panel{min-height:420px;padding:23px 22px 15px;border-radius:22px}.preview-label{font-size:12px;letter-spacing:.03em}.example-screen{margin:29px 0 25px;min-height:156px}.preview-caption h3{font-size:21px}.preview-caption p{font-size:16px}.permission-note{font-size:14px;margin-top:23px}
  .help{grid-template-columns:1fr;gap:22px;padding:44px 0 50px}.help-heading h2 br{display:none}.help-heading>p:last-child{margin:12px 0 0;font-size:17px}.faq-list summary{font-size:18px}.faq-list p{font-size:16px}.faq-list details{padding:18px 0}.last-call{display:block;text-align:center;padding:28px 21px;border-radius:22px}.last-call .eyebrow{font-size:12px}.last-call h2{font-size:43px}.last-call .download-button{width:100%;margin-top:23px}.footer{flex-wrap:wrap;gap:15px;padding:35px 0;min-height:0}.footer>span{flex-basis:100%;order:3;font-size:13px}.footer img{width:92px}.footer a:last-child{font-size:15px;margin-left:auto}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.intro{font-size:16px}.hero-games{width:86%}.game-card p{font-size:12px}.quick-guide{padding-inline:14px}.quick-guide a{font-size:13px}.divider{max-width:12px}.preview-panel{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
