*{margin:0;padding:0}body{background-color:#011f3f;text-align:center}.main{align-items:center;display:grid;grid-template:25% 1fr auto/1fr 1fr;grid-template-areas:"level level" "container container" "mainbutton mainbutton";height:100vh;justify-content:center;overflow:hidden;width:100vw}.ibutton{align-items:end;color:#fff;content:"i";display:flex;flex-direction:column;gap:0;position:fixed;right:3rem;top:3rem}.ibutton .i{background:#0000;border:2px solid #fffc;border-radius:50%;color:#fffc;display:block;height:1.25rem;overflow:hidden;width:1.25rem}.ibutton .i:hover{border-color:#fff;color:#fff;scale:1.2}.ibutton .i .svgicon{height:100%;width:100%}.ibutton .ictnt{align-items:center;animation:scale-up-tr .5s cubic-bezier(.39,.575,.565,1) 0s 1 normal both;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000;background:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;justify-content:center;line-height:1.7;list-style:none;padding:.5rem;position:relative;right:1rem;text-align:left;top:-.5rem;width:min(70vw,400px);z-index:20}@keyframes scale-up-tr{0%{transform:scale(.5);transform-origin:100% 0}to{transform:scale(1);transform-origin:100% 0}}.ibutton .ictnt .close{align-self:start;background:#0000;border:none;color:#fffc;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.3rem;height:30px;justify-self:start;width:30px}.ibutton .ictnt .close:hover{color:#fff;scale:1.2}.ibutton .ictnt ul{padding:0 0 0 2rem}.ibutton .ictnt ul li{font-family:Preahvihear;font-size:min(3vw,.9rem);margin-bottom:.5rem}.ibutton .ictnt ul li .heading{color:#fff;font-weight:600}.ibutton .ictnt ul li .explain{color:#fff;padding:0 0 0 1.5rem}#level-title{align-self:center;color:#fef2bf;font-family:Press Start\ 2P,cursive;font-size:min(5.5vw,2.5rem);grid-area:level;justify-self:center;line-height:1.3;margin:auto;white-space:pre-line;width:90%}.mainbutton{align-items:center;display:flex;flex-direction:row;grid-area:mainbutton;justify-self:center;margin:auto auto 4rem}.mainbutton,.start{justify-content:center}.start{appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff 100%);border:0;border-radius:6px;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #3a416f80;box-sizing:border-box;color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:18px;height:48px;letter-spacing:2px;line-height:1.6;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;white-space:nowrap;width:150px;will-change:box-shadow,transform}.start:focus{box-shadow:inset 0 0 0 1.5px #3c4fe0,0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #3c4fe0}.start:hover{box-shadow:0 4px 8px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #3c4fe0;transform:translateY(-2px)}.start:active{box-shadow:inset 0 3px 7px #3c4fe0;transform:translateY(2px)}.container{grid-gap:2rem;align-self:center;display:grid;gap:2rem;grid-area:container;grid-template:1fr 1fr/1fr 1fr;grid-template-areas:" green red" "yellow blue";height:min(90vw,275px);justify-self:center;margin:2rem auto 1rem;overflow:hidden;width:min(90vw,275px)}.btn{border:6px solid #000;border-radius:20%;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);height:90%;touch-action:manipulation;width:90%}.game-over{background-color:red;opacity:.8}.green{background-color:green;grid-area:green;justify-self:end}.green,.red{align-self:end}.red{background-color:red;grid-area:red;justify-self:start}.yellow{background-color:#ff0;grid-area:#ff0;justify-self:end}.blue,.yellow{align-self:start}.blue{background-color:blue;grid-area:blue;justify-self:start}.pressed{background-color:grey;box-shadow:0 0 20px #fff;scale:.95}@media screen and (max-width:599px){.container{margin:auto;max-width:85%}.ibutton{right:1.5rem;top:1.5rem}#level-title{margin:5rem auto 2rem;width:90%}}@media screen and (min-width:600px) and (max-width:1024){.ibutton{right:1.5rem;top:1.5rem}#level-title{margin:5rem auto 2rem;width:90%}.container{height:20rem;margin:auto;width:20rem}}
/*# sourceMappingURL=main.1f80f9f3.css.map*/