*{box-sizing:border-box}body{margin:0;color:#19334e;background:#f7fafc;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #3885d5;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding-left:34px;padding-right:34px}header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:750}.brand img{width:40px;height:40px;border-radius:12px}.header-links{display:flex;gap:26px;align-items:center;color:#61758a;font-size:14px}.header-links .current{color:#1167c9}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;min-height:610px}.hero-copy{position:relative;z-index:2;padding-bottom:45px}.role{display:inline-flex;gap:8px;align-items:center;color:#44637d;font-size:13px}.role i{width:7px;height:7px;border-radius:50%;background:#1674d6}h1{font-size:62px;line-height:1.17;letter-spacing:-3px;margin:25px 0 23px;font-weight:750}h1 span{display:block}.lead{color:#63788d;font-size:16px;max-width:380px;line-height:1.9;margin:0 0 28px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 25px;background:#1267cc;color:#fff;border-radius:13px;gap:16px;font-size:15px;font-weight:650;box-shadow:0 9px 22px #1267cc24}.primary[aria-disabled=true]{opacity:.65;pointer-events:none}.text-link{color:#256abb;display:inline-flex;margin:18px 0 0;font-size:14px}.actions{display:flex;align-items:center;gap:24px}.actions .text-link{margin:0}.hero-caption{display:flex;gap:18px;color:#8a9aaa;font-size:12px;margin-top:23px}.visual{position:relative;height:590px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;width:470px;height:470px;border:1px solid #d9e7f2;border-radius:50%;z-index:-1}.orbit:after{content:'';position:absolute;inset:44px;border:1px solid #e1edf5;border-radius:50%}.visual-label{position:absolute;right:8px;top:46px;color:#68839c;font-size:12px}.phone{position:relative;width:252px;height:516px;border-radius:43px;background:linear-gradient(115deg,#f3f5f7,#7d8b99 38%,#e5eaf0 65%,#697b8d);padding:7px;box-shadow:16px 28px 42px #1f4e7224,2px 2px 3px #fff inset;transform:rotate(9deg)}.phone:after{content:'';position:absolute;right:-3px;top:130px;width:3px;height:55px;background:#899baa;border-radius:2px}.screen{overflow:hidden;height:100%;border:3px solid #17232c;border-radius:36px;background:#f0f6fc;position:relative}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:73px;height:21px;border-radius:20px;background:#14202a;z-index:4}.status{height:40px;padding:10px 16px;font-size:9px;font-weight:bold;display:flex;justify-content:space-between}.screen-head{background:#fff;padding:16px 15px 13px}.screen-head small{color:#7590a9;font-size:9px}.screen-head b{display:block;font-size:23px;margin:3px 0}.room{padding:12px 15px;color:#497592;font-size:10px}.game{background:#fff;margin:0 10px 9px;border-radius:12px;padding:13px 11px;box-shadow:0 3px 10px #184c7a08}.game strong{font-size:12px}.game em{float:right;font-size:9px;color:#429b87;font-style:normal}.balls{display:flex;gap:4px;margin-top:10px}.balls i{width:18px;height:20px;display:grid;place-items:center;color:white;font-style:normal;font-size:10px;border-radius:4px;background:#317dd4}.balls i:nth-child(3n){background:#dc9c3f}.balls i:nth-child(2n){background:#e16a67}.mini-nav{position:absolute;bottom:0;left:0;right:0;height:49px;background:white;display:flex;justify-content:space-around;align-items:center;font-size:9px;color:#7590a9}.mini-nav b{color:#1267cc}.float-card{position:absolute;left:-12px;bottom:112px;z-index:5;background:white;border:1px solid #dfebf4;border-radius:17px;box-shadow:0 14px 35px #284e7017;padding:16px 19px;min-width:220px;transform:rotate(-3deg)}.float-card small{font-size:11px;color:#8295a6}.float-card strong{display:block;font-size:17px;margin-top:4px}.float-card .pulse{float:right;width:30px;height:30px;background:#e4f4ed;border-radius:50%;color:#258467;text-align:center;line-height:30px}.secondary-card{position:absolute;right:-8px;top:135px;z-index:5;background:#1367cb;color:white;border-radius:13px;padding:12px 18px;box-shadow:0 8px 20px #1267cc29;font-size:12px}.secondary-card b{display:block;font-size:17px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}h2{font-size:24px;letter-spacing:-.5px;margin:0}.section-head p{font-size:13px;color:#8192a3;margin:5px 0 0}#retest{background:transparent;border:1px solid #cadcea;border-radius:9px;padding:9px 16px;color:#346b9d}.routes{padding:28px 0 40px;border-top:1px solid #dde8f1}#route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route{display:grid;grid-template-columns:1fr auto;gap:18px 9px;background:#fff;border:1px solid #e0eaf2;border-radius:15px;padding:21px}.route strong{font-size:16px}.route small{display:block;font-size:11px;color:#8d9daa;margin-top:5px;overflow-wrap:anywhere}.latency{font-size:12px;color:#8d9daa;padding-top:4px}.latency.ok{color:#298469}.route a{grid-column:1/-1;border-top:1px solid #eff3f7;padding-top:13px;color:#1267cc;font-size:13px}.note{font-size:12px;color:#8c9cad;margin-top:18px}.download-strip{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;background:#eaf3fb;border-radius:22px;padding:35px 38px;min-height:230px;margin:15px 0 35px}.strip-art{position:absolute;width:70%;height:100%;right:0;top:0;object-fit:cover;opacity:.5;pointer-events:none}.strip-copy,.download-card{position:relative;z-index:1}.strip-copy p{color:#6b8398;font-size:13px;max-width:300px}.download-card{display:flex;gap:16px;align-items:center;background:#ffffffef;border-radius:15px;padding:14px 18px}.download-card span{font-size:11px;color:#7b8e9e}.download-card b{font-size:13px;display:block;margin-bottom:5px}#qr{width:100px;height:100px}#qr img,#qr canvas{width:100px;height:100px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 25px}.app{padding:30px;background:white;border:1px solid #dce7f1;border-radius:19px}.app h2{margin:13px 0 8px}.app p{font-size:14px;color:#7b8e9f}.app .primary{display:flex;margin-top:22px}.app small{font-size:12px}.app-role{font-size:12px;color:#527fa5}.app-icon{width:48px;height:48px;float:right;border-radius:13px}.download-hero .hero{min-height:530px}.download-hero .visual{height:520px}.download-hero .phone{transform:rotate(-8deg) scale(.9)}.download-hero h1{font-size:58px}.owner .secondary-card{background:#215565}.owner .game em{color:#347db5}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px}.stat-grid div{background:#fff;padding:13px 10px;border-radius:11px;font-size:9px;color:#879aab}.stat-grid b{font-size:18px;color:#234967;display:block}.review-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:10px 0;border-bottom:1px solid #eff3f7}.review-line span{color:#2877b7;background:#edf6ff;padding:3px 7px;border-radius:5px}.preview-note{border:1px dashed #c9d9e6;padding:12px 18px;border-radius:10px;font-size:12px;color:#6a8297;margin:0 0 25px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e9f0;padding-top:23px;padding-bottom:30px;font-size:12px;color:#8d9eac}footer a{margin-left:20px}.design-nav{position:fixed;bottom:15px;right:15px;z-index:20;display:flex;gap:6px;background:#fff;padding:7px;border:1px solid #d9e7f1;border-radius:12px;box-shadow:0 5px 20px #1a487f15}.design-nav a{font-size:12px;padding:6px 10px;color:#27649b}@media(max-width:760px){header,main,footer{padding-left:23px;padding-right:23px}header{height:80px}.brand{font-size:23px}.header-links{gap:14px;font-size:12px}.hero{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{padding:24px 0 0}h1{font-size:43px;letter-spacing:-2px;margin:18px 0}.lead{font-size:14px;max-width:330px;margin-bottom:22px}.hero-caption{margin-top:18px}.visual{height:430px;margin-top:10px}.phone{transform:rotate(8deg) scale(.77)}.orbit{width:330px;height:330px}.float-card{left:0;bottom:67px;padding:12px 15px;min-width:200px}.secondary-card{right:0;top:83px;font-size:11px}.visual-label{top:9px}.routes{padding-top:25px}#route-list{grid-template-columns:1fr;gap:10px}.route{display:flex;align-items:center;padding:17px;gap:12px}.route>div{flex:1}.route strong{font-size:14px}.route a{border:0;padding:0;font-size:13px}.route small{font-size:10px}.latency{font-size:11px}h2{font-size:21px}.section-head p{font-size:12px}.download-strip{padding:26px;display:block;min-height:220px}.strip-art{width:100%;opacity:.35}.download-card{display:none}.app-grid{grid-template-columns:1fr}.app{padding:25px}.download-hero .hero{min-height:auto}.download-hero h1{font-size:43px}.download-hero .visual{height:400px}.download-hero .phone{transform:rotate(-8deg) scale(.75)}footer{align-items:flex-start;gap:15px}footer div{display:flex;flex-direction:column;gap:5px}footer a{margin:0}.design-nav{bottom:9px;right:9px}.actions{gap:20px}.primary{font-size:14px;padding:13px 20px}.note{font-size:11px}.preview-note{font-size:11px}}@media(prefers-reduced-motion:no-preference){.primary,.route{transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #1267cc35}.route:hover{box-shadow:0 8px 25px #234d7110}}
/* AI-generated titanium device frame; real HTML screens stay editable. */
.phone{width:252px;height:535px;padding:0;background:none center/100% 100% no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(12px 18px 15px #244d7518)}.phone:after{display:none}.screen{position:absolute;left:10.4%;top:2.4%;width:84.3%;height:94.2%;border:0;border-radius:29px;clip-path:polygon(3% 0,94% 1.5%,100% 5%,100% 96%,95% 100%,0 100%,0 5%)}.island{top:10px}.phone .status{padding-top:11px}.phone .game{padding:11px 9px}.phone .balls{gap:3px}.phone .balls i{width:17px;height:19px}.phone .screen-head b{font-size:22px}

body{background:#fff}.float-card{max-width:250px}.float-card strong{font-size:15px;white-space:nowrap}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.visual{min-width:0}.secondary-card{right:0;top:120px}.float-card{bottom:90px}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.secondary-card{top:80px}.float-card{bottom:45px}.visual{overflow:visible}.phone{transform:rotate(6deg) scale(.73)}}

/* Actual supplied app screenshots, keeping the generated titanium frame. */
.screenshot-visual{height:590px}.shot-phone{margin:0;position:absolute;filter:drop-shadow(12px 22px 16px #244d7520)}.shot-phone .screen{background:#e7f3ff}.app-shot{display:block;width:100%;height:100%;object-fit:fill}.primary-phone{left:24px;top:20px;z-index:2;transform:rotate(-8deg)}.secondary-phone{right:0;top:100px;z-index:3;transform:rotate(9deg) scale(.8);transform-origin:top right}.shot-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#7890a5;font-size:12px}.shot-phone .island{width:66px;height:18px;top:9px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:12px 20px;border:1px solid #bfd4e8;border-radius:13px;color:#1267cc;background:#f5faff;font-weight:650}.download-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.download-button:hover{background:#eaf4ff}.header-download{padding:8px 14px;border:1px solid #d2e2f0;border-radius:9px;color:#1267cc}.single-app{grid-template-columns:minmax(0,650px);justify-content:center}.single-app .app{padding:34px}.download-hero .primary-phone{transform:rotate(-8deg) scale(.9);transform-origin:top left}.download-hero .secondary-phone{transform:rotate(9deg) scale(.74)}
@media(max-width:760px){.screenshot-visual{height:460px;margin-top:22px}.primary-phone{left:15px;top:10px;transform:rotate(-7deg) scale(.77);transform-origin:top left}.secondary-phone{right:7px;top:70px;transform:rotate(8deg) scale(.63);transform-origin:top right}.shot-label{font-size:11px;bottom:0}.download-hero .screenshot-visual{height:450px}.download-hero .primary-phone{transform:rotate(-7deg) scale(.77)}.download-hero .secondary-phone{transform:rotate(8deg) scale(.63)}.actions{gap:12px;flex-wrap:wrap}.download-button{font-size:14px;padding:12px 17px}.single-app .app{padding:25px}.header-links{gap:10px}}
@media(min-width:761px) and (max-width:1000px){.primary-phone{left:0;transform:rotate(-8deg) scale(.88);transform-origin:top left}.secondary-phone{transform:rotate(9deg) scale(.66)}.screenshot-visual{height:550px}}
@media(max-width:360px){.primary-phone{left:0;transform:rotate(-7deg) scale(.69)}.secondary-phone{right:0;transform:rotate(8deg) scale(.56)}.screenshot-visual{height:415px}.header-links{font-size:11px}}

.composite-visual{height:590px}.phones-composite{display:block;width:112%;max-width:none;height:auto;filter:none}.download-hero .composite-visual{height:520px}@media(max-width:760px){.composite-visual{height:auto;min-height:0;margin:22px -12px 0}.phones-composite{width:100%}.download-hero .composite-visual{height:auto}}

.composite-visual{height:590px}.phones-composite{display:block;width:112%;max-width:none;height:auto;filter:none}.download-hero .composite-visual{height:520px}@media(max-width:760px){.composite-visual{height:auto;min-height:0;margin:22px -12px 0}.phones-composite{width:100%}.download-hero .composite-visual{height:auto}}

.platform-switch{display:flex;gap:8px;margin:0 0 22px}.platform-switch a{flex:1;padding:11px 18px;text-align:center;border:1px solid #d6e4f0;border-radius:10px;color:#526e88}.platform-switch a[aria-current=page]{border-color:#1267cc;background:#edf6ff;color:#1267cc;font-weight:650}.install-unavailable{display:flex;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:22px;border:1px solid #d5e0e9;border-radius:12px;background:#eef2f5;color:#7c8b98;font:inherit;font-weight:650;cursor:default}.download-tip{color:#6e8194;font-size:13px;line-height:1.8}.download-strip .text-link{display:inline-flex;border:1px solid #b9d1e5;border-radius:10px;padding:9px 16px;background:#ffffffd9}.composite-visual img{max-width:100%}.single-app{scroll-margin-top:20px}.app-role{display:inline-block}footer{margin-top:24px}@media(max-width:760px){.hero-copy .actions>.primary,.hero-copy .actions>.download-button{flex:1;white-space:nowrap}.download-hero .hero-copy .actions>.primary{flex:initial}.header-links a{white-space:nowrap}.download-strip{margin-top:15px}}