@import"https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}svg{width:100%;vertical-align:middle}.balloon{max-width:200px;transition:translate .1s,scale .1s,opacity .1s ease-in-out;margin:auto;translate:0% 100%;transform-origin:center}.balloon--active{translate:0% 0%;transform-origin:50% 300%}.balloon--moving{animation:balloon-moving 5s ease-in-out 1s infinite alternate;transform-origin:50% 300%}@keyframes balloon-moving{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.balloon--popping{animation:balloon-popping .1s ease-in-out alternate;transform-origin:50% 75%;translate:0% 100%}@keyframes balloon-popping{0%{transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(5)}}.balloon-cell{cursor:pointer;padding:3em 2em 0;width:500px;overflow:hidden;background-color:#eee;border-radius:1em;box-shadow:.25em .25em 0 0 var(--pri-color-dark);transition:rotate .25s ease-in-out}.balloon-grid-wrapper{padding:1.5em 1em;margin:auto;max-width:960px}.balloon-grid-caption{text-align:center;color:var(--sec-color-light)}.balloon-grid-caption+.balloon-grid{margin-top:1.5em}.balloon-grid{transition:opacity .25s ease-in-out;gap:2em;display:grid;grid-template-columns:repeat(2,1fr)}@media only screen and (min-width: 800px){.balloon-grid{grid-template-columns:repeat(2,1fr)}}.balloons-screen,.balloons-screen--entered{animation:inAnimation .25s ease-in}.balloons-screen--exiting,.balloons-screen--exit{animation:outAnimation .27s ease-out;animation-fill-mode:forwards}@keyframes inAnimation{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes outAnimation{0%{opacity:1}to{opacity:0;visibility:hidden}}.description+.action{margin-top:1em}.intro{text-align:center;font-size:1.5em;position:absolute;top:50%;left:50%;translate:-50% -50%}.title{font-size:1.65em;margin:0 0 1rem}.description{color:var(--sec-color-light)}:root{--toast-hue: 170;--toast-bg-color: hsl(var(--toast-hue) 90% 35%);--toast-text-color: hsl(var(--toast-hue) 75% 95%);--toast-shadow-color: hsl(var(--toast-hue) 90% 70%)}.toast{z-index:5000;position:absolute;bottom:2em;right:2em;color:#fff;background-color:var(--toast-bg-color);color:var(--toast-text-color);padding:1em 1.5em;border-radius:.5em;line-height:1;box-shadow:0 1em 1em 0 var(--toast-shadow-color)}.toast,.toast--entered{animation:toast-up .1s ease-in}.toast--exiting,.toast--exit{animation:toast-down .1s ease-out;animation-fill-mode:forwards}@keyframes toast-up{0%{opacity:0;visibility:hidden;translate:0% 50%}to{opacity:1;visibility:visible;translate:0% 0%}}@keyframes toast-down{0%{opacity:1;visibility:visible;translate:0% 0%}to{opacity:0;visibility:hidden;translate:0% 50%}}.game-container{min-height:100vh}.game-nav{padding:1.5em 2em;display:flex;justify-content:space-between;align-items:center}.game-settings{display:flex;gap:1em;align-items:center}.game-title{margin:0;font-size:1em}.game-intro-title{margin:0}:root{--hue: 200;--pri-color: hsl(var(--hue) 88% 88%);--pri-color-dark: hsl(var(--hue) 75% 75%);--pri-color-light: hsl(var(--hue) 96% 96%);--sec-color: hsl(var(--hue) 25% 25%);--sec-color-dark: hsl(var(--hue) 15% 15%);--sec-color-light: hsl(var(--hue) 40% 40%);--acc-color: hsl(var(--hue) 90% 45%);--acc-color-dark: hsl(var(--hue) 90% 35%);--acc-color-light: hsl(var(--hue) 90% 60%);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font:1em/1.5 Balsamiq Sans,sans-serif;background-color:var(--pri-color);color:var(--sec-color);margin:0}input,button,select{font:inherit;color:inherit}img,svg{vertical-align:middle}p{margin:0}p+p{margin-top:1.5em}h1,h2,h3{line-height:1.2}