article,aside,body,details,figcaption,figure,footer,header,hgroup,html,menu,nav,section{display:block}#mouseX:after,#mouseX:before,#mouseY:after,#mouseY:before{content:''}#linkSection,#options,#optionsToggle{position:absolute;z-index:2}#copyLink,#linkValue{float:right}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:dos;src:url(/ModernDOS8x16.ttf)}html{font-size:24px;font-family:dos,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:1100px){html{font-size:2.5vw}}@media screen and (max-width:700px){html{font-size:5vw}}#linkValue,button{background:0 0;font:inherit;outline:0}body,html{position:relative;height:100vh;width:100vw;overflow:hidden}button{border:none;color:inherit}*{cursor:none!important}video{width:300px;height:300px}#canvas{position:fixed;left:50%;top:0;-webkit-transform:translateX(-50%) rotate(-90deg);-ms-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg);width:100vh;height:100vh;z-index:1}#videos{position:absolute;top:0;max-height:0;overflow:hidden;visibility:hidden;z-index:-1}#title{position:absolute;top:1em;left:1em}#mouseCenter,#mouseX,#mouseY{position:absolute;z-index:2;top:0;left:0;pointer-events:none;mix-blend-mode:exclusion}@media screen and (orientation:portrait) and (max-height:700px){#mouseCenter,#mouseX,#mouseY{display:none}}#mouseX{width:200vw;height:1px;left:-100vw;display:none}#mouseX:before{position:absolute;top:0;left:-1.5rem;width:100vw;height:1px}#mouseX:after{position:absolute;top:0;right:-1.5rem;width:100vw;height:1px}#mouseY{width:1px;height:200vh;top:-100vh;display:none}#mouseCenter,#optionsShow:checked+#optionsToggle+#options{display:block}#mouseY:before{position:absolute;left:0;top:-1.5rem;height:100vh;width:1px}#mouseY:after{position:absolute;left:0;bottom:-1.5rem;height:100vh;width:1px}#mouseCenter{top:-3rem;left:-3rem;width:6rem;height:6rem;-webkit-border-radius:6rem;border-radius:6rem}#optionsToggle{top:1rem;right:.5rem}#optionsToggle:before{content:"------- \A OPTIONS \A -------";white-space:pre-wrap}#optionsShow{opacity:0;position:absolute;top:-110vh}#optionsShow:checked+#optionsToggle:before{content:"----- \A CLOSE \A -----"}#options{display:none;right:0;top:3rem;height:-webkit-calc(100vh - 6rem);height:calc(100vh - 6rem);width:18rem;overflow-y:scroll}.option{margin:.25rem 2rem}.option__name{display:inline-block;width:6.5rem}.option button{padding:.5rem;margin:-.25rem}@media screen and (orientation:portrait) and (max-height:700px){#optionsShow:checked~#canvas{opacity:.5}#options{top:5rem;pointer-events:none}.option button{top:5rem;pointer-events:auto}}.option__value{display:inline-block;width:2.5rem;text-align:center}.option__edit+.option__edit button{margin:0 -.25rem}#linkSection{bottom:1rem;right:1rem;text-align:right}#linkSection.show #linkValue{opacity:1;position:static}#linkValue{border:none;clear:both;width:50vw;text-align:right;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;opacity:0;position:absolute}@media screen and (orientation:portrait) and (max-height:700px){#linkValue{pointer-events:none;width:100vw}}.blue-theme{background:#001CDB;color:#eef}.blue-theme #mouseX:after,.blue-theme #mouseX:before,.blue-theme #mouseY:after,.blue-theme #mouseY:before{background:#eef}.blue-theme #copyLink:hover,.blue-theme #optionsToggle:hover{color:#ee0}@media screen and (orientation:landscape) and (min-height:700px){.blue-theme .option button:hover{background:#eef;color:#001CDB}}.blue-theme #mouseCenter,.blue-theme .option button:active{background:#ee0}.blue-theme #linkValue{color:#eef}.blue-theme #linkValue::-moz-selection{background:#ee0;color:#001CDB}.blue-theme #linkValue::selection{background:#ee0;color:#001CDB}.pink-theme{background:#feb7ba;color:#3e62f4}.pink-theme #mouseX:after,.pink-theme #mouseX:before,.pink-theme #mouseY:after,.pink-theme #mouseY:before{background:#3e62f4}.pink-theme #copyLink:hover,.pink-theme #optionsToggle:hover{color:#fff}@media screen and (orientation:landscape) and (min-height:700px){.pink-theme .option button:hover{background:#3e62f4;color:#feb7ba}}.pink-theme #mouseCenter,.pink-theme .option button:active{background:#fff}.pink-theme #linkValue{color:#3e62f4}.pink-theme #linkValue::-moz-selection{background:#fff;color:#feb7ba}.pink-theme #linkValue::selection{background:#fff;color:#feb7ba}.grey-theme{background:-webkit-gradient(linear,left bottom,left top,from(#cfd9df),to(#e2ebf0));background:-webkit-linear-gradient(bottom,#cfd9df 0,#e2ebf0 100%);background:linear-gradient(to top,#cfd9df 0,#e2ebf0 100%);color:#222}.grey-theme #mouseX:after,.grey-theme #mouseX:before,.grey-theme #mouseY:after,.grey-theme #mouseY:before{background:#222}.grey-theme #copyLink:hover,.grey-theme #optionsToggle:hover{color:red}@media screen and (orientation:landscape) and (min-height:700px){.grey-theme .option button:hover{background:#222;color:#fff}}.grey-theme #mouseCenter,.grey-theme .option button:active{background:red}.grey-theme #linkValue{color:#222}.grey-theme #linkValue::-moz-selection{background:red;color:#fff}.grey-theme #linkValue::selection{background:red;color:#fff}.yello-theme{background:#fff53d;color:#0119a5}.yello-theme #mouseX:after,.yello-theme #mouseX:before,.yello-theme #mouseY:after,.yello-theme #mouseY:before{background:#0119a5}.yello-theme #copyLink:hover,.yello-theme #optionsToggle:hover{color:#3df4ad}@media screen and (orientation:landscape) and (min-height:700px){.yello-theme .option button:hover{background:#0119a5;color:#fff53d}}.yello-theme #mouseCenter,.yello-theme .option button:active{background:#3df4ad}.yello-theme #linkValue{color:#0119a5}.yello-theme #linkValue::-moz-selection{background:#3df4ad;color:#fff53d}.yello-theme #linkValue::selection{background:#3df4ad;color:#fff53d}.vapor-theme{background:-webkit-gradient(linear,left bottom,left top,from(#EA4CB6),to(#E9407E));background:-webkit-linear-gradient(bottom,#EA4CB6 0,#E9407E 100%);background:linear-gradient(to top,#EA4CB6 0,#E9407E 100%);color:#eee}.vapor-theme #mouseX:after,.vapor-theme #mouseX:before,.vapor-theme #mouseY:after,.vapor-theme #mouseY:before{background:#eee}.vapor-theme #copyLink:hover,.vapor-theme #optionsToggle:hover{color:#46279D}@media screen and (orientation:landscape) and (min-height:700px){.vapor-theme .option button:hover{background:#eee;color:#EA4CB6}}.vapor-theme #mouseCenter,.vapor-theme .option button:active{background:#46279D}.vapor-theme #linkValue{color:#eee}.vapor-theme #linkValue::-moz-selection{background:#46279D;color:#EA4CB6}.vapor-theme #linkValue::selection{background:#46279D;color:#EA4CB6}.red-theme{background:#e11944;color:#eee}.red-theme #mouseX:after,.red-theme #mouseX:before,.red-theme #mouseY:after,.red-theme #mouseY:before{background:#eee}.red-theme #copyLink:hover,.red-theme #optionsToggle:hover{color:#f2d337}@media screen and (orientation:landscape) and (min-height:700px){.red-theme .option button:hover{background:#eee;color:#e11944}}.red-theme #mouseCenter,.red-theme .option button:active{background:#f2d337}.red-theme #linkValue{color:#eee}.red-theme #linkValue::-moz-selection{background:#f2d337;color:#e11944}.red-theme #linkValue::selection{background:#f2d337;color:#e11944}.green-theme{background:#0e7d63;color:#eee}.green-theme #mouseX:after,.green-theme #mouseX:before,.green-theme #mouseY:after,.green-theme #mouseY:before{background:#eee}.green-theme #copyLink:hover,.green-theme #optionsToggle:hover{color:#f2b2ef}@media screen and (orientation:landscape) and (min-height:700px){.green-theme .option button:hover{background:#eee;color:#0e7d63}}.green-theme #mouseCenter,.green-theme .option button:active{background:#f2b2ef}.green-theme #linkValue{color:#eee}.green-theme #linkValue::-moz-selection{background:#f2b2ef;color:#0e7d63}.green-theme #linkValue::selection{background:#f2b2ef;color:#0e7d63}.black-theme{background:#000;color:#888}.black-theme #mouseX:after,.black-theme #mouseX:before,.black-theme #mouseY:after,.black-theme #mouseY:before{background:#888}.black-theme #copyLink:hover,.black-theme #optionsToggle:hover{color:#def}@media screen and (orientation:landscape) and (min-height:700px){.black-theme .option button:hover{background:#888;color:#000}}.black-theme #mouseCenter,.black-theme .option button:active{background:#def}.black-theme #linkValue{color:#888}.black-theme #linkValue::-moz-selection{background:#def;color:#000}.black-theme #linkValue::selection{background:#def;color:#000}.white-theme{background:#fff;color:#000}.white-theme #mouseX:after,.white-theme #mouseX:before,.white-theme #mouseY:after,.white-theme #mouseY:before{background:#000}.white-theme #copyLink:hover,.white-theme #optionsToggle:hover{color:#3a06f3}@media screen and (orientation:landscape) and (min-height:700px){.white-theme .option button:hover{background:#000;color:#fff}}.white-theme #mouseCenter,.white-theme .option button:active{background:#3a06f3}.white-theme #linkValue{color:#000}.white-theme #linkValue::-moz-selection{background:#3a06f3;color:#fff}.white-theme #linkValue::selection{background:#3a06f3;color:#fff}