*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Segoe UI",Arial,sans-serif;background:linear-gradient(#bfe8ff,#eaf8ff 60%,#fff);color:#17324d}
.top{display:flex;align-items:center;gap:10px;padding:12px 20px}.top b{font-size:20px;flex:1}
.chip{border:1px solid #9cc;border-radius:99px;background:#fff;padding:6px 14px;cursor:pointer;font:inherit}
main{max-width:1100px;margin:auto;padding:0 18px}
.hero{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;padding:20px 0}
.hero h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.hero p{font-size:18px;line-height:1.6}
.badge{background:#ffd54a;border-radius:99px;padding:4px 12px;font-weight:700}
.shot{width:100%;border-radius:18px;box-shadow:0 10px 30px #0003}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{padding:12px 20px;border-radius:14px;font-weight:700;text-decoration:none}
.play{background:#2f7cf6;color:#fff}.soon{background:#e3e9ef;color:#6b7c8c;cursor:not-allowed}
.grid{display:grid;grid-template-columns:repeat(3,1fr) .55fr;gap:14px;margin:20px 0}
figure{margin:0}figure img{width:100%;border-radius:12px;box-shadow:0 4px 14px #0002}figcaption{text-align:center;padding:6px;font-size:14px}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.feat div{background:#fff;border-radius:14px;padding:16px;text-align:center;box-shadow:0 2px 8px #0001}.feat b{display:block;font-size:28px}
footer{text-align:center;padding:24px;color:#678}
@media(max-width:800px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.feat{grid-template-columns:1fr 1fr}}
.top .chip{text-decoration:none;color:inherit}
h2{margin:28px 0 12px}
.carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.carousel figure{flex:0 0 min(86%,720px);scroll-snap-align:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0002}
.carousel figure.ph{flex-basis:min(48%,260px)}
.carousel img{width:100%;display:block;border-radius:0;box-shadow:none}
.car-nav{display:flex;gap:8px;justify-content:center}.car-nav button{border:1px solid #9cc;background:#fff;border-radius:10px;padding:6px 16px;font-size:20px;cursor:pointer}
.apk{background:#22a35a;color:#fff}.inst{background:#7d5cf0;color:#fff;border:0;font:inherit;font-weight:700;cursor:pointer}
.apkinfo{font-size:14px;color:#456;word-break:break-all}.apkinfo code{font-size:12px}.hint{font-size:14px}
.news ul{line-height:1.8}.meta{color:#678;font-size:14px}
.feat{grid-template-columns:repeat(4,1fr)}
@media(max-width:800px){.feat{grid-template-columns:repeat(2,1fr)}}
/* Bitty's Net Adventure palette: night-indigo #121436/#272a78, teal #2ee6c5, signal yellow #ffd23f, coral #ff6b6b */
body{background:linear-gradient(180deg,#e9ecff,#fff 50%);color:#1b1f45}
.top{background:#121436}
.hero{background:radial-gradient(circle at 15% 10%,rgba(46,230,197,.2),transparent 40%),linear-gradient(160deg,#272a78,#121436);border-radius:24px;padding:28px;margin-top:18px;box-shadow:0 14px 40px #12143644}
.top,.hero{color:#fff}.top .chip{background:rgba(255,255,255,.1);border-color:#2ee6c5;color:#fff}
.top img{border-radius:10px}
.hero .wmh{margin:8px 0 0}.hero .wm{width:100%;max-width:520px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.hero .tag{font-size:20px;font-weight:700;color:#2ee6c5;margin:6px 0}
.badge{background:#ffd23f;color:#121436}
.play{background:#2ee6c5;color:#121436}.apk{background:#ff6b6b;color:#fff}.inst{background:#ffd23f;color:#121436}
.hero .soon{background:rgba(255,255,255,.12);color:#cfd6ff}
.apkinfo{color:#cfd6ff}.apkinfo code{color:#fff}.hint{color:#fff}
.feat b{color:#272a78}.chip:focus-visible,.btn:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}
@media(max-width:800px){.hero{padding:18px}}
@media(max-width:520px){.top b{font-size:16px}.top .chip{white-space:nowrap;padding:5px 10px;font-size:14px}}
.gh{background:#24292f;color:#fff}