html,body{background:#181818;margin:0 auto;overflow:hidden}@font-face{font-family:"MSsans";src:url("/playground/spooky/MS_Sans_Serif.ttf") format("truetype")}video{height:100%;width:100%;z-index:10}#spookwindow{display:none}#timer{background:rgba(0,0,0,.4);color:#fff;padding:.3em 0;position:absolute;text-align:center;top:0;width:100%}#drag{left:40%;position:absolute;top:40%}.window{width:300px;height:139px;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-o-user-select:none;background:silver;border-bottom:1px solid #000;border-left:1px solid #dfdfdf;border-right:1px solid #000;border-top:1px solid #dfdfdf;display:block;font-family:Arial,sans-serif;padding:2px;position:relative}.window .window-titlebar{align-items:center;background:#000;color:#fff;display:flex;flex-direction:row;font-size:12px}.window .window-titlebar .window-title-area{flex:1;height:16px;position:relative}.window .window-titlebar .window-title{bottom:0;display:inline-block !important;font-weight:bold;left:0;margin:0;overflow:hidden;padding:0;padding-left:3px;position:absolute;right:0;text-overflow:ellipsis;top:1px;white-space:nowrap}.window .window-titlebar .window-button{background:silver;border-bottom:1px solid #000;border-left:1px solid #fff;border-right:1px solid #000;border-top:1px solid #fff;font-size:12px;margin:2px;padding:0;position:relative;vertical-align:middle}.window .window-titlebar .window-button::after{border-bottom:1px solid gray;border-left:1px solid #dfdfdf;border-right:1px solid gray;border-top:1px solid #dfdfdf;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.window .window-titlebar .window-button:active{border-bottom:1px solid #dfdfdf;border-left:1px solid #000;border-right:1px solid #dfdfdf;border-top:1px solid #000;box-shadow:inset 1px 1px gray,1px 0 #fff,0 1px #fff,1px 1px #fff}.window .window-titlebar .window-close-button{width:13px;height:11px;display:block !important;float:right}.window .window-titlebar .window-close-button::before{transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);color:#555;content:"x";font-weight:bold;left:55%;position:absolute;top:30%}.window .window-content{margin-top:5px;outline:0 none;overflow:auto;padding:5px;padding-left:10px;position:relative}.window .window-content .alert{width:32px;height:32px;float:left;margin:7px}.window .window-content .alert-text{color:#000;font-family:"MSsans",sans-serif;margin-top:7px;word-break:break-word;word-wrap:break-word}.window .window-content .alert-inner-text{margin:0}.window .window-buttons{display:flex}button{background:silver;border-bottom:1px solid #000;border-left:1px solid #fff;border-right:1px solid #000;border-top:1px solid #fff;color:#000;font-family:"MSsans",sans-serif;font-size:12px;height:24px;margin:1.5em 3.7em;padding:0 13px;position:relative;text-align:center;vertical-align:middle}button:active{border-bottom:1px solid #dfdfdf;border-left:1px solid #000;border-right:1px solid #dfdfdf;border-top:1px solid #000;box-shadow:inset 1px 1px gray,1px 0 #fff,0 1px #fff,1px 1px #fff}#dankmode{bottom:.5em;position:absolute;right:.5em}.tooltip{border-bottom:1px dotted rgba(0,0,0,.6);display:inline-block;position:relative}.tooltip .tooltiptext{transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;background-color:rgba(0,0,0,.6);border-radius:6px;bottom:100%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;width:120px;z-index:1}.tooltip:hover .tooltiptext{transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;transform:translateY(-0.6em);-webkit-transform:translateY(-0.6em);-ms-transform:translateY(-0.6em);-moz-transform:translateY(-0.6em);-o-transform:translateY(-0.6em);opacity:1}.win-animation{animation:ease-in-out popup-window-anim .5s}@keyframes popup-window-anim{0%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}70%{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}