*,:before,:after{box-sizing:border-box}body{margin:0}:root{--white:#fff;--text-color:#000000bf;--text-color--soft:#0006;--game-bg-color:#324336;--game-edge-color:#1d261f;--modal-bg-color:#000000bf;--edge-height:6px;--border-radius:16px;--font-family:"Inter", sans-serif;--font-size:14px;--font-size--h2:24px;--font-weight:500;--font-weight--bold:700;--line-height:1.5}body{font-family:var(--font-family);font-optical-sizing:auto;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color)}a{color:inherit}button{font-family:var(--font-family);font-size:var(--font-size)}.loading{background-color:var(--white);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading__icon{background-image:url(/img/snack.png);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;animation:1.25s linear infinite spin}.loading--completed{transition:all .8s;transform:translateY(-110vh)}.game{background:var(--game-bg-color);place-items:center;display:grid;position:fixed;inset:0}.game__title,.game__score,.game__result{color:var(--text-color);font-weight:var(--font-weight--bold);text-align:center;z-index:1;visibility:hidden;width:100%;margin:0;display:block;position:absolute;top:22%}.game__title{width:82%;max-width:322px;height:auto;left:50%;transform:translate(-50%)translateY(-6px)rotate(-2deg)}.game__score,.game__result-best,.game__result-score{font-size:var(--font-size--h2);color:var(--white);text-shadow:0 2px 0 var(--text-color)}.game__result{text-align:center;justify-content:center;gap:32px;display:flex}.game__result-score-label,.game__result-best-label{color:var(--text-color--soft);padding-bottom:4px}.game__start-hint,.game__reset-hint{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;background-color:var(--white);color:var(--text-color);font-weight:var(--font-weight--bold);text-align:center;z-index:1;visibility:hidden;margin:0;padding:4px 8px;display:block;position:absolute}.game__container{position:relative}.game__canvas{visibility:hidden;background-image:url(/img/background-0.png);background-position:50%;background-repeat:no-repeat;background-size:100%;display:block}.game__canvas-container:after{content:"";z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:100%;position:absolute;inset:0}.game__canvas-container--bg-0:after{opacity:0;z-index:0;background-image:url(/img/background-0.png);animation:1s 1s forwards fade-in}.game__canvas-container--bg-1:after{opacity:0;z-index:0;background-image:url(/img/background-1.png);animation:1s 1s forwards fade-in}.game__canvas-container--bg-2:after{opacity:0;z-index:0;background-image:url(/img/background-2.png);animation:1s 1s forwards fade-in}.info-button{border-radius:0 0 0 var(--border-radius);background-color:var(--white);color:var(--text-color);font-weight:var(--font-weight--bold);cursor:pointer;visibility:hidden;border:none;grid-template-columns:auto auto;gap:4px;padding:8px;display:grid;position:absolute;top:0;right:0}.info-button__icon{background-image:url(/img/snack.png);background-repeat:no-repeat;background-size:contain;padding:9px}.info-button__text{padding:1px 0}.info-modal{z-index:1;background-color:var(--modal-bg-color);cursor:pointer;visibility:hidden;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.info-modal__card{background-color:var(--white);border-radius:var(--border-radius);max-width:320px;line-height:var(--line-height);font-weight:var(--font-weight);color:var(--text-color);cursor:default;padding:32px}.info-modal__footer{color:var(--text-color--soft);text-align:center;margin-top:32px}@media (aspect-ratio>=1) and (width>=900px){.game__canvas-container:after{border-radius:var(--border-radius)}.game__canvas{border-radius:var(--border-radius);box-shadow:0 var(--edge-height) 0 var(--game-edge-color)}.game__title,.game__score,.game__result{top:17%}}@keyframes spin{to{transform:rotate(360deg)}}.spawn-and-shrug-bubble{animation:.35s forwards spawn-bubble,4s .35s infinite shrug-bubble}@keyframes spawn-bubble{0%{opacity:.6;transform:translateY(8px)}60%{opacity:1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shrug-bubble{0%{transform:translateY(0)}80%{transform:translateY(0)}85%{transform:translateY(-8px)}90%{transform:translateY(0)}95%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}