@import "https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&family=Science+Gothic:wght@100..900&display=swap";html,body{height:100%;margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex;padding:0!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0c0c;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.game-demo{aspect-ratio:16/9;background-color:#161616;border-radius:10px;flex-direction:column;width:min(50vw,1200px);margin:10px auto 0;display:flex;position:relative;box-shadow:0 8px 25px #0006}.game-demo iframe{border:0;width:100%;height:100%}.game-demo .bottom{flex-direction:row;height:60px;padding:0 10px;display:flex}.game-demo .info{flex-direction:column;justify-content:center;width:100%;display:flex}.game-demo .info h4{align-items:center;margin:0;font-size:clamp(.7rem,2vw,1.1rem);display:flex}.game-demo .info p{color:#ffffff80;margin:0;font-size:clamp(.7rem,1.8vw,1.3rem);position:absolute;left:25%;right:25%}.fullscreen-button{cursor:pointer;background-color:#ffffff1a;border:none;border-radius:4px;margin:auto 0 auto auto;padding:4px;transition:background-color .2s;display:flex}.fullscreen-button img{filter:brightness(0)saturate()invert();width:30px;height:30px}.fullscreen-button:hover{background-color:#ffffff4d}.tg_img{cursor:pointer;z-index:10;width:332px;height:auto;transition:transform .2s;position:fixed;top:25%;right:20px}.tg_img:hover{transform:scale(1.02)}@media (max-width:1355px){.tg_img{width:280px;right:16px}}@media (max-width:1142px){.tg_img{width:220px;right:32px}}@media (max-width:1000px){.tg_img{display:none}.game-demo{width:min(90vw,1200px)}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}header{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin:6px 0;padding:0 20px;font-family:PT Sans Caption,sans-serif;display:grid}header h1{justify-self:start;align-items:center;margin:0 0 0 10px;font-size:clamp(1.5rem,4vw,2rem);display:flex}header h1 p{margin:7px 0 auto 1px;font-family:Science Gothic,sans-serif;font-size:13px}.cg_logo{justify-self:center;width:auto;height:clamp(50px,8vw,65px)}.tg_icon{filter:brightness(0)invert();cursor:pointer;justify-self:end;width:30px;height:30px;margin-right:10px;transition:transform .2s}.tg_icon:hover{transform:scale(1.15)}@media (max-width:768px){header{grid-template-columns:auto auto auto}}.faq-section{aspect-ratio:16/9;width:min(50vw,1200px);margin:60px auto 40px;padding:0 20px}.faq-section h2{text-align:center;color:#fff;margin-bottom:40px;font-size:clamp(1.8rem,5vw,2.5rem)}.faq-accordion{flex-direction:column;gap:12px;display:flex}.faq-item{background-color:#1a1a1a;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item.open{box-shadow:0 8px 25px #0006}.faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-size:1.1rem;font-weight:600;transition:background-color .2s;display:flex}.faq-question:hover{background-color:#ffffff0d}.faq-icon{font-size:1.8rem;font-weight:300;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer-wrapper{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer-wrapper{background-color:#161616;max-height:200px;padding-top:16px;padding-bottom:16px}.faq-answer{color:#fffc;padding:0 24px;line-height:1.6}.faq-answer p{margin:0}@media (max-width:1000px){.faq-section{width:min(89vw,1200px)}}