*{--ui-container-margin:20px;--bottom-ad-container-height:160px;--ball-z-index-level:10;--ball-held-z-index-level:30;--ui-z-index-level:20;--ui-radius-amount:4px;--pulse-text-shadow:hsla(0,0%,100%,.8)}html{height:100%;position:fixed;width:100%}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,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,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}body{background:#000;font-family:Helvetica,Arial,sans-serif;font-variant:small-caps;height:100vh;line-height:1;overflow:hidden;padding:0;user-select:none;width:100vw}body,hr{margin:0}hr{background-color:#ffffff45;border:0;height:1px;padding:0 1px;width:calc(100% - 2px)}.hidden{display:none}.opacity-0{opacity:0}.opacity-1{opacity:1}.relative{position:relative}.d-flex{display:flex}.flex-column{flex-direction:column}.request-accelerometer-container{bottom:16px;pointer-events:none;position:fixed;width:100%}.request-accelerometer,.request-accelerometer-container{align-items:center;display:flex;justify-content:center;z-index:100}.request-accelerometer{border:1px solid rgba(0,0,0,.7);border-radius:8px;box-shadow:2px 2px 10px rgba(0,0,0,.767),inset 0 0 2px #fff;font-size:16px;height:40px;outline:none;pointer-events:all;transition:background .1s ease-in-out,box-shadow .1s ease-in-out,transform .1s ease-in-out,opacity .1s ease-in-out;white-space:nowrap;width:230px}.request-accelerometer.inactive{background:rgba(255,96,96,.473);box-shadow:2px 2px 20px rgba(0,0,0,.767),inset 0 0 8px rgba(255,3,3,.781);color:#ffe6e6}.request-accelerometer:hover{background:rgba(255,42,42,.45)}.request-accelerometer.inactive:active{background:rgba(255,42,42,.712);box-shadow:2px 2px 20px rgba(0,0,0,.767),inset 0 0 8px #8b0000}#site-title-container{color:#fff;left:0;margin:var(--ui-container-margin);max-width:350px;padding:0;position:fixed;text-align:center;text-decoration:none;top:0;z-index:var(--ui-z-index-level)}#site-title-container>article{display:flex;flex-direction:column;overflow:hidden}.site-navbar{align-items:center;background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;padding:12px 20px}.site-navbar-links{display:flex}.site-title{animation-duration:4s;animation-iteration-count:infinite;animation-name:pulse;border-top-left-radius:inherit;border-top-right-radius:inherit;color:#fff;font-size:30px;text-decoration:inherit;text-shadow:0 0 4px #fff}#toggle-menu-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:32px}#toggle-menu-button .close-icon{height:28px!important;width:28px!important}#toggle-menu-button .close-icon,#toggle-menu-button .hamburger-icon{fill:#fff;height:100%;position:absolute;transition:opacity .15s ease-in-out;width:100%}.three-d-tag{background:#af0000;border:1px solid #5e0909;border-radius:8px;box-shadow:inset 1px 1px 4px #fff,inset -1px -1px 3px #640000,3px 3px 8px rgba(0,0,0,.74);font-size:18px;font-weight:700;padding:5px;position:absolute;right:-12px;top:-12px}.regular-text{font-size:18px;font-variant:normal}#site-instructions-container{box-shadow:inset 0 0 10px #4b4949,0 4px 4px rgba(0,0,0,.822);font-size:14px;font-weight:700;padding:4px;text-transform:uppercase;z-index:3}#site-blurb-container{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;box-shadow:inset 0 0 10px #000;height:0;line-height:22px;max-height:600px;overflow-y:auto;text-align:left;text-shadow:1px 1px 2px #000;transition:height .25s ease-in-out;user-select:text}#site-blurb-container h1{margin-bottom:6px}::-webkit-scrollbar{height:12px;margin:6px 0;width:6px}::-webkit-scrollbar-thumb{background:#959595;-webkit-border-radius:1ex;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.75)}::-webkit-scrollbar-corner{background:#000}#site-blurb-container section{margin-top:6px;padding:16px 32px 0}#site-blurb-container h3{font-size:26px;line-height:25px;margin-bottom:10px}#site-blurb-container p{font-size:17px;font-variant:normal;margin-bottom:30px;text-transform:none}.ad-container{margin:20px;position:fixed;z-index:0}#ad-container-desktop-bottom{bottom:0;display:none;width:calc(100% - var(--ui-container-margin)*2)}#ad-container-desktop-right{display:none;height:calc(100% - var(--ui-container-margin)*3 - var(--bottom-ad-container-height));right:0;top:0}.floating-ui{background-color:rgba(0,0,0,.548);border-radius:var(--ui-radius-amount);box-shadow:2px 2px 10px rgba(0,0,0,.767),inset 0 0 2px #fff}footer{bottom:0;display:flex;font-size:12px;padding:8px;position:fixed;right:0}footer a{color:#dad9d9;pointer-events:all}@keyframes pulse{0%{text-shadow:0 0 4px var(--pulse-text-shadow)}50%{text-shadow:0 0 10px hsla(0,0%,100%,.8)}to{text-shadow:0 0 4px var(--pulse-text-shadow)}}@media only screen and (min-width:1400px){#site-title-container>.floating-ui{max-height:calc(100vh - var(--ui-container-margin)*2)}#site-blurb-container{height:auto!important}.mobile{display:none}}@media only screen and (max-width:1400px){.desktop{display:none}#request-accelerometer{bottom:16px!important;height:48px;top:unset}#site-title-container{height:64px;margin:0;max-width:100%;width:100%}.site-title{font-size:26px;text-align:left}.three-d-tag{right:-28px;top:-12px}.floating-ui{border-radius:0}#site-blurb-container{max-height:none}}.blurred{filter:blur(10px)}.flex-centered{align-items:center;display:flex;justify-content:center}#answers{line-height:14px;padding-top:2em;position:absolute;text-align:center;text-shadow:0 0 3px #ffffffb5;z-index:2}#answers,#magic-eight-root *{user-select:none}#ball-container{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;display:flex;height:100%;justify-content:center;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transition:transform .85s ease-in-out;will-change:transform}#ball-container,#shake-text{position:absolute;width:100%}#shake-text{bottom:38px;color:#f5f5f5;font-size:18px;pointer-events:none;text-align:center;text-shadow:0 0 24px #fff;transform:translateY(-200%);transition:opacity .25s ease-in-out;user-select:none;white-space:nowrap}#magic-eight-ball{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;box-shadow:0 0 4em 10px #000,0 0 .2em 1px #3c3c3c;cursor:grab;height:500px;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);width:500px;will-change:transform}#ball-window,#magic-eight-ball{background:#000;border-radius:100%;position:relative}#ball-window{border:4px solid #353535;color:#fff;height:40%;width:40%}#window-overlay{animation:rotating 5s linear infinite normal none running;background:linear-gradient(270deg,rgba(0,0,0,.9),transparent);border-radius:100%;height:100%;position:absolute;width:100%;z-index:10}#ball-window>#answers-parent{perspective:80px;transform-origin:50% 50%;transition:filter .7s linear}.answer-triangle{fill:#101489;color:#101489;filter:drop-shadow(0 0 4px #0006c4);font-family:Helvetica,sans-serif;letter-spacing:2px;transition:transform .2s linear;width:55%}.answer{font-size:12px;user-select:none}.answer.up{transform:translateY(-10px)}.answer.down{transform:translateY(6px)}.disable-select{user-select:none}@keyframes floating{0%{transform:rotate(0) rotateY(15deg) translateZ(6.8vmin) rotate(0)}to{transform:rotate(1turn) rotateY(15deg) translateZ(6.8vmin) rotate(-1turn)}}@keyframes rotating{to{transform:rotate(1turn)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-2deg)}20%{transform:translate(-3px) rotate(2deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(2deg)}50%{transform:translate(-1px,2px) rotate(-2deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-2deg)}80%{transform:translate(-1px,-1px) rotate(2deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-2deg)}}#fog-container{height:100%;position:absolute;top:0;width:100%;z-index:-1}#magic-eight-canvas-container{background:#000;height:102%;position:absolute;width:102%}#magic-eight-canvas-container>canvas{background:#000;height:100%;width:100%}