@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600&family=Space+Grotesk:wght@500&display=swap');
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#eae7de;color:#344d42;font-family:'DM Sans',sans-serif}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.streaks{position:fixed;top:32px;right:36px;display:flex;gap:30px;pointer-events:none}.streaks div{display:flex;flex-direction:column;align-items:center;gap:7px}.streaks span{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#6d7c71}.streaks b{font:500 29px 'Space Grotesk',sans-serif}.gesture{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);text-align:center;pointer-events:none;transition:opacity .3s;white-space:nowrap}.arrows{font-size:34px;letter-spacing:15px;padding-left:15px;color:#6d8273}.gesture p{font-size:12px;letter-spacing:.5px;margin:12px 0;color:#6d7c71}@media(max-width:700px){.streaks{top:24px;right:24px;gap:24px}.streaks b{font-size:25px}.gesture{bottom:12%}.gesture p{font-size:11px}}

html,body{width:100%;height:100%;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#game{width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}
.streaks{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));gap:26px}
.gesture{bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px));max-width:calc(100vw - 32px)}
@media(max-aspect-ratio: 85/100){.streaks{left:0;right:0;justify-content:center;gap:40px;padding-top:12px}.streaks span{font-size:9px}.streaks b{font-size:30px}.gesture{bottom:max(40px,calc(env(safe-area-inset-bottom) + 28px))}.gesture p{font-size:12px}.arrows{font-size:30px}}
@media(max-height:520px) and (min-aspect-ratio: 85/100){.streaks{top:max(12px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));gap:20px}.streaks div{gap:3px}.streaks b{font-size:22px}.streaks span{font-size:7px}.gesture{bottom:max(12px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));transform:none;text-align:left}.arrows{font-size:22px}.gesture p{font-size:10px;margin:5px 0}}