html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{width:100%;height:100%;overflow:hidden;font-weight:400}body{margin:0;background-color:#333;color:#888}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.viewport{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;background-position:center center}.viewport>*{position:relative;flex:1 0 auto;background-repeat:no-repeat;background-position:inherit;background-size:inherit}.viewport>*:first-child{background-color:#444}.viewport,.menu{width:100%;margin-left:0}.loader{position:absolute;left:0;top:0;min-width:2px;height:.25rem;background-color:#fff;transition:.3s opacity linear}.loader.loaded{opacity:0}.context{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;background-color:#fff8;color:#333;-webkit-user-select:none;user-select:none;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.context h3{margin-top:0}.context dl{display:flex;width:100%;flex-wrap:wrap}.context dl,.context dt,.context dd{margin:0}.context dt{width:30%}.context dd{width:70%}.context:empty{padding:0}#context+.viewport .context{max-height:0;padding:0 1rem}#context:checked+.viewport .context{max-height:16rem;padding:1rem}label[for=context]{position:absolute;right:.125rem;bottom:.125rem;z-index:50}.background{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(2rem)}.menu{--fore: rgba(255,255,255,.3);position:relative;top:2.25rem;z-index:20;padding-bottom:2rem}.list{display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;position:absolute;left:2rem;top:5rem;z-index:111;width:calc(100% - 4rem);margin:0;padding:0;list-style:none;text-align:center}.list button{position:relative;display:inline-flex;align-items:flex-start;width:6.25rem;height:6.25rem;margin:0;padding:.5rem;border:0;cursor:pointer;font-family:Oswald,sans-serif;color:#fff;font-size:1.125rem;text-align:left;line-height:1.125rem;text-shadow:0 0 .25rem #000;box-shadow:0 0 .5rem #0008 inset}#showlist+.list{max-height:0;transition:max-height .4s ease,overflow 1ms ease .4s}#showlist:checked+.list{max-height:calc(100vh - 8rem);overflow-y:auto}h1{position:relative;margin:0;padding:0;pointer-events:none;font-size:.01rem;font-weight:400;letter-spacing:.6vw;letter-spacing:.5cqw;text-transform:uppercase;color:#fff;text-align:center;display:flex;width:100%;container-type:inline-size;container-name:heading;cursor:pointer}h1:before,h1:after{content:attr(data-text);font-size:4cqw;flex:1 1 auto;overflow:hidden;cursor:pointer}h1:before{transform:translate(2rem);transform:translate(4cqw);text-shadow:-.1vw .3vw .2vw black,-.1vw .3vw .2vw black,-.1vw .3vw .2vw black,-.1vw .3vw .2vw black}h1:after{transform:translate(-2rem);transform:translate(-4cqw);text-shadow:.1vw .3vw .2vw black,.1vw .3vw .2vw black,.1vw .3vw .2vw black,.1vw .3vw .2vw black}label{cursor:pointer}label[for=explanation]{position:relative;transform:translateY(-3.5cqw);z-index:50;margin:0 auto}.explanation{position:relative;z-index:40}.explanation__content{width:40%;max-width:100%;min-width:23rem;max-height:0;margin:0 auto;padding:0 2rem;overflow:hidden;transition:max-height .3s ease;background-color:#fffa;color:#333;font-size:1.125rem;line-height:160%}.explanation__content svg{display:block;margin:1rem auto;max-width:100%}.explanation input:checked~.explanation__content{max-height:50rem}.circon{display:block;width:2rem;height:2rem;color:#fff;background-color:#000;border-radius:50%;box-shadow:0 0 0 1px #fff;font-size:1.75rem;cursor:pointer;text-align:center;line-height:2rem}.range{position:absolute;left:0;bottom:0;z-index:20;width:calc(50% + 2rem)}input[type=range]{height:0;margin-bottom:1rem}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:2rem;height:2rem;margin:0;border-radius:.25rem .25rem 0 0;cursor:pointer;border:0;background:#FFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M17.961 11.954v-9.954l14.039 14-14.039 14v-10.042c-7.135 0-14.177 1.242-17.961 7.136 0.394-10.741 8.43-13.298 17.961-15.14z'></path></svg>");background-position:.25rem .25rem;background-size:1.5rem;background-repeat:no-repeat;filter:invert(1)}input[type=file]{position:absolute;left:0;top:0;z-index:60;width:0;height:0;opacity:0;background-color:#0f0}