.wrapper__canvas{width:100%;height:100%}.time{color:red;margin:1rem .75rem;top:0;left:0;position:absolute;z-index:9;opacity:1;font-weight:900;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;animation:fade 4s infinite;font-size:.75rem;display:flex;align-items:center;justify-content:center}.time .square{width:.75rem;height:.75rem;background-color:red;margin-right:.5rem}@media(min-width:768px){.time{margin:.75rem;font-size:1rem}}@keyframes fade{0%,40%,60%,to{opacity:1}50%{opacity:0}}.exit-game,.see-instructions,.shutter{background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:#000;outline:none;background-color:#000;padding:.25rem .75rem .15rem;border-radius:1rem;color:red!important;margin:.75rem;top:0;right:0;position:fixed;z-index:9;opacity:1;font-weight:900;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;cursor:pointer;font-size:.75rem;line-height:1rem}@media(min-width:768px){.exit-game,.see-instructions,.shutter{display:none;padding:.05rem .15rem;font-size:1rem}}.see-instructions{top:unset;bottom:0}.exit-game{position:absolute;left:50%;transform:translateX(calc(-50% - .5rem));width:-moz-fit-content;width:fit-content}@media(min-width:768px){.exit-game{display:block;padding:.2rem .6rem;font-size:1rem}}.focus__line{width:6rem;height:6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:6rem;z-index:9;border:1px solid #000;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media(min-width:768px){.focus__line{width:12rem;height:12rem}}.focus__circle{width:5rem;height:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.2);border-radius:5rem;z-index:9;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media(min-width:768px){.focus__circle{width:10rem;height:10rem;border-radius:10rem}}.focus__inner-circle{width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.2);mix-blend-mode:lighten;border-radius:2rem;z-index:9;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media(min-width:768px){.focus__inner-circle{width:4rem;height:4rem;border-radius:4rem}}.flash{position:absolute;z-index:9;opacity:0;transition:opacity .3s ease-in-out}.flash,.viewfinder__clear{background-color:#fff;width:100%;height:100%;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.viewfinder__clear{mix-blend-mode:darken;position:relative;border-radius:1rem}@media(min-width:768px){.viewfinder__clear{width:100%;height:100%;border-radius:4rem}}.viewfinder__dark{background-color:rgba(0,0,0,.3);box-sizing:border-box;mix-blend-mode:darken}.container__viewfinder,.viewfinder__dark{width:100%;height:100%;position:fixed;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;padding:3rem 1.5rem;box-sizing:border-box}@media(min-width:768px){.container__viewfinder,.viewfinder__dark{padding:3rem}}.wrapper__image-capture{margin:.5rem;box-sizing:border-box;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;transition:flex .5s;gap:.5rem;overflow:hidden}.wrapper__image-capture img{width:100px;height:100px;object-fit:cover;border:1px solid #000}@media(min-width:768px){.wrapper__image-capture img{width:200px;height:200px}}.instructions__wrapper{position:absolute;left:0;width:100%;display:none;align-items:center;justify-content:center;z-index:9;font-size:.5rem}@media(min-width:768px){.instructions__wrapper{bottom:0;display:flex;font-size:1rem}}.instructions__wrapper.show{display:flex;flex-direction:column;top:50%;transform:translateY(-50%)}.instructions__container{list-style-type:none;display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:.75rem;font-weight:900;color:red;background-color:rgba(0,0,0,.425);border-radius:.25rem;padding:.1rem;width:-moz-fit-content;width:fit-content;font-size:.75rem}@media(min-width:768px){.instructions__container{flex-direction:row;bottom:0;font-size:1rem}}.instructions__container li{margin:0 .5rem}@media(min-width:768px){.instructions__container li{border-right:1px solid red;padding-right:1rem}}.instructions__container :last-child{border-right:none!important;padding-right:0}@keyframes sm-activated{0%{transform:rotate(0deg) translate(-50%,-50%);top:50%}to{transform:rotate(1turn) translate(-50%,-50%);top:150%}}@keyframes lg-activated{0%{transform:rotate(0deg) translate(-50%,-50%);left:50%}to{transform:rotate(1turn) translate(-50%,-50%);left:150%}}@keyframes window-open-2{0%{transform:translateY(-100%)}to{transform:translate(0)}}.container__videogame-window{position:fixed;box-sizing:border-box;width:calc(100% - 1rem);max-width:65vh;z-index:8;margin-top:.5em;background-color:#000;border-radius:.5rem;transition:background-color .5s;opacity:0;visibility:hidden;transition:visibility .2s,opacity .2s}.container__videogame-window .wrapper__inner{animation:window-open .3s ease-in-out;background-color:#000;border-radius:.5rem;transition:background-color .75s ease-in-out,color .75s ease-in-out,box-shadow .3s ease-in-out;transform-origin:top center}.container__videogame-window.visible{opacity:1;visibility:visible}.container__window-bar{position:relative;box-sizing:border-box;width:100%;display:flex;justify-content:flex-end;z-index:9;padding:.25rem .5rem;cursor:-webkit-grab;cursor:grab;border-radius:.5rem .5rem 0 0;overflow:hidden;background-color:inherit}.container__window-bar:active{cursor:-webkit-grabbing;cursor:grabbing}@keyframes scaleUpDown{0%{transform:scale(100%) translate(-50%,-50%)}50%{transform:scale(103%) translate(-50%,-50%)}to{transform:scale(100%) translate(-50%,-50%)}}.wrapper__videogame-cover{display:block;position:absolute;box-sizing:border-box;width:100%;height:min(40rem,97vw);max-height:65vh;position:relative;z-index:8;box-shadow:.6em .6em .6em 0 rgba(0,0,0,.396)}.wrapper__videogame-cover:hover .perspex,.wrapper__videogame-cover:hover .wrapper__game-title,.wrapper__videogame-cover:hover .wrapper__title-curve{transform:rotateY(110deg) skewY(10deg)}.wrapper__videogame-cover:hover .container__disk{box-shadow:.6em .6em .6em 0 rgba(0,0,0,.396);animation:scaleUpDown .75s ease-in-out infinite}.wrapper__videogame-cover:hover .disk-clasp{outline-offset:-.5rem;box-shadow:0 0 0 0 rgba(0,0,0,.396)}.wrapper__videogame-cover .perspex{position:absolute;top:0;width:100%;height:100%;background:#b0babd;background:linear-gradient(90deg,hsla(194,9%,72%,.3) 8%,hsla(0,0%,100%,.4) 27%,hsla(195,8%,72%,.3) 47%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0babd",endColorstr="#b1babd",GradientType=1);transform-origin:0;transform:rotateY(0deg);transition:transform .3s ease-in-out;border-radius:.15rem;overflow:hidden}.wrapper__videogame-cover .wrapper__title-curve{position:absolute;bottom:0;right:0;height:2rem;width:100%;background-color:#000;mix-blend-mode:darken;transform-origin:0;transform:rotateY(0deg) translateY(-100%);transition:transform .3s ease-in-out;min-height:min(4.5vh,2.75rem)}.wrapper__videogame-cover .wrapper__title-curve .title-curve-corner{position:relative;top:0;background-color:hsla(0,0%,100%,0);height:100%;width:100%}.wrapper__videogame-cover .wrapper__title-curve .title-curve-corner .curve{background-color:#fff;mix-blend-mode:difference;position:absolute;top:0;width:100%;height:100%;border-radius:0 0 18.5rem 0}.wrapper__videogame-cover .wrapper__disk{position:absolute;top:0;height:100%;width:100%;cursor:pointer}.wrapper__videogame-cover .container__disk{position:absolute;top:50%;left:50%;transform-origin:0 0;transform:translate(-50%,-50%);width:95%;height:95%;border-radius:50%;background:#b9b9b9;background:linear-gradient(90deg,#b9b9b9 8%,#fff 24%,#e6fcff 29%,#fff 34%,#b9b9b9 47%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9b9b9",endColorstr="#b9b9b9",GradientType=1);transition:box-shadow .3s ease-in-out;box-shadow:.3em .3em .3em 0 rgba(0,0,0,.396)}.wrapper__videogame-cover .container__disk.activated{animation:sm-activated .5s forwards}@media(min-width:768px){.wrapper__videogame-cover .container__disk.activated{animation:lg-activated .5s forwards}}.wrapper__videogame-cover .container__disk .disk-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/disk.jpg);background-position:50%;width:98%;height:98%;border-radius:50%}.wrapper__videogame-cover .disk-center{width:20%;height:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#b9b9b9;background:linear-gradient(90deg,#b9b9b9 8%,#fff 24%,#e6fcff 29%,#fff 34%,#b9b9b9 47%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9b9b9",endColorstr="#b9b9b9",GradientType=1);border-radius:4rem}.wrapper__videogame-cover .disk-hole{width:75%;height:75%;background-color:#2e2e2e;box-shadow:inset .6em .6em 1em .3em #000}.wrapper__videogame-cover .disk-clasp,.wrapper__videogame-cover .disk-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%}.wrapper__videogame-cover .disk-clasp{width:15%;height:15%;background-color:#404040;outline-color:#404040;outline-style:dashed;outline-width:.5rem;outline-offset:-.4rem;box-shadow:.3em .3em .3em 0 rgba(0,0,0,.396);transition:box-shadow .3s ease-in-out,outline .3s ease-in-out}.wrapper__videogame-cover .wrapper__stripes{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:.15rem;overflow:hidden;white-space:nowrap}.wrapper__videogame-cover .wrapper__stripes :nth-child(2n){background-color:#b9b9b9}.wrapper__videogame-cover .wrapper__stripes :nth-child(odd){background-color:#a0a0a0}.wrapper__videogame-cover .wrapper__stripes .stripes{display:inline-block;width:1rem;height:100%}.wrapper__videogame-cover .wrapper__game-title{position:absolute;width:100%;bottom:0;margin:0 auto;background-color:#000;transform-origin:0;transform:rotateY(0deg);transition:transform .3s ease-in-out;border-radius:0 0 .15rem .15rem;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:2rem}@media(min-width:768px){.wrapper__videogame-cover .wrapper__game-title{min-height:min(4.5vh,6.5vw)}}.wrapper__videogame-cover .wrapper__game-title h1{font-size:min(4.5vh,6.5vw);height:min(4.5vh,6.5vw);text-align:center;font-weight:100;margin:0;text-transform:uppercase;text-wrap:nowrap}@media(min-width:768px){.wrapper__videogame-cover .wrapper__game-title h1{height:auto}}.wrapper__videogame-cover .wrapper__game-title h1 span{color:red}@keyframes window-open{0%{transform:scale(0)}to{transform:scale(100%)}}.wrapper__window{position:fixed;border-radius:.5rem;box-shadow:.2em .2em .2em 0 rgba(0,0,0,.396);top:var(--nav-container-height);box-sizing:border-box;width:calc(100% - 1rem);max-height:calc(var(--real-viewport-height) - var(--nav-container-height));height:-moz-fit-content;height:fit-content;overflow-y:auto;z-index:8;margin-top:.5rem;visibility:hidden;opacity:0;transition:visibility .1s,opacity .1s;border-radius:.5em}@media(min-width:768px){.wrapper__window{box-shadow:.25em .25em .25em 0 rgba(0,0,0,.396)}}@media(min-width:992px){.wrapper__window{box-shadow:.3em .3em .3em 0 rgba(0,0,0,.396)}}.wrapper__window .wrapper__inner{animation:window-open .2s ease-in-out;background-color:#000;transition:background-color .75s ease-in-out,color .75s ease-in-out,box-shadow .3s ease-in-out;transform-origin:top center}.wrapper__window.visible{visibility:visible;opacity:1}@media(min-width:768px){.wrapper__window{top:var(--nav-container-height);width:100%;max-width:500px;max-height:500px;margin-right:0;margin-top:0}}.wrapper__window .container__window-bar{position:-webkit-sticky;position:sticky;top:0;display:flex;width:100%;justify-content:space-between;padding:.25rem .5rem;border-bottom:1px solid red;cursor:-webkit-grab;cursor:grab;box-sizing:border-box;background-color:inherit;color:inherit;align-items:center}.wrapper__window .container__window-bar:active{cursor:-webkit-grabbing;cursor:grabbing}.wrapper__window .container__window-bar h1{position:relative;text-transform:uppercase;line-height:.95em;margin:0;font-weight:600;width:-moz-fit-content;width:fit-content;-webkit-user-drag:none}