@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Buhid&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}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;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}.candle{align-items:center;display:flex;flex-direction:column;height:101px}.candle .flame{animation:flame-twirl 15s ease infinite,glow 2s ease infinite;background:#ffad00;border-radius:8px 8px 8px 8px/20px 20px 8px 8px;box-shadow:0 0 20px 0 #ffad00;height:30px;opacity:0;transition:.4s ease-in-out;width:15px}.candle .flame.show{opacity:1}.candle .wick{background:#ad87a9;height:10px;width:3px}.candle .wax{background:#fff;border-radius:4px;box-shadow:inset -15px 0 0 -10px #d8deed;height:70px;width:25px}@keyframes flame-twirl{0%,22%,49%,62%,81%,to{border-radius:2px 14px 8px 8px/20px 20px 8px 8px}14%,32%,56%,70%,89%{border-radius:14px 2px 8px 8px/20px 20px 8px 8px}}@keyframes glow{0%,30%,60%,80%,to{box-shadow:0 0 20px 0 #ffad00}20%,50%,70%{box-shadow:0 0 22px 0 #ffad00}}.postit{align-items:center;background:#fefabc linear-gradient(150deg,#efec88,#fefabc);border:1px solid #ccc;border-bottom-right-radius:60px 5px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;font-family:Indie Flower,cursive;height:150px;justify-content:center;padding:25px 15px;pointer-events:all;transform:rotate(-4deg) scale(1.2);width:170px}.postit img{height:100%;pointer-events:none;width:100%}.postit.alt{background:#e8e8e8 linear-gradient(150deg,#dcdcdc,#e8e8e8);height:280px;transform:rotate(3deg) scale(1.2);width:400px}.postit:before{background-color:rgba(0,0,0,.025);height:40px;left:0;top:0}.postit:after,.postit:before{content:"";position:absolute;width:100%;z-index:-1}.postit:after{background-image:linear-gradient(173deg,transparent 92%,rgba(0,0,0,.4));bottom:0;filter:blur(2px);height:140px;right:-4px;transform:rotate(6deg)}.postit p{color:#000;font-size:1.3em;font-weight:700;line-height:1em;line-height:1.5rem;margin:.3em 0;text-align:center}.cake{height:200px;transform:scale(.7);width:250px}.cake>*{position:absolute}.cake .plate{background-color:#ccc;bottom:-10px;box-shadow:0 2px 0 #b3b3b3,0 4px 0 #b3b3b3,0 5px 40px rgba(0,0,0,.5);height:110px;left:-10px;width:270px}.cake .layer,.cake .plate{border-radius:50%;position:absolute}.cake .layer{background-color:#51360b;box-shadow:0 2px 0 #67450e,0 4px 0 #2c1d06,0 6px 0 #2b1d06,0 8px 0 #2a1c06,0 10px 0 #291c06,0 12px 0 #291b06,0 14px 0 #281a05,0 16px 0 #271a05,0 18px 0 #261905,0 20px 0 #251905,0 22px 0 #241805,0 24px 0 #231705,0 26px 0 #221705,0 28px 0 #211605,0 30px 0 #211604;display:block;height:100px;width:250px}.cake .layer-top{top:0}.cake .layer-middle{top:33px}.cake .layer-bottom{top:66px}.cake .icing{background-color:#b85fdb;border-radius:50%;height:90px;left:5px;top:2px;width:240px}.cake .icing:before{background-color:#be6bde;border-radius:50%;bottom:6px;box-shadow:0 0 4px #c174e0,0 0 4px #c174e0,0 0 4px #c174e0;content:"";left:5px;position:absolute;right:5px;top:4px;z-index:1}.cake .drip{background-color:#b85fdb;border-bottom-left-radius:25px;border-bottom-right-radius:25px;display:block;height:60px;width:50px}.cake .drip1{height:48px;left:5px;top:53px;transform:skewY(15deg);width:40px}.cake .drip2{left:181px;top:69px;transform:skewY(-15deg)}.cake .drip3{border-bottom-left-radius:40px;border-bottom-right-radius:40px;left:90px;top:54px;width:80px}.electrical-switch{background-color:#000;border-radius:5px;box-shadow:0 0 10px 2px rgba(0,0,0,.2),0 1px 1px 2px hsla(0,0%,100%,.5),inset 0 2px 2px -2px #fff,inset 0 0 2px 15px #47434c,inset 0 0 2px 22px #000;display:block;height:120px;padding:20px;perspective:700px;transform:scale(.6)!important;width:90px}.electrical-switch input{display:none}.electrical-switch input:checked+.button{box-shadow:0 -10px 20px #ff1818,0 0 600px 3px #ff2b2b,0 0 1000px 3px #ff2b2b;transform:translateZ(20px) rotateX(25deg)}.electrical-switch input:checked+.button .light{animation:flicker .2s .3s infinite}.electrical-switch input:checked+.button .shine{opacity:1}.electrical-switch input:checked+.button .shadow{opacity:0}.electrical-switch .button{background-color:#9b0621;background:linear-gradient(#980000,#6f0000 30%,#6f0000 70%,#980000);background-repeat:no-repeat;cursor:pointer;display:block;height:100%;margin:0;padding:0;position:relative;transform:translateZ(20px) rotateX(-25deg);transform-origin:center center -20px;transform-style:preserve-3d;transition:all .3s cubic-bezier(1,0,1,1)}.electrical-switch .button:before{background:linear-gradient(hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.3) 30%,#650000 75%,#320000) 50% 50%/97% 97%,#b10000;background-repeat:no-repeat;content:"";height:50px;left:0;position:absolute;top:0;transform:rotateX(-90deg);transform-origin:top;width:100%}.electrical-switch .button:after{background-image:linear-gradient(#650000,#320000);bottom:0;box-shadow:0 50px 8px 0 #000,0 80px 20px 0 rgba(0,0,0,.5);content:"";height:50px;position:absolute;transform:translateY(50px) rotateX(-90deg);transform-origin:top;width:100%}.electrical-switch .light{animation:light-off 1s;background-image:radial-gradient(#ffc97e,#ff1818 40%,transparent 70%);height:100%;opacity:0;position:absolute;width:100%}.electrical-switch .dots{background-image:radial-gradient(transparent 30%,rgba(101,0,0,.7) 70%);background-size:10px 10px;height:100%;position:absolute;width:100%}.electrical-switch .characters{background-repeat:no-repeat;height:100%;position:absolute;width:100%}.electrical-switch .shine{background:linear-gradient(#fff,transparent 3%) 50% 50%/97% 97%,linear-gradient(hsla(0,0%,100%,.5),transparent 50%,transparent 80%,hsla(0,0%,100%,.5)) 50% 50%/97% 97%;background-repeat:no-repeat;opacity:.3}.electrical-switch .shadow,.electrical-switch .shine{height:100%;position:absolute;transition:all .3s cubic-bezier(1,0,1,1);width:100%}.electrical-switch .shadow{background:linear-gradient(transparent 70%,rgba(0,0,0,.8));background-repeat:no-repeat;opacity:1}@keyframes flicker{0%{opacity:1}80%{opacity:.8}to{opacity:1}}@keyframes light-off{0%{opacity:1}80%{opacity:0}}.cartoon-switch{--switch_width:2em;--switch_height:1em;--thumb_color:#e8e8e8;--track_color:#e8e8e8;--track_active_color:#888;--outline_color:#000;display:inline-block;font-size:17px;height:var(--switch_height);position:relative;width:var(--switch_width)}.cartoon-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--track_color);border:2px solid var(--outline_color);border-radius:var(--switch_height);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{box-sizing:border-box;position:absolute;transition:.15s}.slider:before{background-color:var(--thumb_color);border:2px solid var(--outline_color);border-radius:100%;bottom:-2px;box-shadow:0 .2em 0 var(--outline_color);content:"";height:var(--switch_height);left:-2px;transform:translateY(-.2em);width:var(--switch_height)}input:checked+.slider{background-color:var(--track_active_color)}input:checked+.slider:before{transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.2em)}input:focus-visible+.slider{box-shadow:0 0 0 2px var(--track_active_color)}input:hover:not(:disabled)+.slider:before{box-shadow:0 .3em 0 var(--outline_color);transform:translateY(-.3em)}input:hover:not(:disabled):checked+.slider:before{box-shadow:0 .3em 0 var(--outline_color);transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.3em)}.switch{display:inline-block;font-size:17px;height:2.5em;position:relative;user-select:none;width:5em}.switch .cb{height:0;opacity:0;width:0}.switch input:checked+.toggle>.left{color:#070707;transform:rotateX(10deg) rotateY(45deg)}.switch input:checked+.toggle>.right{color:#a3f5d3;transform:rotateX(10deg) rotateY(0deg)}.toggle{background-color:#a3f5d3;border-radius:.1em;box-shadow:-.3em 0 0 0 #a3f5d3,-.3em .3em 0 0 #a3f5d3,.3em 0 0 0 #a3f5d3,.3em .3em 0 0 #a3f5d3,0 .3em 0 0 #a3f5d3;cursor:pointer;font-weight:700;height:100%;overflow:hidden;position:absolute;text-transform:uppercase;transition:.4s;width:100%}.toggle>.left{color:#a3f5d3;left:0;transform:rotateX(10deg);transform-origin:right;transform-style:preserve-3d}.toggle>.left,.toggle>.right{align-items:center;background-color:#2a3546;bottom:0;display:flex;height:88%;justify-content:center;position:absolute;transition:all .15s;width:50%}.toggle>.right{color:#070707;right:1px;transform:rotateX(10deg) rotateY(-45deg);transform-origin:left;transform-style:preserve-3d}.left:before{background-color:#1d242f;transform:rotateY(90deg);transform-origin:center left}.left:after,.left:before{content:"";height:100%;position:absolute;width:100%}.left:after{background-color:#161a20;transform:rotateX(90deg);transform-origin:center bottom}.right:before{background-color:#1d242f;transform:rotateY(-90deg);transform-origin:center right}.right:after,.right:before{content:"";height:100%;position:absolute;width:100%}.right:after{background-color:#161a20;transform:rotateX(90deg);transform-origin:center bottom}.square-button{-webkit-appearance:none;appearance:none;background:transparent;border-width:0;box-sizing:border-box;cursor:pointer;font:inherit;min-width:1em;padding:0 8px 12px;position:relative}.square-button:active .top{transform:translateY(6px)}.square-button:active .top:after{border-radius:6px;padding:0 2px}.square-button:active .bottom{border-radius:10px 10px 8px 8px/8px;padding-top:0}.square-button .top{align-items:center;color:#fff;display:flex;justify-content:center;padding:14px;position:relative;text-align:center;text-shadow:0 -1px rgba(0,0,0,.25);transform:translateY(0);transition-duration:.2s;transition-property:transform;-webkit-user-select:none;user-select:none;z-index:0}.square-button .top:after{background-image:radial-gradient(#cd3f64,#9d3656);border-radius:4px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 1px 2px 1px hsla(0,0%,100%,.2);color:#fff;content:"";height:100%;text-align:center;transition-property:border-radius,padding,width,transform;width:100%}.square-button .bottom,.square-button .top:after{box-sizing:content-box;position:absolute;transition-duration:.2s;z-index:-1}.square-button .bottom{background-color:#803;background-image:radial-gradient(4px 8px at 4px calc(100% - 8px),hsla(0,0%,100%,.25),transparent),radial-gradient(4px 8px at calc(100% - 4px) calc(100% - 8px),hsla(0,0%,100%,.25),transparent),radial-gradient(16px at -4px 0,#fff,transparent),radial-gradient(16px at calc(100% + 4px) 0,#fff,transparent);border-radius:8px/16px 16px 8px 8px;bottom:4px;box-shadow:0 2px 3px 0 rgba(0,0,0,.5),inset 0 -1px 3px 3px rgba(0,0,0,.4);height:calc(100% - 10px);left:4px;padding-top:6px;transition-property:border-radius,padding-top;width:calc(100% - 8px)}.square-button .base{background-color:rgba(0,0,0,.15);border-radius:12px;box-shadow:0 1px 1px 0 hsla(0,0%,100%,.25),inset 0 2px 2px rgba(0,0,0,.25);height:calc(100% - 4px);left:0;position:absolute;top:4px;width:100%;z-index:-2}.key-button{border:1px solid #3f3f3f;border-radius:.2em;box-shadow:0 .3em 0 .1em #3f3f3f;cursor:pointer;height:3em;position:relative;transform:rotateX(30deg);transition:all .15s;width:3em}.key-button:after{bottom:0;color:#3f3f3f;left:0;padding:.2em;position:absolute;right:0;text-align:end;top:0}#button-2:after{content:"f4"}#button-4:after{content:"f2"}.key-button:active{box-shadow:0 0 0 0 #3f3f3f;transform:rotateX(30deg) translateY(.3em)}.windows-button{background:#bfbfbf;border:none;box-shadow:inset -1px -1px #292929,inset 1px 1px #fff,inset -2px -2px #9e9e9e,inset 2px 2px #fff;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:2px;outline:1px dotted #252525;outline-offset:-4px;padding:5px 30px;text-transform:uppercase;user-select:none}.windows-button:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #292929,inset -2px -2px #fff,inset 2px 2px #9e9e9e}.combo-lock-container{align-items:center;background:#2a3546;border-radius:1rem 0 0 1rem;display:flex;font-size:17px;gap:3rem;justify-content:center;outline:.3em solid #a3f5d3;padding:2rem 1.5rem}.combo-lock-container .locked-button{align-items:center;display:flex;justify-content:center;width:90px}#combo-lock #indicator{border:2px solid #070707;border-radius:50%;height:32px;margin:0 auto 24px;overflow:hidden;position:relative;width:32px}#combo-lock #indicator.locked{transform:translate(-50%,50%)}#combo-lock #indicator.unlocked svg.locked{transform:translate(-50%,-100%)}#combo-lock #indicator svg,#combo-lock #indicator.unlocked svg.unlocked{transform:translate(-50%,-50%)}#combo-lock #indicator svg{fill:red;color:#000;left:50%;padding:16px;position:absolute;top:50%;transition:transform .25s ease;width:16px;z-index:100000}#combo-lock #indicator svg.locked{background:#f56666}#combo-lock #indicator svg.unlocked{background:#50ef87}#combo-lock #combination{border:2px solid #070707;border-radius:4px;display:flex;padding:0 4px}#combo-lock #combination .wheel{font-size:24px;padding:0 4px;text-align:center}#combo-lock #combination .wheel .decrement,#combo-lock #combination .wheel .increment{align-items:center;background:#1d242f;border:2px solid #070707;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:border-color .1s ease;width:24px}#combo-lock #combination .wheel .decrement:active,#combo-lock #combination .wheel .increment:active{border-color:#a3f5d3}#combo-lock #combination .wheel .decrement.click,#combo-lock #combination .wheel .increment.click{border-color:#a3f5d3;transition:border-color 0s ease}#combo-lock #combination .wheel .decrement img,#combo-lock #combination .wheel .increment img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}#combo-lock #combination .wheel .increment{margin-top:-14px}#combo-lock #combination .wheel .decrement{margin-bottom:-14px}#combo-lock #combination .wheel .digit{background:#1d242f;border:2px solid #070707;border-radius:24px;caret-color:#1d242f;color:#a3f5d3;cursor:pointer;margin:8px 0;outline:none;padding:8px 0;text-align:center;transition:border-color .1s ease;user-select:none;width:24px}#combo-lock #combination .wheel .digit:focus{border-color:#a3f5d3}#combo-lock #combination .wheel .digit::-webkit-inner-spin-button,#combo-lock #combination .wheel .digit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#combo-lock #combination .wheel .digit::selection{background:transparent}.hanging-light{align-items:center;display:flex;flex:1;justify-content:center}.hanging-light.on .light-glass{background-color:#6d21d7;-webkit-box-shadow:0 0 105px 41px rgba(109,33,215,.5);-moz-box-shadow:0 0 105px 41px rgba(109,33,215,.5);box-shadow:0 0 105px 41px rgba(109,33,215,.5)}.light-glass{background-color:#444;border-radius:50%;height:80px;position:relative;width:80px;z-index:2}.light-glass:before{align-items:center;border-radius:2px 2px 0 0;content:"";height:10px;justify-content:center;left:22.5px;top:-6px;width:35px}.light-glass:before,.light-wire{background-color:#855e42;position:absolute}.light-wire{bottom:52%;height:50vh;left:calc(50% - 2px);width:4px}.drawed-button{align-self:center;background:transparent;border:4px solid #76f2be;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;color:#76f2be;display:none;font-family:Indie Flower,cursive;font-size:2rem;font-weight:600;left:50%;letter-spacing:1px;outline:none;padding:1.2rem 1rem .8rem;pointer-events:none;position:fixed;top:40%;transform:translate(-50%,-50%);transition:all .5s ease;user-select:none}.drawed-button.show{cursor:pointer;display:block;pointer-events:all}@keyframes unlockA{0%{animation-timing-function:ease-in-out;transform:translateY(0);width:11.25em}50%{animation-timing-function:ease-in;transform:translateY(-5em);width:11.25em}to{transform:translateY(-5em);width:2em}}@keyframes unlockB{0%{left:11.625em;right:auto;transform:translateY(-5em);width:2em}to{left:11.625em;right:auto;transform:translateY(-5em);width:11.25em}}@keyframes hookA{0%,50%{clip-path:polygon(0 0,100% 0,100% 12.25em,2em 12.25em,2em 10.25em,1.25em 10.75em,1.25em 11.5em,2em 11.5em,2em 12.25em,0 12.25em)}to{clip-path:polygon(0 0,100% 0,100% 12.25em,2em 12.25em,2em 10.25em,2em 10.75em,2em 11.5em,2em 11.5em,2em 12.25em,0 12.25em)}}@keyframes hookB{0%{clip-path:polygon(0 0,2em 0,2em 12.25em,0 12.25em,0 11.5em,0 11.5em,0 10.75em,0 10.25em,0 12.25em,0 12.25em)}to{clip-path:polygon(0 0,11.25em 0,11.25em 12.25em,9.2em 12.25em,9.2em 11.5em,10em 11.5em,10em 10.75em,9.2em 10.25em,9.2em 12.25em,0 12.25em)}}@keyframes boxShadowSwap{0%,67%{box-shadow:inset -2em 0 0 #fff}to{box-shadow:inset 2em 0 0 #fff}}@keyframes slide{0%,30%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes move-padlock{0%{transform:translateY(px)}to{transform:translateY(-65px)}}#lock{left:-1.5em;position:fixed;top:-1.5em}#lock:checked+.padlock{transform-origin:17.5em -3em}#lock:checked+.padlock .top{animation:unlockA .5s ease-in,unlockB .25s ease-out .5s forwards}#lock:checked+.padlock .top-a{animation:hookA .5s ease-in,hookB .25s ease-out .5s forwards}#lock:checked+.padlock .top-b{animation:boxShadowSwap .75s step-start forwards}#lock.move+.padlock{animation:move-padlock 1s ease-in-out forwards}.padlock{-webkit-tap-highlight-color:rgba(0,0,0,0);animation:slide 1.6s ease forwards;font-size:6px;height:20em;position:relative;transform-origin:50% 2em;width:16em}.padlock:before{background:#fff;content:"";display:block;height:1.5em;position:absolute;right:2.375em;top:5.25em;width:2em;z-index:1}.padlock .top{right:2.375em;width:11.25em}.padlock .top,.padlock .top-a{height:14.5em;position:absolute;top:0}.padlock .top-a{border-radius:50% 50% 0 0/5em 5em 0 0;box-shadow:inset 0 0 0 2em #fff;clip-path:polygon(0 0,100% 0,100% 12.25em,2em 12.25em,2em 10.25em,1.25em 10.75em,1.25em 11.5em,2em 11.5em,2em 12.25em,0 12.25em);left:0;width:100%}.padlock .top-b{box-shadow:inset -2em 0 0 #fff;height:3em;left:0;position:absolute;top:12em;width:100%}.padlock .bottom{background:#f4d125;background:#fff;border-radius:.9em;height:12.75em;position:absolute;top:9.25em;width:100%}.padlock .sr{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.balloon{animation-timing-function:ease-out;border-radius:80%;box-shadow:inset -10px -10px 0 rgba(0,0,0,.07);display:inline-block;height:145px;margin:20px 30px;width:120px;will-change:transform,opacity;z-index:10000}.balloon.red{background:#c32870}.balloon.red:before{color:#c32870}.balloon.red span{color:#a5225f}.balloon.yellow{background:#e2ba08}.balloon.yellow:before{color:#e2ba08}.balloon.yellow span{color:#c09e07}.balloon.blue{background:#4425d0}.balloon.blue:before{color:#4425d0}.balloon.blue span{color:#3a1fb2}.balloon span{align-items:center;color:rgba(0,0,0,.2);display:flex;font-size:3.4rem;font-weight:600;height:100%;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.balloon:before{bottom:-12px;content:"▲";display:block;font-size:20px;position:absolute;text-align:center;transition:opacity 1s ease-in-out;width:100%;z-index:-100}.balloon:after{background:hsla(0,0%,78%,.4);content:"";display:inline-block;height:120px;left:0;margin:0 auto;position:absolute;right:0;top:153px;width:1px}@keyframes rise{0%{transform:translateY(-30px)}to{transform:translateY(calc(-100vh - 400px))}}.codes .secret-code{font-size:4rem;font-weight:500;letter-spacing:2px;line-height:1;transition:text-shadow 1s cubic-bezier(.52,.15,.34,.93);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.codes .secret-code:before{content:attr(data-before);opacity:.5;word-break:break-all}.codes .secret-code:after{content:attr(data-after);opacity:.5;word-break:break-all}.codes .secret-code.glow-cyan{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(30,196,242,.52),0 0 21px rgba(30,196,242,.92),0 0 34px rgba(30,196,242,.78),0 0 54px rgba(30,196,242,.92),0 0 84px rgba(30,196,242,.92)}.codes .secret-code.animate-glow-cyan{animation:glow-cyan .9s ease-in-out infinite alternate}.codes .secret-code.glow-magenta{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(242,30,125,.52),0 0 21px rgba(242,30,125,.92),0 0 34px rgba(242,30,125,.78),0 0 54px rgba(242,30,125,.92),0 0 84px rgba(242,30,125,.92)}.codes .secret-code.animate-glow-magenta{animation:glow-magenta .9s ease-in-out infinite alternate}.codes .secret-code.glow-orange{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(242,150,30,.52),0 0 21px rgba(242,150,30,.92),0 0 34px rgba(242,150,30,.78),0 0 54px rgba(242,150,30,.92),0 0 84px rgba(242,150,30,.92)}.codes .secret-code.animate-glow-orange{animation:glow-orange .9s ease-in-out infinite alternate}.codes .secret-code.glow-green{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(122,242,30,.52),0 0 21px rgba(122,242,30,.92),0 0 34px rgba(122,242,30,.78),0 0 54px rgba(122,242,30,.92),0 0 84px rgba(122,242,30,.92)}.codes .secret-code.animate-glow-green{animation:glow-green .9s ease-in-out infinite alternate}.qr .padlock-container{align-items:center;display:flex;height:14rem;justify-content:center;position:relative;width:100%}.qr .secret-code{display:flex;font-size:3.5rem;font-weight:700;gap:1rem;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.qr .secret-code span{background-color:#111;border:2px solid #181818;line-height:100%;opacity:0;padding:1rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qr .secret-code span.show{animation:slide-digit .7s ease-in-out forwards}@keyframes slide-digit{0%{opacity:0;transform:translateY(50px)}70%{opacity:1;transform:translateY(95px)}to{opacity:1;text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px hsla(0,0%,67%,.52),0 0 21px hsla(0,0%,67%,.92),0 0 34px hsla(0,0%,67%,.78),0 0 54px hsla(0,0%,67%,.92),0 0 84px hsla(0,0%,67%,.92);transform:translateY(95px)}}@keyframes glow-cyan{0%{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(30,196,242,.52),0 0 21px rgba(30,196,242,.92),0 0 34px rgba(30,196,242,.78),0 0 54px rgba(30,196,242,.92),0 0 84px rgba(30,196,242,.92)}to{text-shadow:0 0 6px hsla(0,0%,100%,.98),0 0 12px rgba(30,196,242,.58),0 0 22px rgba(30,196,242,.84),0 0 38px rgba(30,196,242,.88),0 0 60px #1ec4f2}}@keyframes glow-magenta{0%{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(242,30,125,.52),0 0 21px rgba(242,30,125,.92),0 0 34px rgba(242,30,125,.78),0 0 54px rgba(242,30,125,.92),0 0 84px rgba(242,30,125,.92)}to{text-shadow:0 0 6px hsla(0,0%,100%,.98),0 0 12px rgba(242,30,125,.58),0 0 22px rgba(242,30,125,.84),0 0 38px rgba(242,30,125,.88),0 0 60px #f21e7d}}@keyframes glow-orange{0%{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(242,150,30,.52),0 0 21px rgba(242,150,30,.92),0 0 34px rgba(242,150,30,.78),0 0 54px rgba(242,150,30,.92),0 0 84px rgba(242,150,30,.92)}to{text-shadow:0 0 6px hsla(0,0%,100%,.98),0 0 12px rgba(242,150,30,.58),0 0 22px rgba(242,150,30,.84),0 0 38px rgba(242,150,30,.88),0 0 60px #f2961e}}@keyframes glow-green{0%{text-shadow:0 0 6px hsla(0,0%,100%,.92),0 0 12px rgba(122,242,30,.52),0 0 21px rgba(122,242,30,.92),0 0 34px rgba(122,242,30,.78),0 0 54px rgba(122,242,30,.92),0 0 84px rgba(122,242,30,.92)}to{text-shadow:0 0 6px hsla(0,0%,100%,.98),0 0 12px rgba(122,242,30,.58),0 0 22px rgba(122,242,30,.84),0 0 38px rgba(122,242,30,.88),0 0 60px #7af21e}}.login-form{background-color:#191919;border:2px solid #1f1f1f;border-radius:1rem;box-shadow:0 0 20px hsla(0,0%,80%,.06);display:flex;flex-direction:column;gap:1.4rem;left:50%;padding:2.2rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-form.error input{background-color:#2c1717}.login-form p{display:flex;font-size:1.3rem}.login-form label{align-items:center;color:#ddd;display:flex;font-size:1.1rem;font-weight:500;width:110px}.login-form input{box-shadow:inset 0 1px 4px rgba(0,0,0,.3),0 1px hsla(0,0%,100%,.06);font-size:1.1rem;padding:0 1rem;width:180px}.login-form button,.login-form input{background-color:#2a2a2a;border:none;border-radius:.5rem;color:#ddd;height:2.5rem;outline:none;transition:all .15s ease-in-out}.login-form button{background-color:#00a2d3;cursor:pointer;font-size:1.2rem;font-weight:700;padding:.5rem 1.5rem}.login-form button:hover{background-color:#007ea5}.login-form button:active{background-color:#00afe4}.led-indicator{background-color:#161616;border:3px solid #222;border-radius:50%;cursor:pointer;height:30px;margin:0 auto;position:relative;width:30px}.led-indicator.on{background-color:#646464;border:3px solid #787878;box-shadow:0 0 10px 5px hsla(0,0%,100%,.25)}.led-indicator .hilight{background-color:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:3px 4px 7px 9px rgba(77,77,77,.6);height:4px;left:7px;position:absolute;top:7px;width:4px}.hilight,.led-indicator.on .hilight{background-color:#fff;box-shadow:4px 4px 6px 7px #fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:Roboto,sans-serif}.page,body{align-items:center;display:flex;height:100dvh;justify-content:center}.page{flex-direction:column;position:fixed;width:100vw;z-index:1000}.page.hidden{display:none}.game-area{display:flex;flex-direction:column;height:100dvh;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease-in-out;width:100vw}.game-area.active{opacity:1;pointer-events:all}.game-area .blackout{height:100%;pointer-events:none;position:absolute;transition:.4s ease-in-out;width:100%;z-index:-1}.game-area .blackout:not(.full-lights){background-image:linear-gradient(-90deg,transparent calc(5em - 2px),hsla(0,0%,100%,.15) calc(5em - 1px),hsla(0,0%,100%,.15) 5em),linear-gradient(0deg,transparent calc(5em - 2px),hsla(0,0%,100%,.15) calc(5em - 1px),hsla(0,0%,100%,.15) 5em);background-size:5em 5em;mask-image:radial-gradient(circle,#fff 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#fff 30%,transparent 70%);mask-position:center;-webkit-mask-position:center;mask-position:50% calc(100% - 180px);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:0 0;-webkit-mask-size:0 0}.game-area .blackout.illuminate{mask-position:50% calc(100% - 180px);mask-size:150px 150px;-webkit-mask-size:150px 150px}.game-area .blackout.disable-transition{transition:0s}.draggable{cursor:pointer!important;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.draggable:active{cursor:grabbing!important}.draggable.last-dragged{z-index:500}.qr-piece{height:100px;left:-200px;top:50%;transition:1.2s;width:100px}.qr-piece img{height:100%;pointer-events:none;width:100%}.qr-piece.disable-transition{transition:0s}.fixed{position:fixed;z-index:300}#postit-1{left:10%;top:-150px}#postit-2{left:70%;top:105%;transition:1s ease-in-out}#postit-2.show{top:calc(100% - 12px)}#postit-2.disable-transition{transition:0s}#postit-3{left:101.5%;top:65%;z-index:600!important}#light-1{left:50%;top:12%;transform:translateX(-50%)}#switch-1{left:93%;top:32%}#button-1{left:18%;top:30%}#button-2{left:2%;top:3%}#button-4{left:82%;top:80%}#button-3{left:27%;top:70%}#cake-1{bottom:1%;bottom:-200px;left:50%;opacity:0;transition:2s ease-in-out}#cake-1,#cake-1.show{transform:scale(.7) translateX(-70%)}#cake-1.show{bottom:20px;opacity:1}#cake-1.disable-transition{transition:0s}#candle-1{bottom:calc(100% + 160px);left:50%;transform:translateX(-33%);transition:5s ease-in-out}#candle-1.show{bottom:160px}#candle-1.disable-transition{transition:0s}.combo-lock-container{right:-400px;top:15%;transition:1s ease-in-out}.combo-lock-container.show{right:calc(-90px - 3rem)}.combo-lock-container.show.unlock{right:0}.combo-lock-container.disable-transition{transition:0s}#game-area-1{background-color:#0c0c0c;overflow:hidden}#game-area-1.success{animation:successfulLogin 2s ease-in-out forwards}@keyframes successfulLogin{0%{transform:scale(1)}60%{transform:scale(.9)}70%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(.9) translateY(-150%)}}.open-on-desktop{background:repeating-linear-gradient(45deg,teal,teal 100px,#20b2aa 0,#20b2aa 200px)}.open-on-desktop .wrapper{align-items:center;backdrop-filter:contrast(.85) saturate(2) brightness(.35) blur(15px);border-radius:.6rem;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05),0 0 8px 2px rgba(0,0,30,.05),0 0 1px 1px rgba(0,0,20,.025),0 10px 20px rgba(0,0,20,.3);display:flex;flex-direction:column;font-size:1.2rem;font-weight:900;gap:.5rem;justify-content:center;padding:2.5rem}.open-on-desktop .wrapper span{font-size:2.5rem}.enable-fullscreen{background:repeating-linear-gradient(45deg,#212121,#212121 100px,#191919 0,#191919 200px)}.enable-fullscreen button{align-items:center;backdrop-filter:contrast(.85) saturate(2) brightness(.65) blur(15px);background-color:transparent;border:none;border-radius:.8rem;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05),0 0 8px 2px rgba(0,0,30,.05),0 0 1px 1px rgba(0,0,20,.025),0 10px 20px rgba(0,0,20,.3);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:900;gap:.5rem;gap:1rem;justify-content:center;outline:none;padding:2.5rem}.enable-fullscreen .material-symbols-outlined{font-size:2.5rem}#hiddenButton{left:50%;position:absolute;top:50%}button,label{opacity:1;pointer-events:all}button.visible{cursor:pointer}button.hidden{pointer-events:none}.cake-glow{bottom:130%;box-shadow:0 0 250px 95px rgba(224,126,200,.8);left:calc(50% - 100px);opacity:0;position:absolute;transition:2s ease-in-out;width:200px}.cake-glow.show{opacity:.7;top:103%}.cake-glow.disable-transition{transition:0s}#word-1{border:3px solid #1ec4f2}#word-2{border:3px solid #f21e7d}#word-3{border:3px solid #f2961e}#word-4{border:3px solid #7af21e}#morse-1{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23d3d3d3' stroke-width='7' stroke-dasharray='20, 20, 3, 20' stroke-linecap='square'/%3E%3C/svg%3E")}.uv-overlay{background-color:rgba(109,33,215,.12);height:100%;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:3800}.uv-overlay.show{opacity:1}.final-stage-overlay{backdrop-filter:contrast(.85) saturate(2) brightness(.35) blur(20px);height:100%;opacity:0;pointer-events:none;position:absolute;transition:.7s ease-in-out;width:100%;z-index:4000}.final-stage-overlay.show{opacity:1;pointer-events:all}.final-stage{background-color:#222;border-radius:32px 32px 0 0;bottom:-800px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05),0 0 8px 2px rgba(0,0,30,.05),0 0 1px 1px rgba(0,0,20,.025),0 10px 20px rgba(0,0,20,.3);display:flex;gap:32px;height:750px;left:50%;padding:40px;transform:translateX(-50%);transition:1.2s ease-in-out;width:1090px;z-index:5000}.final-stage.show{bottom:-250px}.final-stage.show.unlock{bottom:0}.final-stage.disable-transition{transition:0s}.final-stage .hide-final-stage{align-items:center;background-color:#222;border:none;border-radius:16px 16px 0 0;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:65px}.final-stage #final-code{background-color:#000;border-radius:6px;color:#fff;left:50%;letter-spacing:7px;overflow:hidden;padding:7px;position:absolute;text-align:center;top:530px;transform:translate(-50%)}.final-stage #final-code:before{animation:rotateEnd 2s linear infinite;background:linear-gradient(115deg,#1ec4f2,#f21e7d,#f2961e,#7af21e);content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.final-stage #final-code span{background:#000;border-radius:3px;display:block;font-size:4.2rem;height:100%;padding:1.6rem 3.5rem;position:relative}.final-stage .code{display:flex;flex-direction:column;flex-grow:1;gap:1rem;margin-bottom:300px;width:310px}.final-stage .code.shake .content{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both}.final-stage .row{display:flex;font-size:1.2rem;gap:2.8rem}.final-stage .row .cartoon-switch{transform:scale(1.5) translateY(25%)}.final-stage .row>span{font-family:Noto Sans Buhid,sans-serif;font-style:normal;font-weight:400;transform:scale(1.8)}.final-stage .content{background-color:#303030;border-radius:1rem;box-shadow:0 0 20px hsla(0,0%,7%,.188),inset 0 0 0 2px hsla(0,0%,100%,.05),0 0 8px 2px rgba(0,0,30,.05),0 0 1px 1px rgba(0,0,20,.025),0 10px 20px rgba(0,0,20,.3);display:flex;flex-direction:column;gap:1rem;height:calc(100% - 30px - 1rem);padding:1rem}.final-stage .content .inputs.switches{gap:1.6rem}.final-stage .content .inputs{align-items:center;display:flex;flex-direction:column;gap:1rem;height:fill-content;justify-content:center;margin-block:auto}.final-stage .content input{background-color:#2a2a2a;border:none;border-radius:.5rem;box-shadow:inset 0 1px 4px rgba(0,0,0,.3),0 1px hsla(0,0%,100%,.06);color:#ddd;font-size:1.1rem;font-weight:500;height:2.5rem;outline:none;padding:0 1rem;text-align:center;transition:all .15s ease-in-out;width:180px}.final-stage .content input:disabled{color:#aaa}.final-stage .content button{background-color:#474747;border:none;border-radius:.5rem;color:#ddd;cursor:pointer;font-size:1.2rem;font-weight:700;height:2.5rem;outline:none;padding:.5rem 1.5rem;transition:all .15s ease-in-out;user-select:none}.final-stage .content button:disabled{background-color:#474747!important;cursor:auto;opacity:.4}.final-stage .content button span{transform:scale(1.2)}.final-stage .content button:hover{background-color:#404040}.final-stage .content button:active{background-color:#4a4a4a}.final-stage .wire{border:6px solid #424242;border-radius:12px;height:100px;position:absolute;top:360px;transition:.5s ease-in-out;width:350px;z-index:-1}.final-stage .wire.active{border-color:#969696}.final-stage #wire-1{border-right:none;border-top:none;right:50%}.final-stage #wire-2,.final-stage #wire-4{background-color:#424242;border:none;left:50%;transform:translateX(-50%);width:6px}.final-stage #wire-2.active,.final-stage #wire-4.active{background-color:#969696!important}.final-stage #wire-4{transform:translate(-50%,100px)}.final-stage #wire-2{background-color:#424242;border:none;width:6px}.final-stage #wire-node{background-color:#424242;border-radius:50%;height:23px;left:50%;position:absolute;top:456px;transform:translate(-50%,-50%);width:23px}.final-stage #wire-node.active{background-color:#969696!important}.final-stage #wire-3{border-left:none;border-top:none;left:50%;z-index:-1}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes show{0%,30%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes rotateEnd{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}