@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden}#root,.App{background:#fff;color:#111;display:flex;flex-direction:column;font-family:Kanit,Pixelify Sans,sans-serif;min-height:100vh;text-align:center}.App-nav{align-items:center;background:#222831;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;display:flex;height:60px;justify-content:center;left:0;max-width:100vw;padding:0 32px;position:absolute;top:0;width:100%;z-index:10}.App-nav.animated-in{animation:slideDownFadeIn .7s cubic-bezier(.4,.8,.2,1) forwards}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.App-nav-logo-container{align-items:center;display:flex;height:100%;left:32px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.App-nav-logo{cursor:pointer;height:36px;transition:transform .22s cubic-bezier(.4,2,.6,1),box-shadow .22s;width:auto;will-change:transform}.App-nav-logo:hover{transform:scale(1.18)}.App-nav-tabs{display:flex;gap:24px;justify-content:center;width:100%}@media (max-width:700px){.App-nav-tabs{display:none!important}}.App-nav-playnow{background:#ff9800;border:none;border-radius:8px;box-shadow:0 2px 8px #22283114;color:#111;cursor:pointer;font-family:Kanit,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.5px;margin-left:auto;margin-right:0;outline:none;padding:5px 14px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:background .15s,color .15s,box-shadow .15s;z-index:2}.App-nav-playnow:focus,.App-nav-playnow:hover{background:#ffa726;box-shadow:0 4px 16px #22283121;color:#111}.App-nav-tab{border-bottom:2px solid #0000;color:#fff;font-family:Kanit,sans-serif;font-size:1rem;font-weight:400;padding:8px 0;text-decoration:none;transition:border-color .2s}.App-nav-tab:focus,.App-nav-tab:hover{border-bottom:2px solid #ff9800;color:#ff9800}.App-splash{align-items:center;background:url(/static/media/banner-iampixel.b974da553472c8b141a3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:56vh;justify-content:center;margin-bottom:0;max-height:1200px;min-height:56vh;padding-top:0;position:relative}@media (max-width:480px){.App-splash-logo-container{margin-top:24px;width:80vw}}.mc-widget{background:#f7fbff;border:1.5px solid #e3f2fd;border-radius:14px;box-shadow:0 2px 12px #61dafb14;color:#111;font-family:Kanit,sans-serif;margin:0 auto;max-width:400px;min-width:320px;padding:28px 32px 20px;text-align:left}.mc-widget-title{color:#2196f3;font-size:1.25rem;font-weight:600;letter-spacing:1px;margin-bottom:14px}.mc-widget-row{align-items:center;display:flex;margin-bottom:8px}.mc-widget-label{color:#1976d2;font-weight:500;margin-right:8px;min-width:80px}.mc-widget-value{color:#222;font-weight:400;word-break:break-word}.mc-widget-online{color:#43a047;font-weight:600}.mc-widget-offline{color:#e53935;font-weight:600;margin-top:10px}.mc-widget-offline-text{color:#e53935;font-weight:700;margin-left:8px}.mc-widget-loading{color:#1976d2;font-size:1rem;font-style:italic;margin:12px 0}.mc-widget-content{margin-top:4px}.App-footer{align-items:center;background:#222831;bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;font-family:Kanit,sans-serif;font-size:1rem;justify-content:space-between;left:0;letter-spacing:.5px;margin-top:auto;min-height:52px;padding:18px 32px 16px;position:relative;text-align:center;width:100vw}.App-footer-left{text-align:left}.App-footer-right{text-align:right}
/*# sourceMappingURL=main.28d1e657.css.map*/