html,body{height:100%}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fafafa;background-color:#282828;margin:0;display:flex;flex-direction:column}h1{margin:5px 0 0 0}#theme-toggle{font-size:16px}#theme-toggle:hover{cursor:pointer}.content{width:600px;margin:0 auto;flex:1 0 auto}@media screen and (max-width: 600px){.content{width:80%}}.legal-content{width:600px;margin:0 auto;text-align:left}@media screen and (max-width: 600px){.legal-content{width:80%}}.footer{flex-shrink:0;text-align:center;background-color:#282828;padding:10px}.menu h1{margin:22px auto 0 auto}.menu .game{position:relative;margin:auto}.menu .game img{border:1px solid #000}a{color:#fafafa}.game-link img{border-radius:5px}.game-wrapper{width:99%;height:99%;margin:auto}.menu-left{position:absolute;top:10px;left:10px;z-index:100}.menu-left a{padding:5px}.menu-right{position:absolute;top:10px;right:10px;z-index:100}.icon{display:inline-flex;height:1em;width:1em;top:.125em;position:relative;margin:0 3px 0 0}.body-blackout{position:absolute;z-index:1010;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);display:none}.body-blackout.is-blacked-out{display:block}.popup-trigger{display:inline-block}.popup-modal{height:365px;min-width:300px;max-width:500px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:25px;opacity:0;pointer-events:none;transition:all 200ms ease-in-out;z-index:1011;background-color:#282828}@media screen and (max-height: 600px){.popup-modal{height:80%}}@media screen and (max-width: 600px){.popup-modal{width:80%}}.popup-modal.is--visible{opacity:1;pointer-events:auto}.popup-modal__close{position:absolute;font-size:1.2rem;right:10px;top:10px;cursor:pointer}.popup-modal-title{font-size:32px}.popup-modal-content{height:90%;text-align:left;overflow-y:auto}.popup-modal-content .htp{display:grid;grid-template-areas:"header header" "text text" "mobile desktop";grid-template-columns:50% 50%}.popup-modal-content .htp-header{text-align:left;font-weight:bold;grid-area:header}.popup-modal-content .htp-text{grid-area:text}.popup-modal-content .htp-input-header{font-size:28px;width:100%;text-align:center}.popup-modal-content .htp-mobile{padding:10px;grid-area:mobile}.popup-modal-content .htp-desktop{padding:10px;grid-area:desktop}.popup-modal-content .htp-hex{width:0px;color:#282828;background-color:#fff;-webkit-clip-path:polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);clip-path:polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);display:grid;grid-template-areas:"Q W E" "A S D";flex-direction:column;justify-content:center;align-items:center;padding:2rem 50px;text-decoration:none;text-align:center;transition:transform .24s ease-out;margin:auto;position:relative}.popup-modal-content .htp-hex div{width:25px;user-select:none}.popup-modal-content .htp-hex .Q{grid-area:Q;margin:-20px 0 0 0}.popup-modal-content .htp-hex .W{grid-area:W;margin:-40px 0 0 0}.popup-modal-content .htp-hex .E{grid-area:E;margin:-20px 0 0 0}.popup-modal-content .htp-hex .A{grid-area:A;margin:0 0 -20px 0}.popup-modal-content .htp-hex .S{grid-area:S;margin:0 0 -40px 0}.popup-modal-content .htp-hex .D{grid-area:D;margin:0 0 -20px 0}