/* stylelint-disable */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{
display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{
font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;
line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;
height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;
margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{
border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;
white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;
padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;
outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{
display:none}[hidden]{display:none}
/* stylelint-enable */

/* stylelint-disable no-descending-specificity, no-duplicate-selectors, rule-empty-line-before */

/* Normalize | differing default opinions */

button, input, optgroup, select, textarea {
  font-family: inherit;
}

/* Responsive | good defaults for responsive layouts */

img, video {
  width: auto;
  max-width: 100%;
  height: auto;
}

/* Base | theme root elements to project aesthetic */

:root {
  --accent: #ffc400;
  --cursor: url(/gamebino/images/cursor.svg);
  --text: rgba(0, 0, 0, .88);
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: rgba(0, 0, 0, .88);
    --cursor: url(/gamebino/images/cursor--light.svg);
    --text: #ffc400;
  }
}

html {
  cursor: var(--cursor) 0 0, auto;
  font: 500 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

@media (min-width: 736px) {
  html {
    font-size: 24px;
  }
}

body {
  color: var(--text);
  background-color: var(--accent);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p, blockquote, dl, ol, ul, pre {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  text-decoration: none;
}

/* Components | namespaced units of functionality */

.achievement-s7m {
  border: 4px solid var(--text);
  font-size: 2rem;
  text-align: center;
  padding: .33333em;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  opacity: 0;
  transition: .7s .3s;
  transform: translateY(100%);
  max-width: calc(50vw - 1em);
}

@media (min-width: 736px) {
  .achievement-s7m {
    font-size: 1.33333rem;
  }
}
.achievement-s7m::before {
  content: "Achievement Unlocked";
  font-size: .5em;
  display: block;
  margin-bottom: .25em;
}
.achievement-s7m.state--achieved {
  transform: translateY(0);
  opacity: 1;
}
.achievement-s7m > img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  margin-right: .125em;
  vertical-align: bottom;
}

.board-h3y {
  font-size: 8.25vh;
  font-weight: inherit;
  -webkit-tap-highlight-color: transparent;
}
.board-h3y > span {
  display: inline-block;
  transform-origin: top right;
}
.board-h3y > span.state--touched {
  animation: 1s ease-in forwards;
}
.board-h3y > span.var--1 {
  animation-name: boop-1;
}
.board-h3y > span.var--2 {
  animation-name: boop-2;
}

.score-jh7 {
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 2px;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.hi-score-74r {
  display: block;
  transform-origin: bottom left;
  opacity: 0;
  visibility: hidden;
  max-width: calc(50vw - 1em);
}
.hi-score-74r.state--achieved {
  animation: 1s linear 4 backwards dingding;
  opacity: 1;
  visibility: visible;
}

.viewport-p7i {
  box-sizing: border-box;
  padding: 0 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 50vh;
}

@media (min-width: 736px) {
  .viewport-p7i {
    height: 58.5vh;
  }
}

/* Animations | effects */

@keyframes boop-1 {
  20% {
    transform: rotate(8deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  100% {
    transform: translateY(100vh);
  }
}

@keyframes boop-2 {
  20% {
    transform: skewX(-4deg);
  }
  100% {
    transform: translate(-5vh, 100vh);
  }
}

@keyframes dingding {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
}