Babayagam Privacy Policy

Last updated: August 21, 2026

Introduction

This Privacy Policy explains how Babayagam ("the App") handles information when you use the game.

Information We Collect

Babayagam does not request personal information from players as part of normal gameplay.

Support

If you contact us for support, we may receive the information that you choose to include in your message, such as your email address and the details of your request.

You can contact us at: quarter2go@gmail.com

Third-Party Services

Babayagam does not intentionally request personal information from players through third-party services unless otherwise stated in the App or its future updates.

Changes to This Privacy Policy

We may update this Privacy Policy from time to time. Any changes will be reflected on this page with an updated date.

Contact Us

If you have questions about this Privacy Policy, please contact:

quarter2go@gmail.com

html{ width:100%; height:100%; margin:0; padding:0; overflow:hidden; } body{ width:100vw; height:100vh; min-height:100dvh; margin:0; padding:0; overflow:hidden; background:var(--bg-1); overscroll-behavior:none; font-family:'Manrope',system-ui,sans-serif; touch-action:none; -webkit-text-size-adjust:none; } #wrap{ position:fixed; inset:0; width:100%; height:100%; touch-action:none; } #game{ display:block; width:100vw !important; height:100dvh !important; min-height:100dvh !important; touch-action:none; -webkit-user-select:none; -webkit-touch-callout:none; } .hud{ position:fixed; left:0; right:0; top:0; display:flex; align-items:flex-start; justify-content:space-between; padding: max(16px, env(safe-area-inset-top)) 16px 0 16px; pointer-events:none; z-index:5; opacity:0; transform:translateY(-8px); transition:opacity .5s ease, transform .5s ease; } .hud.show-hud{ opacity:1; transform:translateY(0); } .hud .pill{ pointer-events:auto; } .pill{ pointer-events:auto; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); border-radius:18px; padding:9px 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06); } .btn-pause{ width:46px; height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; padding:0; } .score-pill{ display:flex; flex-direction:column; align-items:center; min-width:96px; } .coin-row{ display:flex; align-items:center; gap:4px; margin-top:3px; } .coin-row-icon{ width:10px; height:10px; border-radius:50%; flex:0 0 auto; background:radial-gradient(circle at 35% 30%, #fff3cf, var(--gold) 60%, #d69a1f 100%); box-shadow:0 0 5px rgba(255,209,102,0.7); } .coin-row-val{ font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:700; color:var(--gold); font-variant-numeric:tabular-nums; } .score-label{ font-family:'Space Grotesk',sans-serif; font-size:10px; letter-spacing:2px; color:var(--ink-dim); font-weight:700; } .score-val{ font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:700; color:var(--ink); letter-spacing:0.5px; font-variant-numeric: tabular-nums; } .timer-pill{ display:flex; align-items:center; gap:8px; min-width:96px; justify-content:flex-end; } .timer-ring{ position:relative; width:26px; height:26px; flex:0 0 auto;} .timer-ring svg{ transform:rotate(-90deg); } .timer-text{ display:flex; flex-direction:column; align-items:flex-end; } .timer-label{ font-family:'Space Grotesk',sans-serif; font-size:10px; letter-spacing:2px; color:var(--ink-dim); font-weight:700;} .timer-val{ font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; color:var(--gold); font-variant-numeric: tabular-nums;} .overlay{ position:fixed; inset:0; z-index:20; display:flex; align-items:center; justify-content:center; background:radial-gradient(120% 100% at 50% 0%, rgba(14,22,48,0.55), rgba(4,6,14,0.88)); backdrop-filter: blur(6px); opacity:0; pointer-events:none; transition:opacity .35s ease; } .overlay.show{ opacity:1; pointer-events:auto; } .card{ width:min(332px, 86vw); background:linear-gradient(168deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.11); border-radius:30px; padding:30px 26px 26px; text-align:left; box-shadow:0 24px 70px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.1); transform:translateY(10px) scale(0.97); transition:transform .4s cubic-bezier(.2,.9,.24,1.1); } .overlay.show .card{ transform:translateY(0) scale(1); } .card h1{ font-family:'Space Grotesk',sans-serif; margin:0 0 4px; font-size:28px; font-weight:700; color:var(--ink); letter-spacing:0.3px; } .card .sub{ margin:0 0 22px; color:var(--ink-dim); font-size:10.5px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase;} .stat-row{ display:flex; justify-content:space-between; margin-bottom:10px; padding:12px 16px; background:rgba(255,255,255,0.04); border-radius:14px; border:1px solid rgba(255,255,255,0.06);} .stat-row .k{ color:var(--ink-dim); font-size:12px; font-weight:700; letter-spacing:1px;} .stat-row .v{ color:var(--ink); font-size:16px; font-weight:800; font-family:'Space Grotesk',sans-serif; font-variant-numeric: tabular-nums;} .stat-row.best .v{ color:var(--gold); } .cta{ margin-top:18px; width:100%; border:none; cursor:pointer; padding:15px 18px; border-radius:16px; font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:700; letter-spacing:0.5px; color:#0a0f1f; background:linear-gradient(180deg, #ffe6a3, var(--gold)); box-shadow:0 10px 24px rgba(255,209,102,0.25), inset 0 1px 0 rgba(255,255,255,0.6); } .cta:active{ transform:translateY(1px) scale(0.99); } .hint{ position:fixed; left:0; right:0; bottom:max(22px, env(safe-area-inset-bottom)); display:flex; justify-content:center; z-index:4; pointer-events:none; opacity:0; transition:opacity .5s ease; } .hint .pill{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-dim); font-weight:700; letter-spacing:0.3px; padding:10px 16px; } .hint b{ color:var(--ink); font-weight:800;} /* ---------- Pause screen ---------- */ #pauseOverlay{ background:radial-gradient(130% 110% at 50% 8%, rgba(18,26,52,0.5), rgba(3,5,12,0.86)); -webkit-backdrop-filter: blur(20px) saturate(1.15); backdrop-filter: blur(20px) saturate(1.15); } .pause-panel{ width:min(368px, 90vw); max-height:86vh; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; background:linear-gradient(168deg, rgba(255,255,255,0.085), rgba(255,255,255,0.015) 55%, rgba(255,255,255,0.03)); border:1px solid rgba(255,255,255,0.13); border-radius:34px; padding:30px 26px 26px; box-shadow:0 34px 90px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.12); transform:translateY(14px) scale(0.96); transition:transform .45s cubic-bezier(.2,.9,.24,1.12), opacity .4s ease; } .pause-panel::-webkit-scrollbar{ display:none; } .overlay.show .pause-panel{ transform:translateY(0) scale(1); } .pause-orbit{ position:relative; width:148px; height:148px; margin:2px auto 8px; } .orbit-track{ position:absolute; border-radius:50%; animation:orbit-spin linear infinite; } .orbit-track.t1{ inset:0; animation-duration:10s; } .orbit-track.t2{ inset:14px; animation-duration:7.5s; animation-direction:reverse; } .orbit-track.t3{ inset:30px; animation-duration:13s; } .orbit-track.t4{ inset:6px; animation-duration:16s; animation-direction:reverse; } .orbit-track.t5{ inset:46px; animation-duration:5.2s; } .orbit-ball{ position:absolute; top:-1px; left:50%; transform:translate(-50%,-50%); width:13px; height:13px; border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,0.45), inset 0 1px 1px rgba(255,255,255,0.55); } .orbit-ball.c-red{ background:radial-gradient(circle at 32% 28%, #ffb3bd, var(--red) 55%, #a02c3d); } .orbit-ball.c-blue{ background:radial-gradient(circle at 32% 28%, #bfe0ff, var(--blue) 55%, #235e9c); } .orbit-ball.c-green{ background:radial-gradient(circle at 32% 28%, #b7ffe8, var(--green) 55%, #1a8e6a); } .orbit-ball.c-yellow{ background:radial-gradient(circle at 32% 28%, #fff2c9, var(--yellow) 55%, #b98518); } .orbit-ball.c-purple{ background:radial-gradient(circle at 32% 28%, #e3d0ff, var(--purple) 55%, #6c3fb0); } .orbit-center{ position:absolute; left:50%; top:50%; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; border-radius:50%; background:rgba(255,255,255,0.65); box-shadow:0 0 26px 8px rgba(255,255,255,0.22); } @keyframes orbit-spin{ to{ transform:rotate(360deg); } } .pause-heading{ text-align:left; margin:2px 2px 20px; } .pause-eyebrow{ font-family:'Space Grotesk',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:3.5px; color:var(--ink-dim); text-transform:uppercase; margin:0 0 5px; } .pause-title{ font-family:'Space Grotesk',sans-serif; font-size:32px; font-weight:700; color:var(--ink); margin:0; letter-spacing:0.3px; line-height:1.05; } .pause-stats{ display:flex; gap:9px; margin-bottom:22px; } .pause-stat{ flex:1; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.08); border-radius:17px; padding:12px 14px; } .pause-stat.grow{ flex:1.2; } .pause-stat .k{ display:block; font-family:'Manrope',sans-serif; font-size:9.5px; font-weight:700; letter-spacing:1.6px; color:var(--ink-dim); margin-bottom:4px; text-transform:uppercase; } .pause-stat .v{ font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums; } .pause-stat.coins .v{ color:var(--gold); } .pause-actions{ display:flex; flex-direction:column; gap:9px; } .pause-btn{ display:flex; align-items:center; justify-content:center; gap:9px; border:none; cursor:pointer; width:100%; font-family:'Space Grotesk',sans-serif; font-size:14.5px; font-weight:700; letter-spacing:0.2px; padding:16px 18px; border-radius:17px; transition:transform .15s ease; } .pause-btn:active{ transform:scale(0.965); } .pause-btn.primary{ color:#0a0f1f; background:linear-gradient(180deg, #ffe6a3, var(--gold)); box-shadow:0 12px 26px rgba(255,209,102,0.28), inset 0 1px 0 rgba(255,255,255,0.6); } .pause-row-secondary{ display:flex; gap:9px; } .pause-btn.secondary{ flex:1; color:var(--ink); background:rgba(255,255,255,0.065); border:1px solid rgba(255,255,255,0.08); } .pause-btn svg{ flex:0 0 auto; } /* ---------- Main Menu ---------- */ canvas{ transform-origin:center center; will-change:transform; } .menu-ui{ position:fixed; inset:0; z-index:8; display:flex; flex-direction:column; justify-content:space-between; padding: max(20px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom)) 18px; opacity:1; transition:opacity .5s ease; } .menu-ui.fade-out{ opacity:0; pointer-events:none; } .menu-row-top{ display:flex; align-items:flex-start; justify-content:space-between; } .badge{ pointer-events:auto; display:flex; align-items:center; gap:6px; background:linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.1); backdrop-filter:blur(10px); border-radius:999px; padding:8px 14px 8px 10px; box-shadow:0 8px 20px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.07); } .badge .coin{ width:18px; height:18px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fff3cf, var(--gold) 60%, #d69a1f 100%); box-shadow:0 0 8px rgba(255,209,102,0.7); flex:0 0 auto; } .badge .val{ font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums; } .icon-btn{ pointer-events:auto; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg, rgba(255,255,255,0.09), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.1); backdrop-filter:blur(10px); box-shadow:0 8px 18px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08); cursor:pointer; transition:transform .15s ease; } .icon-btn:active{ transform:scale(0.9); } .icon-btn svg{ display:block; } .menu-logo-wrap{ display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:2px; } .menu-logo{ font-family:'Space Grotesk',sans-serif; font-size:clamp(30px, 9vw, 42px); font-weight:700; letter-spacing:2px; color:var(--ink); background:linear-gradient(180deg, #ffffff, #b9c6ff 55%, #7c8fd6); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 22px rgba(126,150,255,0.45)) drop-shadow(0 2px 0 rgba(0,0,0,0.3)); text-align:center; white-space:nowrap; } .special-edition-badge{ display:inline-flex; align-items:center; gap:6px; padding:5px 14px 5px 12px; border-radius:999px; background:linear-gradient(180deg, rgba(255,209,102,0.10), rgba(255,159,90,0.04)); border:1px solid rgba(255,209,102,0.35); box-shadow:0 0 18px rgba(255,180,80,0.22), inset 0 1px 0 rgba(255,255,255,0.12); margin-top:2px; } .se-spark{ font-size:9px; color:#ffd166; animation: se-twinkle 2.2s ease-in-out infinite; } .se-spark:nth-child(3){ animation-delay:1.1s; } @keyframes se-twinkle{ 0%,100%{ opacity:0.35; transform:scale(0.85); } 50%{ opacity:1; transform:scale(1.05); } } .se-text{ font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:700; letter-spacing:2.5px; font-style:italic; background:linear-gradient(100deg, #ff9f5a 0%, #ffd166 22%, #fff3c4 42%, #ffd166 64%, #ff9f5a 100%); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation: se-shimmer 3.2s linear infinite; filter:drop-shadow(0 0 8px rgba(255,180,80,0.5)); } @keyframes se-shimmer{ 0%{ background-position:220% 0; } 100%{ background-position:-220% 0; } } .best-badge{ pointer-events:none; display:flex; align-items:center; gap:7px; margin-top:4px; padding:7px 16px; border-radius:999px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); } .best-badge svg{ flex:0 0 auto; } .best-badge .lbl{ font-family:'Space Grotesk',sans-serif; font-size:10px; font-weight:700; letter-spacing:2px; color:var(--ink-dim);} .best-badge .val{ font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:800; color:var(--gold); font-variant-numeric:tabular-nums;} .tutorial-hint{ display:flex; flex-direction:column; align-items:center; gap:5px; margin-top:8px; padding:10px 18px; border-radius:16px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); opacity:1; max-height:120px; overflow:hidden; transition:opacity .4s ease, max-height .4s ease, margin .4s ease, padding .4s ease; } .tutorial-hint.hide{ opacity:0; max-height:0; margin-top:0; padding-top:0; padding-bottom:0; pointer-events:none; } .tut-balls{ position:relative; width:104px; height:26px; } .tut-ball{ position:absolute; top:2px; width:22px; height:22px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #ffffff, #d3d7e0 55%, #999fae 100%); box-shadow:0 2px 6px rgba(0,0,0,0.35), inset 0 -3px 5px rgba(0,0,0,0.15); animation: tut-pop 3.4s ease-in-out infinite; } .tb1{ left:2px; } .tb2{ left:41px; animation-delay:0.06s; } .tb3{ left:80px; animation-delay:0.12s; } @keyframes tut-pop{ 0%,38%{ transform:scale(1); opacity:1; } 46%{ transform:scale(1.15); opacity:1; } 56%{ transform:scale(1.7); opacity:0; } 84%{ transform:scale(1.7); opacity:0; } 92%{ transform:scale(0.8); opacity:0; } 100%{ transform:scale(1); opacity:1; } } .tut-plus{ position:absolute; left:50%; top:-4px; transform:translateX(-50%); font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:800; color:var(--gold); opacity:0; animation: tut-plus 3.4s ease-in-out infinite; } @keyframes tut-plus{ 0%,54%{ opacity:0; transform:translateX(-50%) translateY(4px) scale(0.8); } 60%{ opacity:1; transform:translateX(-50%) translateY(-2px) scale(1.05); } 78%{ opacity:1; transform:translateX(-50%) translateY(-8px) scale(1); } 88%,100%{ opacity:0; transform:translateX(-50%) translateY(-12px) scale(0.9); } } .tut-label{ font-family:'Manrope',sans-serif; font-size:10.5px; font-weight:700; color:var(--ink-dim); letter-spacing:0.2px; text-align:center; } .menu-row-bottom{ display:flex; align-items:center; justify-content:center; gap:26px; } .play-btn{ pointer-events:auto; position:relative; width:92px; height:92px; border-radius:50%; border:none; cursor:pointer; background:radial-gradient(circle at 35% 28%, #fff2c9, var(--gold) 55%, #d69a1f 100%); box-shadow: 0 0 0 6px rgba(255,209,102,0.10), 0 14px 34px rgba(255,209,102,0.35), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -6px 14px rgba(140,90,10,0.35); display:flex; align-items:center; justify-content:center; animation: breathe 2.6s ease-in-out infinite; } .play-btn:active{ transform:scale(0.95); animation-play-state:paused; } .play-btn svg{ margin-left:5px; filter:drop-shadow(0 2px 3px rgba(0,0,0,0.25)); } @keyframes breathe{ 0%,100%{ transform:scale(1); box-shadow:0 0 0 6px rgba(255,209,102,0.10), 0 14px 34px rgba(255,209,102,0.35), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -6px 14px rgba(140,90,10,0.35); } 50%{ transform:scale(1.045); box-shadow:0 0 0 10px rgba(255,209,102,0.16), 0 18px 44px rgba(255,209,102,0.45), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -6px 14px rgba(140,90,10,0.35); } } .toast{ position:fixed; left:50%; bottom:max(150px, calc(env(safe-area-inset-bottom) + 150px)); transform:translate(-50%,6px); background:rgba(20,26,52,0.92); border:1px solid rgba(255,255,255,0.1); color:var(--ink); font-family:'Manrope',sans-serif; font-size:12.5px; font-weight:700; padding:10px 18px; border-radius:999px; z-index:30; opacity:0; pointer-events:none; transition:opacity .3s ease, transform .3s ease; box-shadow:0 10px 24px rgba(0,0,0,0.4); white-space:nowrap; } .toast.show{ opacity:1; transform:translate(-50%,0); } .flash{ position:fixed; inset:0; z-index:6; pointer-events:none; background:radial-gradient(circle at center, rgba(255,170,90,0.9), rgba(255,90,30,0) 68%); opacity:0; transition:opacity .17s ease; } .flash.show{ opacity:1; } /* ---------- Board Shop ---------- */ .shop-card{ width:min(376px, 92vw); max-height:82vh; display:flex; flex-direction:column; background:linear-gradient(168deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.11); border-radius:30px; padding:22px 18px 18px; box-shadow:0 24px 70px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.1); overflow:hidden; } .shop-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:2px;} .shop-head-text{ text-align:left; } .shop-eyebrow{ font-family:'Manrope',sans-serif; font-size:10px; font-weight:700; letter-spacing:2.5px; color:var(--ink-dim); text-transform:uppercase; margin:0 0 3px;} .shop-head h1{ font-family:'Space Grotesk',sans-serif; font-size:21px; font-weight:700; color:var(--ink); margin:0;} .shop-close{ width:38px; height:38px; border-radius:50%; border:none; cursor:pointer; background:rgba(255,255,255,0.08); color:var(--ink); display:flex; align-items:center; justify-content:center; font-size:15px; flex:0 0 auto; transition:transform .15s ease; } .shop-close:active{ transform:scale(0.9); } .shop-coins{ display:flex; align-items:center; gap:6px; margin:10px 0 14px;} .shop-coins .coin{ width:16px; height:16px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fff3cf, var(--gold) 60%, #d69a1f 100%); box-shadow:0 0 8px rgba(255,209,102,0.7);} .shop-coins .val{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px; color:var(--ink);} .theme-list{ overflow-y:auto; overflow-x:hidden; display:flex; flex-direction:column; gap:10px; padding-right:2px; margin:0 -2px; padding-bottom:2px; } .theme-row{ display:flex; align-items:center; gap:13px; padding:11px 12px; border-radius:19px; background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.06); min-width:0; } .theme-row.selected{ border-color:rgba(255,209,102,0.55); background:rgba(255,209,102,0.08); } .theme-preview{ width:58px; height:58px; border-radius:16px; flex:0 0 auto; box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 4px 12px rgba(0,0,0,0.38); display:block; } .theme-info{ flex:1; min-width:0; } .theme-name{ font-family:'Space Grotesk',sans-serif; font-size:13.5px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .theme-price{ font-family:'Manrope',sans-serif; font-size:11.5px; font-weight:700; color:var(--ink-dim); margin-top:2px;} .theme-action{ flex:0 0 auto; border:none; cursor:pointer; padding:12px 16px; min-height:40px; border-radius:999px; font-family:'Space Grotesk',sans-serif; font-size:12.5px; font-weight:700; transition:transform .15s ease; } .theme-action:not(:disabled):active{ transform:scale(0.93); } .theme-action.buy{ background:linear-gradient(180deg,#ffe6a3,var(--gold)); color:#0a0f1f; } .theme-action.owned{ background:rgba(255,255,255,0.08); color:var(--ink-dim); } .theme-action.selected{ background:linear-gradient(180deg,#3fe6b4,#1f9e78); color:#04231a; } .theme-action.locked{ background:rgba(255,255,255,0.05); color:var(--ink-dim); cursor:default; opacity:0.75; } .theme-row-locked{ opacity:0.9; background:rgba(255,255,255,0.02); border-style:dashed; border-color:rgba(255,255,255,0.1); } .theme-preview-locked{ position:relative; overflow:hidden; } .coming-soon-tag{ display:inline-block; margin-top:3px; font-family:'Space Grotesk',sans-serif; font-size:9px; font-weight:700; letter-spacing:1.6px; color:rgba(255,255,255,0.55); text-transform:uppercase; padding:3px 8px; border-radius:999px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); } /* ---------- World / Map system ---------- */ .world-pill{ position:fixed; top:0; left:0; right:0; z-index:5; display:flex; justify-content:center; padding-top: max(72px, calc(env(safe-area-inset-top) + 72px)); pointer-events:none; opacity:0; transform:translateY(-6px); transition:opacity .5s ease, transform .5s ease; } .world-pill.show-hud{ opacity:1; transform:translateY(0); } .world-dot{ display:inline-block; width:7px; height:7px; border-radius:50%; flex:0 0 auto; transition:background .5s ease, box-shadow .5s ease; } .world-dot.lg{ width:11px; height:11px; margin-right:2px; } .world-pill .inner{ display:flex; align-items:center; gap:7px; background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.12); backdrop-filter:blur(10px); border-radius:999px; padding:6px 16px; font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.5px; color:var(--ink); box-shadow:0 8px 18px rgba(0,0,0,0.3); } .world-announce{ position:fixed; inset:0; z-index:15; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:0; transition:opacity .6s ease; } .world-announce.show{ opacity:1; } .world-announce .txt{ font-family:'Space Grotesk',sans-serif; font-size:clamp(22px, 7vw, 34px); font-weight:700; letter-spacing:2px; color:#fff; text-align:center; text-shadow:0 0 30px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.5); transform:scale(0.85); transition:transform .6s cubic-bezier(.2,.9,.3,1.3); } .world-announce.show .txt{ transform:scale(1); } .world-announce .sub2{ display:block; margin-top:6px; font-family:'Manrope',sans-serif; font-size:12px; font-weight:700; letter-spacing:2px; color:rgba(255,255,255,0.75); }

SCORE

NEXT BALL

6.0s

ICE CITY

ICE CITYSome balls are frozen.

Drag to rotate · Tap to pick up · auto-drops on empty slots

Game paused

Take a breath

Score 0

Coins 0

Game Over

THE RING FILLED UP

SURVIVAL TIME0:00

SCORE0

BEST SCORE0

Customize