:root{--bg:#f8fafc;--bg-2:#eef2ff;--tint:#e0e7ff;--text:#1e293b;--muted:#475569;--card:#ffffff;--surface:#f1f5f9;--border:#e2e8f0;--accent:#4f46e5;--accent-soft:#6366f1;--on-accent:#ffffff;--key:#ffffff;--key-border:#e2e8f0;--danger:#dc2626;--shadow:0 18px 50px -18px rgb(79 70 229 / .35);--d0:#ef4444;--d1:#f97316;--d2:#ca8a04;--d3:#16a34a;--d4:#0d9488;--d5:#0891b2;--d6:#3b82f6;--d7:#6366f1;--d8:#a855f7;--d9:#ec4899;--r-card:22px;--r-key:14px;--ease:cubic-bezier(.16,1,.3,1)}@media(prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-2:#020617;--tint:#1e1b4b;--text:#f8fafc;--muted:#b4bfd0;--card:#1e293b;--surface:#273449;--border:#334155;--accent:#818cf8;--accent-soft:#818cf8;--on-accent:#0f172a;--key:#334155;--key-border:#475569;--danger:#f87171;--shadow:0 18px 50px -18px rgb(2 6 23 / .8);--d2:#eab308;--d3:#22c55e;--d4:#14b8a6;--d5:#06b6d4}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--text);background:linear-gradient(180deg,var(--bg) 0,var(--bg-2) 520px,var(--bg) 1400px) no-repeat,var(--bg);overflow-x:hidden}img{max-width:100%;display:block;height:auto}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px;border-radius:8px}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}@media(min-width:768px){.wrap{padding:0 32px}}h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0}h2{font-size:clamp(1.8rem,4.2vw,2.6rem);font-weight:800}h3{font-size:1.25rem;font-weight:700}p{margin:0}.lede{color:var(--muted);max-width:60ch;margin-top:12px}.num{font-variant-numeric:tabular-nums}.skip{position:absolute;left:-999px;top:8px;background:var(--card);padding:8px 14px;border-radius:999px;z-index:10}.skip:focus{left:16px}.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background-color .2s,box-shadow .25s var(--ease),border-color .2s}.btn:active{transform:scale(.97)}.btn svg{width:22px;height:22px;flex:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent-soft)}.btn-wa{background:#128c4a;color:#fff}.btn-wa:hover{background:#0f7a40;transform:translateY(-1px)}.badge{display:inline-block;border-radius:10px;transition:transform .25s var(--ease)}.badge:hover{transform:translateY(-2px)}.badge img{height:54px;width:auto}.badge .on-dark{display:none}@media(prefers-color-scheme:dark){.badge .on-light{display:none}.badge .on-dark{display:block}}header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:72px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none}.brand img{width:36px;height:36px;border-radius:9px}.top-link{font-weight:600;font-size:.95rem;color:var(--muted);text-decoration:none;padding:8px 4px}.top-link:hover{color:var(--accent)}.hero{display:grid;gap:40px;align-items:center;padding:24px 0 56px}@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;padding:40px 0 88px;min-height:min(calc(100dvh - 72px),780px)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.eyebrow svg{width:16px;height:16px}.hero h1{font-size:clamp(2.2rem,6.4vw,4.1rem);font-weight:900;letter-spacing:-.035em;margin-top:14px}.hero h1 .pi{color:var(--accent-soft)}.hero .lede{font-size:1.15rem;margin-top:18px;max-width:44ch}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}.text-link{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 0}.text-link svg{width:18px;height:18px;transition:transform .25s var(--ease)}.text-link:hover svg{transform:translate(3px)}.stage{position:relative;justify-self:center;width:min(100%,380px);aspect-ratio:1/1.08;display:grid;place-items:center}.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ring text{font-weight:800;font-size:15px;letter-spacing:3.2px}.phone{position:relative;width:48%;border-radius:30px;border:7px solid #0f172a;background:#0f172a;box-shadow:var(--shadow);overflow:hidden}.phone img{border-radius:23px}.try{padding:72px 0;background:var(--card);border-block:1px solid var(--border)}.try-grid{display:grid;gap:36px;align-items:center}@media(min-width:900px){.try-grid{grid-template-columns:.85fr 1.15fr;gap:64px}}.pad{width:100%;max-width:420px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:16px}.screen{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 16px 12px}.screen-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--muted);font-weight:600}.screen-top b{font-size:1.5rem;color:var(--accent);font-weight:800;margin-left:6px}.digits{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:8px;font-size:1.6rem;font-weight:800;line-height:1.3;min-height:2.6em}.digits span{display:inline-block;width:.66em;text-align:center}.digits .int{width:auto;margin-right:.15em}.digits .grp{margin-left:.3em}.digits .ghost{color:var(--muted);opacity:.45;font-weight:600}.digits .now{border-bottom:3px solid var(--accent-soft);line-height:1.1}.digits .caret{color:var(--accent-soft);animation:blink 1s steps(1) infinite}.digits .new{animation:pop .35s var(--ease)}.hint{margin-top:6px;font-size:.9rem;color:var(--muted);min-height:1.45em}.hint .bad{color:var(--danger);font-weight:800}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.key{height:58px;border-radius:var(--r-key);background:var(--key);border:1px solid var(--key-border);font:inherit;font-size:1.65rem;font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--key-border);transition:transform .12s var(--ease),box-shadow .12s,background-color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key:active,.key.hit{transform:translateY(2px);box-shadow:0 0 0 var(--key-border)}.key.hit{background:color-mix(in srgb,currentColor 14%,var(--key))}.key.miss{animation:shake .35s}.key svg{width:24px;height:24px;color:var(--muted);vertical-align:middle}.k0{color:var(--d0)}.k1{color:var(--d1)}.k2{color:var(--d2)}.k3{color:var(--d3)}.k4{color:var(--d4)}.k5{color:var(--d5)}.k6{color:var(--d6)}.k7{color:var(--d7)}.k8{color:var(--d8)}.k9{color:var(--d9)}.pad-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.85rem;color:var(--muted)}.sound{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;padding:6px 4px}.sound svg{width:18px;height:18px}.sound[aria-pressed=false] svg{opacity:.4}.games{padding:96px 0}.games-grid{display:grid;gap:40px;align-items:start}@media(min-width:900px){.games-grid{grid-template-columns:300px 1fr;gap:64px}}.games-shot{width:min(100%,280px);margin:0 auto;border-radius:30px;border:7px solid #0f172a;box-shadow:var(--shadow);overflow:hidden;background:#0f172a}@media(min-width:900px){.games-shot{position:sticky;top:32px}}.games-shot img{border-radius:23px}.game-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}@media(min-width:640px){.game-list{grid-template-columns:1fr 1fr}.game-list li:first-child{grid-column:1/-1}}.game-list li{position:relative;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 18px 18px 24px;overflow:hidden}.game-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--c1),var(--c2))}.game-list h3{font-size:1.1rem}.game-list p{color:var(--muted);font-size:.95rem;margin-top:4px}.more{padding:24px 0 96px}.bento{display:grid;gap:16px;margin-top:32px}@media(min-width:900px){.bento{grid-template-columns:repeat(6,1fr)}.b-daily{grid-column:span 4;grid-row:span 2}.b-weak,.b-music{grid-column:span 2}.b-themes{grid-column:span 6}}.cell{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;overflow:hidden;position:relative}.cell p{color:var(--muted);margin-top:8px;font-size:.98rem}.b-daily{background:linear-gradient(150deg,#f59e0b,#ea580c);border:0;color:#1c0a00;display:grid;gap:20px}.b-daily p{color:#2b1300}@media(min-width:640px){.b-daily{grid-template-columns:1fr 220px;align-items:end}}.b-daily h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.b-daily .big{font-size:clamp(3.6rem,8vw,5.4rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-top:18px;color:#fff;text-shadow:0 2px 0 rgb(124 45 18 / .35)}.b-daily .big small{display:block;font-size:1rem;font-weight:700;letter-spacing:0;color:#2b1300;text-shadow:none;margin-top:6px}.crop{border-radius:18px;overflow:hidden;box-shadow:0 14px 40px -14px #7c2d1299;aspect-ratio:9/12}.crop img{width:100%;height:100%;object-fit:cover;object-position:top}.weak-row{margin-top:18px;background:var(--surface);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.weak-row strong{display:block;font-size:.95rem}.weak-row .seq{letter-spacing:2px;color:var(--muted);font-size:1.05rem}.weak-row .seq b{color:var(--danger);font-weight:900}.weak-row .tag{font-size:.8rem;color:var(--accent);font-weight:700;white-space:nowrap;border:1.5px solid var(--border);border-radius:999px;padding:4px 10px}.b-music .crop{margin-top:18px;aspect-ratio:16/10;box-shadow:none;border:1px solid var(--border)}.b-music .crop img{object-position:50% 12%}.b-themes{display:grid;gap:24px;background:linear-gradient(120deg,#022c22,#134e4a 45%,#1e1b4b);border:0;color:#f8fafc}.b-themes p{color:#f1f5f9d9}@media(min-width:768px){.b-themes{grid-template-columns:1fr 1.1fr;align-items:center}}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sw{aspect-ratio:1;border-radius:14px;border:1px solid rgb(255 255 255 / .16);display:flex;align-items:flex-end;padding:8px;font-size:.78rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.where{padding:0 0 96px}.where-grid{display:grid;gap:16px}@media(min-width:768px){.where-grid{grid-template-columns:1fr 1fr}}.where .cell{padding:28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.where .cell p{margin:0}.status{font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--tint);color:var(--accent)}.where .android{background:var(--surface)}.plat{display:flex;align-items:center;gap:10px}.plat svg{width:26px;height:26px;flex:none;color:var(--muted)}.report{padding:88px 0;background:var(--card);border-top:1px solid var(--border)}.report-inner{max-width:720px}.report .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}footer.bottom{padding:32px 0 40px;color:var(--muted);font-size:.92rem;border-top:1px solid var(--border);background:var(--card)}.foot{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}.foot nav{display:flex;gap:20px}.foot nav a{color:var(--text);font-weight:600;text-decoration:none;padding:6px 0}.foot nav a:hover{color:var(--accent)}@keyframes blink{50%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.8);opacity:0}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media(prefers-reduced-motion:no-preference){.ring g{transform-origin:200px 216px;animation:spin 120s linear infinite}.hero-copy>*{animation:rise .8s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.stage{animation:rise 1s .15s var(--ease) both}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.in{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.digits .caret,.digits .new,.key.miss{animation:none}}