@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[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{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}*{box-sizing:border-box}body{align-items:center;background-color:#082113;color:#fff;counter-reset:score;display:flex;font-family:Lato,sans-serif;justify-content:center;min-height:100vh}.game{display:grid;grid-gap:20px;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);height:250px;position:relative;width:250px}@media(min-width:768px){.game{grid-gap:25px;height:400px;width:400px}}.ghost-pen{position:relative;transform:translateY(50%)}.ghost,.ghost__image{animation:bob calc(var(--speed) * 1s) infinite ease;animation-delay:calc(var(--delay) * 1s);height:45px;transform:translateY(100%) scale(1);width:30px}@media(min-width:768px){.ghost,.ghost__image{height:75px;width:60px}}.ghost{cursor:pointer;position:absolute;z-index:2;opacity:0}.ghost__path{fill:var(--color)}.ghost__mouth{fill:pink}.ghost__eyes--busted{display:none}.ghost__image-body{animation:none;height:100%;width:100%}.ghost__container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:3}.ghost__container:after{background:#6c7a89;border-radius:50% 50% 0 0;box-shadow:10px 0 #2e3131;color:#2e3131;content:"R.I.P";text-align:center;line-height:60px;inset:0;position:absolute;transform:translateY(50%);z-index:3}@media(min-width:768px){.ghost__container:after{font-size:1.5rem;line-height:80px}}.ghost__container .ghost__container{display:none}.ghost:checked{animation:busted 1.75s .25s both;counter-increment:score var(--score)}.ghost:checked~.ghost__image{animation:busted 1.75s .25s both}.ghost:checked~.ghost__image .ghost__image-body{animation:wiggle 1.75s .25s}.ghost:checked~.ghost__image .ghost__image-body .ghost__eyes{display:none}.ghost:checked~.ghost__image .ghost__image-body .ghost__eyes--busted{display:block}.ghost:checked~.ghost__container{display:flex;animation:fadeIn calc(var(--delay) * 1s) both steps(2)}.menu{opacity:0}.menu:checked,.menu:checked~.title-screen{display:none}.menu:checked~.end{animation:slideUp 15s both}.menu:checked~.end .credit-ghost{animation:float 2s 15s both}.menu:checked~.end .credit-ghost svg{animation:wiggle 2s 15s}.end,.title-screen,.backdrop{position:fixed;inset:0}.title-screen,.end{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;background:linear-gradient(35deg,#333,#000)}.backdrop{animation:flash 10s infinite linear}@keyframes flash{71%,73%,75%,77%,79%{background:#ffffcc80}0%,70%,72%,74%,76%,78%,80%,to{background:transparent}}.menu{height:100vh;width:100vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6}.end{background:linear-gradient(35deg,#333,#000);transform:translateY(100%)}.credit-ghost{position:absolute;left:75%;top:100%;animation:none}.title{letter-spacing:4px;font-size:1.75rem;margin:0;text-transform:uppercase}@media(min-width:768px){.title{font-size:3rem}}.title-screen__content{display:grid;grid-gap:0 1rem;align-content:center;align-items:center;grid-template-columns:auto 1fr;grid-template-rows:repeat(3,auto);max-width:90vw}.description{grid-column:2;text-align:justify;max-width:210px}button{cursor:pointer;grid-column:2;background:#fff;color:#000;text-transform:uppercase;letter-spacing:4px;padding:8px 12px}.credit-ghost,.title-ghost{height:65px;width:50px}.credit-ghost .ghost__path,.title-ghost .ghost__path{fill:#fff}.score{margin-bottom:2rem}.score:after{content:counter(score)}@keyframes bob{50%{transform:translateY(-100%) scale(1.25)}}@keyframes slideUp{95%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes float{to{transform:translateY(-125vh)}}@keyframes busted{0%{transform:translateY(-100%) scale(1.25)}to{opacity:0;transform:translateY(-100vh) scale(0)}}@keyframes wiggle{25%,75%{transform:translate(-50%)}50%{transform:translate(50%)}}@keyframes fadeIn{0%{opacity:0}}