:not(i),:not(i):after,:not(i):before{margin:0;padding:0;border:none;-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}::-moz-selection{background:#1a1aff;color:black}::selection{background:#1a1aff;color:black}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}@font-face{font-family:"Arachne-Demigod";src:url("../fonts/Arachne-Demigod.woff2") format("woff2")}@font-face{font-family:"Arachne-Demonic";src:url("../fonts/Arachne-Demonic.woff2") format("woff2")}@font-face{font-family:"Arachne-Divine";src:url("../fonts/Arachne-Divine.woff2") format("woff2")}@font-face{font-family:"Arachne-Mortal";src:url("../fonts/Arachne-Mortal.woff2") format("woff2")}.font-display-s{font-family:"Arachne-Demigod",serif;font-size:25px;letter-spacing:0.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width:576px){.font-display-s{font-size:25px}}@media (min-width:768px){.font-display-s{font-size:32px}}@media (min-width:992px){.font-display-s{font-size:32px}}@media (min-width:1200px){.font-display-s{font-size:32px}}.font-display-m{font-family:"Arachne-Demigod",serif;font-size:7vw;letter-spacing:0.03em;line-height:1.1em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width:576px){.font-display-m{font-size:7vw}}@media (min-width:768px){.font-display-m{font-size:44px}}@media (min-width:992px){.font-display-m{font-size:44px}}@media (min-width:1200px){.font-display-m{font-size:44px}}.font-display-l{font-family:"Arachne-Demigod",serif;font-size:11vw;letter-spacing:0.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width:576px){.font-display-l{font-size:11vw}}@media (min-width:768px){.font-display-l{font-size:11vw}}@media (min-width:992px){.font-display-l{font-size:11vw}}@media (min-width:1200px){.font-display-l{font-size:76px}}label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}label .text{margin-left:10px}.switch{position:relative;display:inline-block;width:55px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:orange}.switch input:checked+.slider:before{-webkit-transform:translateX(21px);transform:translateX(21px)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.5);-webkit-transition:0.2s;transition:0.2s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:0.2s;transition:0.2s}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.switch.small{width:34px;height:20px}.switch.small input:checked+.slider:before{-webkit-transform:translateX(14px);transform:translateX(14px)}.switch.small .slider:before{height:14px;width:14px;left:3px;bottom:3px}.switch.small .slider.round{border-radius:20px}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:0 0;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:white}.hamburger-box{width:23px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:23px;height:2px;background-color:white;border-radius:1px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger--slider .hamburger-inner{top:1px}.hamburger--slider .hamburger-inner:before{top:7px;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0.15s;transition-duration:0.15s}.hamburger--slider .hamburger-inner:after{top:14px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,7px,0) rotate(45deg);transform:translate3d(0,7px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-3.2857142857px,-5px,0);transform:rotate(-45deg) translate3d(-3.2857142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-14px,0) rotate(-90deg);transform:translate3d(0,-14px,0) rotate(-90deg)}.color-white{color:white}.color-white-50{color:rgba(255,255,255,0.5)}.opacity-01{opacity:0.1}.opacity-05{opacity:0.5}.bg-white{background-color:white}.no-u{text-decoration:none}.u-hover{text-decoration:none}.u-hover:hover{text-decoration:underline}.pointer{cursor:pointer}.upper{text-transform:uppercase}.lower{text-transform:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.space-1{height:20px}.space-2{height:40px}.space-3{height:60px}.space-4{height:80px}.space-6{height:120px}.space-8{height:160px}*{text-rendering:geometricPrecision;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{overflow:scroll;overflow-x:hidden;width:100vw;background-color:black;color:white;font-family:"Work Sans",sans-serif;cursor:url("../images/cursors/cursor-normal.cur.html") 15 15,url("../images/cursors/cursor-normal.png") 15 15,auto}body.media-open{overflow:hidden}hr{border-top:1px solid rgba(255,255,255,0.3)}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10%;color:inherit;cursor:url("../images/cursors/cursor-hover.cur.html") 15 15,url("../images/cursors/cursor-hover.png") 15 15,pointer}@-webkit-keyframes blink{0%{opacity:0.5}25%{opacity:0.5}50%{opacity:0.3}75%{opacity:0.5}to{opacity:0.5}}@keyframes blink{0%{opacity:0.5}25%{opacity:0.5}50%{opacity:0.3}75%{opacity:0.5}to{opacity:0.5}}.hide-in-place{opacity:0;pointer-events:none}.hide-in-place .square,.hide-in-place canvas{pointer-events:none!important}body[data-phase="0"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="0"] #ui-x-l .square,body[data-phase="0"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="0"] #ui-x-r{opacity:0;pointer-events:none}body[data-phase="0"] #ui-x-r .square,body[data-phase="0"] #ui-x-r canvas{pointer-events:none!important}body[data-phase="0"] #ui-drop-l{opacity:0;pointer-events:none}body[data-phase="0"] #ui-drop-l .square,body[data-phase="0"] #ui-drop-l canvas{pointer-events:none!important}body[data-phase="0"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="0"] #ui-drop-r .square,body[data-phase="0"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="0"] #user-cont{opacity:0;pointer-events:none}body[data-phase="0"] #user-cont .square,body[data-phase="0"] #user-cont canvas{pointer-events:none!important}body[data-phase="0"] #uitexts-cont{opacity:0;pointer-events:none}body[data-phase="0"] #uitexts-cont .square,body[data-phase="0"] #uitexts-cont canvas{pointer-events:none!important}body[data-phase="0"] #mainvid-cont{opacity:0;pointer-events:none}body[data-phase="0"] #mainvid-cont .square,body[data-phase="0"] #mainvid-cont canvas{pointer-events:none!important}body[data-phase="0"] #story-cont{opacity:0;pointer-events:none}body[data-phase="0"] #story-cont .square,body[data-phase="0"] #story-cont canvas{pointer-events:none!important}body[data-phase="0"] #p5-canvas-cont{opacity:0;pointer-events:none}body[data-phase="0"] #p5-canvas-cont .square,body[data-phase="0"] #p5-canvas-cont canvas{pointer-events:none!important}body[data-phase="0"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="0"] #snake-animation .square,body[data-phase="0"] #snake-animation canvas{pointer-events:none!important}body[data-phase="0"] #drop-cont{opacity:0}body[data-phase="0"] #drop-cont svg path{pointer-events:none!important}body[data-phase="0"] #miniatures{pointer-events:none}body[data-phase="0"] #miniatures .miniature{pointer-events:none;opacity:0}body[data-phase="1"] #bgvid-cont{opacity:1}body[data-phase="1"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="1"] #ui-x-l .square,body[data-phase="1"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="1"] #ui-x-r{opacity:0;pointer-events:none}body[data-phase="1"] #ui-x-r .square,body[data-phase="1"] #ui-x-r canvas{pointer-events:none!important}body[data-phase="1"] #ui-drop-l{opacity:0;pointer-events:none}body[data-phase="1"] #ui-drop-l .square,body[data-phase="1"] #ui-drop-l canvas{pointer-events:none!important}body[data-phase="1"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="1"] #ui-drop-r .square,body[data-phase="1"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="1"] #user-cont{opacity:0;pointer-events:none}body[data-phase="1"] #user-cont .square,body[data-phase="1"] #user-cont canvas{pointer-events:none!important}body[data-phase="1"] #uitexts-cont{opacity:0;pointer-events:none}body[data-phase="1"] #uitexts-cont .square,body[data-phase="1"] #uitexts-cont canvas{pointer-events:none!important}body[data-phase="1"] #mainvid-cont{opacity:0;pointer-events:none}body[data-phase="1"] #mainvid-cont .square,body[data-phase="1"] #mainvid-cont canvas{pointer-events:none!important}body[data-phase="1"] #story-cont{opacity:0;pointer-events:none}body[data-phase="1"] #story-cont .square,body[data-phase="1"] #story-cont canvas{pointer-events:none!important}body[data-phase="1"] #p5-canvas-cont{opacity:0;pointer-events:none}body[data-phase="1"] #p5-canvas-cont .square,body[data-phase="1"] #p5-canvas-cont canvas{pointer-events:none!important}body[data-phase="1"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="1"] #snake-animation .square,body[data-phase="1"] #snake-animation canvas{pointer-events:none!important}body[data-phase="1"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="1"] #spinner-cont .square,body[data-phase="1"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="1"] #drop-cont{-webkit-transition-delay:1000ms;transition-delay:1000ms;-webkit-transform:scale(1);transform:scale(1)}body[data-phase="1"] #miniatures{pointer-events:none}body[data-phase="1"] #miniatures .miniature{pointer-events:none;opacity:0}body[data-phase="10"] #bgvid-cont{opacity:1}body[data-phase="10"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="10"] #ui-x-l .square,body[data-phase="10"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="10"] #ui-x-r{opacity:0;pointer-events:none}body[data-phase="10"] #ui-x-r .square,body[data-phase="10"] #ui-x-r canvas{pointer-events:none!important}body[data-phase="10"] #ui-drop-l{-webkit-transition:all 2000ms 500ms ease-in-out;transition:all 2000ms 500ms ease-in-out}body[data-phase="10"] #ui-drop-r{-webkit-transition:all 2000ms 500ms ease-in-out;transition:all 2000ms 500ms ease-in-out}body[data-phase="10"] #user-cont{opacity:0;pointer-events:none}body[data-phase="10"] #user-cont .square,body[data-phase="10"] #user-cont canvas{pointer-events:none!important}body[data-phase="10"] #uitexts-cont{opacity:0;pointer-events:none}body[data-phase="10"] #uitexts-cont .square,body[data-phase="10"] #uitexts-cont canvas{pointer-events:none!important}body[data-phase="10"] #uitexts-cont #uitext-confess{opacity:0;pointer-events:none}body[data-phase="10"] #uitexts-cont #uitext-confess .square,body[data-phase="10"] #uitexts-cont #uitext-confess canvas{pointer-events:none!important}body[data-phase="10"] #uitexts-cont #uitext-countdown{opacity:0;pointer-events:none}body[data-phase="10"] #uitexts-cont #uitext-countdown .square,body[data-phase="10"] #uitexts-cont #uitext-countdown canvas{pointer-events:none!important}body[data-phase="10"] #uitexts-cont #uitext-emotion{opacity:0;pointer-events:none}body[data-phase="10"] #uitexts-cont #uitext-emotion .square,body[data-phase="10"] #uitexts-cont #uitext-emotion canvas{pointer-events:none!important}body[data-phase="10"] #uitexts-cont #uitext-offer{opacity:0;pointer-events:none}body[data-phase="10"] #uitexts-cont #uitext-offer .square,body[data-phase="10"] #uitexts-cont #uitext-offer canvas{pointer-events:none!important}body[data-phase="10"] #mainvid-cont{-webkit-transition-delay:1s;transition-delay:1s}body[data-phase="10"] #story-cont{opacity:0;pointer-events:none}body[data-phase="10"] #story-cont .square,body[data-phase="10"] #story-cont canvas{pointer-events:none!important}body[data-phase="10"] #p5-canvas-cont{-webkit-transition:opacity 0ms;transition:opacity 0ms;opacity:0;pointer-events:none}body[data-phase="10"] #p5-canvas-cont .square,body[data-phase="10"] #p5-canvas-cont canvas{pointer-events:none!important}body[data-phase="10"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="10"] #snake-animation .square,body[data-phase="10"] #snake-animation canvas{pointer-events:none!important}body[data-phase="10"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="10"] #spinner-cont .square,body[data-phase="10"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="10"] #drop-cont{opacity:0;-webkit-transition-duration:1200ms;transition-duration:1200ms}body[data-phase="10"] #drop-cont svg path{pointer-events:none!important}body[data-phase="10"] #miniatures{-webkit-transition:opacity 800ms 2000ms;transition:opacity 800ms 2000ms}body[data-phase="15"]{overflow:hidden}body[data-phase="15"] #bgvid-cont{opacity:1}body[data-phase="15"] #ui-x-r{opacity:0;pointer-events:none}body[data-phase="15"] #ui-x-r .square,body[data-phase="15"] #ui-x-r canvas{pointer-events:none!important}body[data-phase="15"] #ui-drop-l{top:50%;left:50%;-webkit-transform:scale(21.5);transform:scale(21.5);-webkit-transform:scale(61.5);transform:scale(61.5);margin-left:-30px;margin-top:-33%}body[data-phase="15"] #user-cont{opacity:0;pointer-events:none}body[data-phase="15"] #user-cont .square,body[data-phase="15"] #user-cont canvas{pointer-events:none!important}body[data-phase="15"] #uitexts-cont{opacity:0;pointer-events:none}body[data-phase="15"] #uitexts-cont .square,body[data-phase="15"] #uitexts-cont canvas{pointer-events:none!important}body[data-phase="15"] #mainvid-cont{opacity:0;pointer-events:none}body[data-phase="15"] #mainvid-cont .square,body[data-phase="15"] #mainvid-cont canvas{pointer-events:none!important}body[data-phase="15"] #story-cont{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 4000ms 1300ms,-webkit-transform 4000ms 1300ms;transition:opacity 4000ms 1300ms,-webkit-transform 4000ms 1300ms;transition:opacity 4000ms 1300ms,transform 4000ms 1300ms;transition:opacity 4000ms 1300ms,transform 4000ms 1300ms,-webkit-transform 4000ms 1300ms}body[data-phase="15"] #p5-canvas-cont{opacity:0;pointer-events:none}body[data-phase="15"] #p5-canvas-cont .square,body[data-phase="15"] #p5-canvas-cont canvas{pointer-events:none!important}body[data-phase="15"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="15"] #snake-animation .square,body[data-phase="15"] #snake-animation canvas{pointer-events:none!important}body[data-phase="15"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="15"] #spinner-cont .square,body[data-phase="15"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="15"] #drop-cont{opacity:0}body[data-phase="15"] #drop-cont svg path{pointer-events:none!important}body[data-phase="20"] #bgvid-cont{opacity:1}body[data-phase="20"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="20"] #ui-x-l .square,body[data-phase="20"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="20"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="20"] #ui-drop-r .square,body[data-phase="20"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="20"] #user-cont{opacity:0;pointer-events:none}body[data-phase="20"] #user-cont .square,body[data-phase="20"] #user-cont canvas{pointer-events:none!important}body[data-phase="20"] #uitexts-cont #uitext-countdown{opacity:0;pointer-events:none}body[data-phase="20"] #uitexts-cont #uitext-countdown .square,body[data-phase="20"] #uitexts-cont #uitext-countdown canvas{pointer-events:none!important}body[data-phase="20"] #uitexts-cont #uitext-offer{opacity:0;pointer-events:none}body[data-phase="20"] #uitexts-cont #uitext-offer .square,body[data-phase="20"] #uitexts-cont #uitext-offer canvas{pointer-events:none!important}body[data-phase="20"] #story-cont{opacity:0;pointer-events:none}body[data-phase="20"] #story-cont .square,body[data-phase="20"] #story-cont canvas{pointer-events:none!important}body[data-phase="20"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="20"] #snake-animation .square,body[data-phase="20"] #snake-animation canvas{pointer-events:none!important}body[data-phase="20"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="20"] #spinner-cont .square,body[data-phase="20"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="20"] #drop-cont{opacity:0}body[data-phase="20"] #drop-cont svg path{pointer-events:none!important}body[data-phase="20"] #p5-canvas-wrap:after{opacity:1!important}body[data-phase="20"] #miniatures{pointer-events:none}body[data-phase="20"] #miniatures .miniature{pointer-events:none;opacity:0.3}body[data-phase="21"] #bgvid-cont{opacity:1}body[data-phase="21"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="21"] #ui-x-l .square,body[data-phase="21"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="21"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="21"] #ui-drop-r .square,body[data-phase="21"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="21"] #user-cont{opacity:0;pointer-events:none}body[data-phase="21"] #user-cont .square,body[data-phase="21"] #user-cont canvas{pointer-events:none!important}body[data-phase="21"] #uitexts-cont #uitext-confess{opacity:0;pointer-events:none;-webkit-transition:opacity 600ms;transition:opacity 600ms}body[data-phase="21"] #uitexts-cont #uitext-confess .square,body[data-phase="21"] #uitexts-cont #uitext-confess canvas{pointer-events:none!important}body[data-phase="21"] #uitexts-cont #uitext-countdown>p:after{-webkit-animation:countdown 6.5s linear;animation:countdown 6.5s linear}body[data-phase="21"] #uitexts-cont #uitext-offer{opacity:0;pointer-events:none}body[data-phase="21"] #uitexts-cont #uitext-offer .square,body[data-phase="21"] #uitexts-cont #uitext-offer canvas{pointer-events:none!important}body[data-phase="21"] #story-cont{opacity:0;pointer-events:none}body[data-phase="21"] #story-cont .square,body[data-phase="21"] #story-cont canvas{pointer-events:none!important}body[data-phase="21"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="21"] #spinner-cont .square,body[data-phase="21"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="21"] #drop-cont{opacity:0}body[data-phase="21"] #drop-cont svg path{pointer-events:none!important}body[data-phase="21"] #miniatures{pointer-events:none}body[data-phase="21"] #miniatures .miniature{pointer-events:none;opacity:0.3}body[data-phase="22"] #bgvid-cont{opacity:1}body[data-phase="22"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="22"] #ui-x-l .square,body[data-phase="22"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="22"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="22"] #ui-drop-r .square,body[data-phase="22"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="22"] #user-cont{opacity:0;pointer-events:none}body[data-phase="22"] #user-cont .square,body[data-phase="22"] #user-cont canvas{pointer-events:none!important}body[data-phase="22"] #uitexts-cont #uitext-confess{opacity:0;pointer-events:none}body[data-phase="22"] #uitexts-cont #uitext-confess .square,body[data-phase="22"] #uitexts-cont #uitext-confess canvas{pointer-events:none!important}body[data-phase="22"] #uitexts-cont #uitext-countdown{opacity:0;pointer-events:none}body[data-phase="22"] #uitexts-cont #uitext-countdown .square,body[data-phase="22"] #uitexts-cont #uitext-countdown canvas{pointer-events:none!important}body[data-phase="22"] #uitexts-cont #uitext-emotion{-webkit-animation:reveal-emotion 5000ms ease-out;animation:reveal-emotion 5000ms ease-out}body[data-phase="22"] #uitexts-cont #uitext-offer{opacity:1;-webkit-transition:opacity 2s 7000ms;transition:opacity 2s 7000ms}body[data-phase="22"] #story-cont{opacity:0;pointer-events:none}body[data-phase="22"] #story-cont .square,body[data-phase="22"] #story-cont canvas{pointer-events:none!important}body[data-phase="22"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="22"] #snake-animation .square,body[data-phase="22"] #snake-animation canvas{pointer-events:none!important}body[data-phase="22"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="22"] #spinner-cont .square,body[data-phase="22"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="22"] #drop-cont{opacity:0}body[data-phase="22"] #drop-cont svg path{pointer-events:none!important}body[data-phase="22"] #p5-canvas-wrap:after{opacity:1!important}body[data-phase="22"] #miniatures{pointer-events:none}body[data-phase="22"] #miniatures .miniature{pointer-events:none;opacity:0.3}body[data-phase="30"] #bgvid-cont,body[data-phase="31"] #bgvid-cont{opacity:1}body[data-phase="30"] #ui-x-l,body[data-phase="31"] #ui-x-l{opacity:0;pointer-events:none}body[data-phase="30"] #ui-x-l .square,body[data-phase="30"] #ui-x-l canvas,body[data-phase="31"] #ui-x-l .square,body[data-phase="31"] #ui-x-l canvas{pointer-events:none!important}body[data-phase="30"] #ui-drop-r,body[data-phase="31"] #ui-drop-r{opacity:0;pointer-events:none}body[data-phase="30"] #ui-drop-r .square,body[data-phase="30"] #ui-drop-r canvas,body[data-phase="31"] #ui-drop-r .square,body[data-phase="31"] #ui-drop-r canvas{pointer-events:none!important}body[data-phase="30"] #uitexts-cont,body[data-phase="31"] #uitexts-cont{opacity:0;pointer-events:none}body[data-phase="30"] #uitexts-cont .square,body[data-phase="30"] #uitexts-cont canvas,body[data-phase="31"] #uitexts-cont .square,body[data-phase="31"] #uitexts-cont canvas{pointer-events:none!important}body[data-phase="30"] #uitexts-cont #uitext-confess,body[data-phase="31"] #uitexts-cont #uitext-confess{opacity:0;pointer-events:none}body[data-phase="30"] #uitexts-cont #uitext-confess .square,body[data-phase="30"] #uitexts-cont #uitext-confess canvas,body[data-phase="31"] #uitexts-cont #uitext-confess .square,body[data-phase="31"] #uitexts-cont #uitext-confess canvas{pointer-events:none!important}body[data-phase="30"] #story-cont,body[data-phase="31"] #story-cont{opacity:0;pointer-events:none}body[data-phase="30"] #story-cont .square,body[data-phase="30"] #story-cont canvas,body[data-phase="31"] #story-cont .square,body[data-phase="31"] #story-cont canvas{pointer-events:none!important}body[data-phase="30"] #p5-canvas-cont,body[data-phase="31"] #p5-canvas-cont{opacity:0;pointer-events:none}body[data-phase="30"] #p5-canvas-cont .square,body[data-phase="30"] #p5-canvas-cont canvas,body[data-phase="31"] #p5-canvas-cont .square,body[data-phase="31"] #p5-canvas-cont canvas{pointer-events:none!important}body[data-phase="30"] #snake-animation,body[data-phase="31"] #snake-animation{opacity:0;pointer-events:none}body[data-phase="30"] #snake-animation .square,body[data-phase="30"] #snake-animation canvas,body[data-phase="31"] #snake-animation .square,body[data-phase="31"] #snake-animation canvas{pointer-events:none!important}body[data-phase="30"] #spinner-cont,body[data-phase="31"] #spinner-cont{opacity:0;pointer-events:none}body[data-phase="30"] #spinner-cont .square,body[data-phase="30"] #spinner-cont canvas,body[data-phase="31"] #spinner-cont .square,body[data-phase="31"] #spinner-cont canvas{pointer-events:none!important}body[data-phase="30"] #drop-cont,body[data-phase="31"] #drop-cont{opacity:0}body[data-phase="30"] #drop-cont svg path,body[data-phase="31"] #drop-cont svg path{pointer-events:none!important}#p5_loading{opacity:0;pointer-events:none;position:fixed;display:none!important}#drop-cont{z-index:22;position:fixed;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 4000ms;transition:all 4000ms;pointer-events:none;-webkit-transform:scale(0.9);transform:scale(0.9)}#drop-cont #drop-btn{position:relative;-webkit-transition:opacity 200ms;transition:opacity 200ms}#drop-cont #drop-btn img{height:60vh}#drop-cont #drop-btn video{height:80vh}#drop-cont #drop-btn .sensi{position:absolute;top:0;bottom:0;left:0;right:0}#drop-cont #drop-btn .sensi svg{width:100%;height:100%}#drop-cont #drop-btn .sensi svg path{opacity:0;pointer-events:auto;cursor:url("../images/cursors/cursor-hover.cur.html") 15 15,url("../images/cursors/cursor-hover.png") 15 15,pointer}#ui-drop-l,#ui-drop-r,#ui-x-l,#ui-x-r{z-index:50;position:fixed;-webkit-transition:all 1000ms;transition:all 1000ms;cursor:url("../images/cursors/cursor-hover.cur.html") 15 15,url("../images/cursors/cursor-hover.png") 15 15,pointer}@media (max-width:767.98px){#ui-drop-l img,#ui-drop-r img,#ui-x-l img,#ui-x-r img{width:50px!important}}#ui-drop-l,#ui-drop-r{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ui-drop-l span,#ui-drop-r span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:-webkit-transform 800ms;transition:-webkit-transform 800ms;transition:transform 800ms;transition:transform 800ms,-webkit-transform 800ms;display:inline-block}#ui-drop-l span:hover,#ui-drop-r span:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}#ui-drop-l{top:3vh;left:6vh;-webkit-transition:all 2000ms ease-in-out;transition:all 2000ms ease-in-out}@media (max-width:767.98px){#ui-drop-l{left:3vh}}#ui-drop-l img{width:70px;-webkit-transition:-webkit-filter 300ms;transition:-webkit-filter 300ms;transition:filter 300ms;transition:filter 300ms,-webkit-filter 300ms}#ui-drop-l img.blur{-webkit-filter:blur(1px);filter:blur(1px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ui-drop-r{z-index:55;top:3vh;right:6vh}@media (max-width:767.98px){#ui-drop-r{right:3vh}}#ui-drop-r img{width:70px}#ui-x-l{z-index:55;top:6vh;left:6vh}@media (max-width:767.98px){#ui-x-l{left:3vh}}#ui-x-l img{width:70px}#ui-x-r{top:6vh;right:6vh}@media (max-width:767.98px){#ui-x-r{right:3vh}}#ui-x-r img{width:70px}#spinner-cont{z-index:1;position:fixed;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 1s;transition:opacity 1s}#spinner-cont #small-snake{width:110px;height:110px;border:1px solid rgba(255,255,255,0.3);position:relative}#spinner-cont #small-snake svg{z-index:3;position:absolute;left:-50%;top:-50%;width:-50%;height:-50%}#spinner-cont #small-snake svg rect{fill:transparent;-webkit-filter:blur(2px);filter:blur(2px);stroke:white;stroke-linecap:round;stroke-dasharray:50% 150%;stroke-width:3px;-webkit-animation:dash2 12s linear infinite;animation:dash2 12s linear infinite}@-webkit-keyframes dash2{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}@keyframes dash2{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}#spinner-cont #spinner{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Arachne-Demigod",serif;font-size:25px;letter-spacing:0.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width:576px){#spinner-cont #spinner{font-size:25px}}@media (min-width:768px){#spinner-cont #spinner{font-size:32px}}@media (min-width:992px){#spinner-cont #spinner{font-size:32px}}@media (min-width:1200px){#spinner-cont #spinner{font-size:32px}}#user-cont{z-index:35}#user-cont div#user-tear-img{width:100%;height:100%;margin:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-image:url("../images/transparent.png");background-repeat:no-repeat;background-size:cover;-webkit-transition:background-image 3000ms linear;transition:background-image 3000ms linear}#user-cont div#user-tear-sentence-1,#user-cont div#user-tear-sentence-2{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Arachne-Demigod",serif;font-size:70px;text-transform:uppercase;text-align:center;-webkit-transition:opacity 1500ms linear;transition:opacity 1500ms linear}#user-cont div#user-tear-sentence-1 span,#user-cont div#user-tear-sentence-2 span{padding:10px 16px 15px 16px}#user-cont div#user-tear-sentence-1{mix-blend-mode:overlay}#user-cont div#user-tear-sentence-2[data-emotion=anger]{text-shadow:#FFFFFF 0px 0px 14px}#user-cont div#user-tear-sentence-2[data-emotion=disgust]{text-shadow:#000000 0px 1px 14px,#FFFFFF 0 0 14px,#000000 0 0 35px}#user-cont div#user-tear-sentence-2[data-emotion=fear]{text-shadow:#00AB9C 0px 1px 14px,#FFFFFF 0 0 14px,#00AB9C 0 0 35px}#user-cont div#user-tear-sentence-2[data-emotion=joy]{text-shadow:#FFFFFF 0px 0px 14px}#user-cont div#user-tear-sentence-2[data-emotion=sadness]{text-shadow:#003689 0px 1px 14px,#FFFFFF 0 0 14px,#003689 0 0 35px}#user-cont div#user-tear-sentence-2[data-emotion=surprise]{text-shadow:#003773 0px 1px 14px,#FFFFFF 0 0 14px,#003773 0 0 35px}.square-cont{position:fixed;pointer-events:none;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 1200ms;transition:opacity 1200ms}.square-cont .square,.square-cont canvas{pointer-events:auto;position:relative;width:600px;height:600px}@media screen and (orientation:portrait){.square-cont .square,.square-cont canvas{max-width:90vw;max-height:90vw}}@media screen and (orientation:landscape){.square-cont .square,.square-cont canvas{max-width:56vh;max-height:56vh}}.square-cont .square video#mainvid,.square-cont canvas video#mainvid{width:100%;height:100%;max-width:100%;max-height:100%;min-width:100%;min-height:100%;pointer-events:auto}.square-cont .square .uitext,.square-cont canvas .uitext{position:absolute;-webkit-transition:opacity 2s;transition:opacity 2s;color:white;font-family:"Arachne-Demigod",serif;font-size:117px;line-height:1em}@media (max-width:767.98px){.square-cont .square .uitext,.square-cont canvas .uitext{font-size:16vw}}.square-cont .square .uitext a,.square-cont canvas .uitext a{text-shadow:#00A9FF 0 0 10px,#00A9FF 0 0 10px;text-decoration:none;-webkit-animation:text-glow 4000ms linear infinite;animation:text-glow 4000ms linear infinite}.square-cont .square .uitext.center,.square-cont canvas .uitext.center{bottom:0;left:0;right:0;top:0;padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.square-cont .square .uitext.top-left,.square-cont canvas .uitext.top-left{top:0;left:0;right:0;padding:10px 20px}.square-cont .square .uitext.emotion,.square-cont canvas .uitext.emotion{pointer-events:none;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0}.square-cont .square .uitext#uitext-offer,.square-cont canvas .uitext#uitext-offer{opacity:0}.square-cont .square .uitext#uitext-emotion,.square-cont canvas .uitext#uitext-emotion{text-shadow:white 0 0 14px}@-webkit-keyframes reveal-emotion{0%{opacity:0}20%{opacity:1}50%{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}80%{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}to{opacity:0;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes reveal-emotion{0%{opacity:0}20%{opacity:1}50%{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}80%{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}to{opacity:0;-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes text-glow{0%{text-shadow:rgba(255,255,255,0) 0 0 15px}50%{text-shadow:white 0 0 5px,white 0 0 10px,white 0 0 15px}to{text-shadow:rgba(255,255,255,0) 0 0 15px}}@keyframes text-glow{0%{text-shadow:rgba(255,255,255,0) 0 0 15px}50%{text-shadow:white 0 0 5px,white 0 0 10px,white 0 0 15px}to{text-shadow:rgba(255,255,255,0) 0 0 15px}}@-webkit-keyframes box-glow{0%{-webkit-box-shadow:rgba(255,255,255,0) 0 0 15px;box-shadow:rgba(255,255,255,0) 0 0 15px}50%{-webkit-box-shadow:white 0 0 15px,white 0 0 50px;box-shadow:white 0 0 15px,white 0 0 50px}to{-webkit-box-shadow:rgba(255,255,255,0) 0 0 15px;box-shadow:rgba(255,255,255,0) 0 0 15px}}@keyframes box-glow{0%{-webkit-box-shadow:rgba(255,255,255,0) 0 0 15px;box-shadow:rgba(255,255,255,0) 0 0 15px}50%{-webkit-box-shadow:white 0 0 15px,white 0 0 50px;box-shadow:white 0 0 15px,white 0 0 50px}to{-webkit-box-shadow:rgba(255,255,255,0) 0 0 15px;box-shadow:rgba(255,255,255,0) 0 0 15px}}#snake-animation{z-index:9;-webkit-filter:blur(6px);filter:blur(6px)}#snake-animation svg{position:relative;left:-50%;top:-50%}#snake-animation svg rect{fill:transparent;stroke:white;stroke-linecap:round;stroke-dasharray:50% 150%;stroke-width:5px;-webkit-animation:dash 12s linear infinite;animation:dash 12s linear infinite}@-webkit-keyframes dash{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}@keyframes dash{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}#p5-canvas-cont{z-index:25}#p5-canvas-cont #p5-canvas-wrap{-webkit-transform:scaleX(-1);transform:scaleX(-1)}#p5-canvas-cont #p5-canvas-wrap canvas{z-index:2}#p5-canvas-cont #p5-canvas-wrap:after{content:"";opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;position:absolute;top:0px;bottom:0px;left:0px;right:0px;-webkit-animation:box-glow 4000ms linear infinite;animation:box-glow 4000ms linear infinite}#p5-canvas-cont.prevent-hiding{opacity:1!important}#uitexts-cont{z-index:30}#uitexts-cont #uitext-confess.hide{opacity:0}#uitexts-cont #uitext-countdown>p:after{display:inline-block;color:white;opacity:1;content:" "}@-webkit-keyframes countdown{0%{opacity:1;content:"6"}8.3333333333%{opacity:1;content:"6"}16.6666666667%{opacity:0}25%{opacity:1;content:"5"}33.3333333333%{opacity:0}41.6666666667%{opacity:1;content:"4"}50%{opacity:0}58.3333333333%{opacity:1;content:"3"}66.6666666667%{opacity:0}75%{opacity:1;content:"2"}83.3333333333%{opacity:0}91.6666666667%{opacity:1;content:"1"}to{opacity:0}}@keyframes countdown{0%{opacity:1;content:"6"}8.3333333333%{opacity:1;content:"6"}16.6666666667%{opacity:0}25%{opacity:1;content:"5"}33.3333333333%{opacity:0}41.6666666667%{opacity:1;content:"4"}50%{opacity:0}58.3333333333%{opacity:1;content:"3"}66.6666666667%{opacity:0}75%{opacity:1;content:"2"}83.3333333333%{opacity:0}91.6666666667%{opacity:1;content:"1"}to{opacity:0}}#bgvid-cont{position:fixed;top:0;bottom:0;left:0;right:0;-webkit-transition:opacity 3500ms;transition:opacity 3500ms;opacity:0}#bgvid-cont #bgvid{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#mainvid-cont{z-index:20;-webkit-transition:opacity 2000ms;transition:opacity 2000ms}#bottom{z-index:99;position:fixed;left:0;right:0;bottom:30px}#bottom .buttons,#bottom .shortcuts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity 400ms;transition:opacity 400ms}#bottom.bottom-hidden{opacity:0;pointer-events:none}#miniatures{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transition:opacity 800ms;transition:opacity 800ms}#miniatures:hover .miniature img{opacity:0.5}#miniatures .miniature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:3500ms,100ms;transition-duration:3500ms,100ms;width:12.5vw;height:12.5vw}@media (max-width:1199.98px){#miniatures .miniature{width:16.66666vw;height:16.66666vw}}@media (max-width:991.98px){#miniatures .miniature{width:20vw;height:20vw}}@media (max-width:767.98px){#miniatures .miniature{width:25vw;height:25vw}}@media (max-width:575.98px){#miniatures .miniature{width:33.33333vw;height:33.33333vw}}#miniatures .miniature img{cursor:url("../images/cursors/cursor-hover.cur.html") 15 15,url("../images/cursors/cursor-hover.png") 15 15,pointer;width:100%;height:100%;-webkit-transition:opacity 1200ms;transition:opacity 1200ms}#miniatures .miniature:hover img{opacity:1}#miniatures .miniature.hide img{opacity:0}#story-cont{z-index:40;z-index:51;position:fixed;bottom:0;top:0;left:0;right:0;overflow-x:hidden;padding:20px;overflow-y:scroll;-webkit-transition:opacity 800ms,-webkit-transform 2s;transition:opacity 800ms,-webkit-transform 2s;transition:opacity 800ms,transform 2s;transition:opacity 800ms,transform 2s,-webkit-transform 2s;-webkit-transform:scale(0.95);transform:scale(0.95)}#story-cont .story{text-shadow:rgba(255,255,255,0.6) 0 0 20px;max-width:960px;margin-left:auto;margin-right:auto}#story-cont .story h1{font-family:"Arachne-Demigod",serif;font-size:11vw;letter-spacing:0.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width:576px){#story-cont .story h1{font-size:11vw}}@media (min-width:768px){#story-cont .story h1{font-size:11vw}}@media (min-width:992px){#story-cont .story h1{font-size:11vw}}@media (min-width:1200px){#story-cont .story h1{font-size:76px}}#story-cont .story p{font-family:"Arachne-Demigod",serif;font-size:25px;letter-spacing:0.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal;margin-bottom:3em;padding-right:5em}@media (min-width:576px){#story-cont .story p{font-size:25px}}@media (min-width:768px){#story-cont .story p{font-size:32px}}@media (min-width:992px){#story-cont .story p{font-size:32px}}@media (min-width:1200px){#story-cont .story p{font-size:32px}}#story-cont .story p:nth-of-type(odd){position:relative;left:5em}@media (max-width:767.98px){#story-cont .story p{padding-right:2.7em}#story-cont .story p:nth-of-type(odd){left:2.7em}}@media (max-width:575.98px){#story-cont .story p{padding-right:0}#story-cont .story p:nth-of-type(odd){left:0}}#log{z-index:99;position:fixed;left:0;right:0;top:calc((50vh - 300px)/2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:monospace}body[data-user-can-touch=true] #ui-drop-l span:hover,body[data-user-can-touch=true] #ui-drop-r span:hover{-webkit-transform:scale(1);transform:scale(1)}body[data-user-can-touch=true] #miniatures .miniature img{-webkit-transition:opacity 200ms;transition:opacity 200ms}body[data-user-can-touch=true] #miniatures:hover .miniature img{opacity:1}body[data-user-can-touch=true] #miniatures .miniature:active img,body[data-user-can-touch=true] #miniatures .miniature:hover img{opacity:0.5}