.stats-panel{position:absolute;top:0;left:0;z-index:9999}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;overflow:hidden;background-color:#123}canvas{display:block}#initial-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100000;pointer-events:none;background-color:#123}#initial-loading-screen.hidden{display:none}@keyframes loading-rotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(0)}75%{transform:rotate(-90deg)}to{transform:rotate(0)}}.initial-loading-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e,#fc3);box-shadow:0 0 4px 5px #0003;display:flex;align-items:center;justify-content:center;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);animation:loading-rotate 1.5s ease-in-out infinite}.initial-loading-og5{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;user-select:none;animation:loading-rotate 1.5s ease-in-out infinite}.initial-og5-main{font-size:48px;font-weight:700;line-height:1;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.initial-og5-online{font-size:16px;font-weight:400;line-height:1;margin-top:2px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.initial-loading-circle{width:120px;height:120px}.initial-og5-main{font-size:24px}.initial-og5-online{font-size:8px}}#article-container{max-width:800px;margin:0 auto;padding:2rem;color:#ffffffde;background-color:#1a1a1a;min-height:100vh}.article-display{line-height:1.6}.article-header{margin-bottom:2rem}.article-featured-image{width:100%;max-width:100%;height:auto;border-radius:8px;margin-bottom:1.5rem}.article-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#fff9}.article-meta span{display:inline-block}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.article-tag{background-color:#6b8e23;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem}.article-content{margin-top:2rem}.article-content h1,.article-content h2,.article-content h3{margin-top:2rem;margin-bottom:1rem;color:#fff}.article-content h1{font-size:2rem}.article-content h2{font-size:1.75rem}.article-content h3{font-size:1.5rem}.article-content p{margin-bottom:1rem}.article-content a{color:#646cff;text-decoration:underline}.article-content a:hover{color:#535bf2}.article-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.article-sponsor{margin-top:2rem;padding:1rem;background-color:#6b8e231a;border-left:4px solid #6b8e23;border-radius:4px}.article-sponsor p{margin:0;font-size:.9rem;color:#ffffffb3}.article-list{display:grid;gap:2rem}.article-preview{display:flex;gap:1.5rem;padding:1.5rem;background-color:#ffffff0d;border-radius:8px;transition:background-color .2s}.article-preview:hover{background-color:#ffffff14}.article-preview-image{width:200px;height:150px;object-fit:cover;border-radius:4px;flex-shrink:0}.article-preview-content{flex:1}.article-preview-title{font-size:1.5rem;margin-bottom:.5rem}.article-preview-title a{color:#fff;text-decoration:none}.article-preview-title a:hover{color:#646cff}.article-preview-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:#fff9}.article-preview-excerpt{margin-bottom:.75rem;color:#fffc}.article-preview-link{color:#646cff;text-decoration:none;font-weight:500}.article-preview-link:hover{color:#535bf2;text-decoration:underline}@media (max-width: 768px){#article-container{padding:1rem}.article-title{font-size:2rem}.article-preview{flex-direction:column}.article-preview-image{width:100%;height:200px}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:999}.challenge-splash-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}#loading-overlay.challenge-splash-mode{background-color:#000}.hidden{display:none!important}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.ufo-bottom-ui{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:10%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;z-index:99999!important;pointer-events:none!important;padding:10px 20px!important;box-sizing:border-box!important}.ufo-magnet-btn{width:80px!important;height:80px!important;padding:0!important;background:#0096ffcc!important;color:#fff!important;border:2px solid rgba(255,255,255,.5)!important;border-radius:50%!important;font-size:32px!important;font-family:system-ui,sans-serif!important;cursor:pointer!important;transition:all .15s ease!important;user-select:none!important;touch-action:manipulation!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #0006!important;pointer-events:auto!important}.ufo-magnet-btn:active,.ufo-magnet-btn.pressed{background:#00c8ff!important;transform:scale(.95)!important;box-shadow:0 2px 8px #00000080!important}.ufo-magnet-btn:hover:not(:active):not(.pressed){background:#00aaffe6!important;transform:scale(1.05)!important}.ufo-score-display{background:transparent!important;color:#fff!important;padding:0!important;border-radius:0!important;font-family:system-ui,sans-serif!important;font-size:32px!important;font-weight:600!important;border:none!important;pointer-events:auto!important;min-width:auto!important;text-align:center!important}.ufo-music-toggle-btn{position:fixed!important;top:20px!important;right:20px!important;width:60px!important;height:60px!important;padding:0!important;background:#0009!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:50%!important;font-size:28px!important;font-family:system-ui,sans-serif!important;cursor:pointer!important;transition:all .2s ease!important;user-select:none!important;touch-action:manipulation!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #0000004d!important;z-index:99998!important}.ufo-music-toggle-btn:hover{background:#000c!important;border-color:#ffffff80!important;transform:scale(1.1)!important}.ufo-music-toggle-btn:active{transform:scale(.95)!important;box-shadow:0 1px 4px #0006!important}@media (max-width: 768px){.ufo-magnet-btn{width:70px!important;height:70px!important;font-size:28px!important}.ufo-score-display{font-size:28px!important;padding:0!important;min-width:auto!important}.ufo-bottom-ui{gap:15px!important;padding:8px 15px!important}.ufo-music-toggle-btn{width:50px!important;height:50px!important;font-size:24px!important;top:15px!important;right:15px!important}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.circular-menu-container{position:fixed;z-index:100000;pointer-events:none;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}.circular-menu-container[data-position=bottom-right]{bottom:20px;right:20px}.circular-menu-container[data-position=bottom-left]{bottom:20px;left:20px}.circular-menu-container[data-position=top-right]{top:20px;right:20px}.circular-menu-container[data-position=top-left]{top:0;left:0}.circular-menu-container[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;margin:0;padding:0}.circular-menu-container[data-animating=true]{transition:top .8s cubic-bezier(.4,0,.2,1),left .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.circular-menu-button{position:absolute;width:200px;height:200px;left:-100px;top:-100px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e,#fc3);border:none;color:#000;cursor:pointer;display:block;box-shadow:0 0 4px 5px #0003;transition:transform .3s;pointer-events:auto;z-index:100001;user-select:none;touch-action:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;overflow:hidden}.circular-menu-container[data-position=center] .circular-menu-button{left:100px;top:100px}.circular-menu-button-loading{background:linear-gradient(135deg,#ff6b35,#f7931e,#fc3)!important;position:relative}.circular-menu-button-loading:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:200%;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,255,.1) 30%,rgba(0,255,255,.5) 50%,rgba(0,255,255,.1) 70%,transparent 100%);animation:tron-scan 3s linear infinite;border-radius:50%;pointer-events:none;z-index:2;box-shadow:0 0 20px #0ff6}@keyframes tron-scan{0%{top:-100%;opacity:0}20%{opacity:.8}50%{opacity:1}80%{opacity:.8}to{top:100%;opacity:0}}.circular-menu-notification .circular-menu-button{background:linear-gradient(135deg,red,#c00,#900)!important;animation:notification-pulse 1.5s ease-in-out infinite!important;box-shadow:0 0 8px 6px #f006!important}@keyframes notification-pulse{0%,to{background:linear-gradient(135deg,red,#c00,#900);box-shadow:0 0 8px 6px #f006;transform:translateZ(0) scale(1)}50%{background:linear-gradient(135deg,#f33,red,#c00);box-shadow:0 0 12px 8px #f009;transform:translateZ(0) scale(1.02)}}.circular-menu-icon{position:absolute;top:120px;left:120px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .3s;pointer-events:none;z-index:10}.hamburger-icon{opacity:0;transform:scale(0) translateY(20px);visibility:hidden}.hamburger-icon-visible{opacity:1;transform:scale(1);visibility:visible;display:flex}.hamburger-icon-hidden{opacity:0;transform:scale(0) translateY(20px);visibility:hidden}.notification-icon{opacity:0;transform:scale(0);visibility:hidden}.notification-icon-visible{opacity:1;transform:scale(1);visibility:visible;display:flex;animation:notification-vibrate-burst 1.5s ease-in-out infinite}@keyframes notification-vibrate-burst{0%{transform:scale(1) translate(0)}0.33%{transform:scale(1) translate(-5px)}0.67%{transform:scale(1) translate(5px)}1%{transform:scale(1) translate(-5px)}1.33%{transform:scale(1) translate(5px)}1.67%{transform:scale(1) translate(-4px)}2%{transform:scale(1) translate(4px)}2.33%{transform:scale(1) translate(-4px)}2.67%{transform:scale(1) translate(4px)}3%{transform:scale(1) translate(-3px)}3.33%{transform:scale(1) translate(3px)}3.67%{transform:scale(1) translate(-3px)}4%{transform:scale(1) translate(3px)}4.33%{transform:scale(1) translate(-2px)}4.67%{transform:scale(1) translate(2px)}5%{transform:scale(1) translate(-1px)}5.33%{transform:scale(1) translate(1px)}5.67%{transform:scale(1) translate(0)}5.68%,to{transform:scale(1) translate(0)}}.notification-icon-hidden{opacity:0;transform:scale(0);visibility:hidden}.notification-badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;background-color:#ff3b30;color:#fff;border-radius:9px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;transform:scale(0);visibility:hidden;transition:opacity .3s,transform .3s;z-index:1;box-shadow:0 2px 4px #0003}.notification-badge-visible{opacity:1!important;transform:scale(1)!important;visibility:visible!important;display:flex!important}.message-icon{opacity:0;transform:scale(0);visibility:hidden}.message-icon-visible{opacity:1;transform:scale(1);visibility:visible;display:flex}.message-icon-hidden{opacity:0;transform:scale(0);visibility:hidden}.og5-text{opacity:0;transform:scale(0);display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:visible}.og5-main{font-size:24px;font-weight:700;color:#000;letter-spacing:-.5px;text-align:center;line-height:1}.og5-online{font-size:8px;font-weight:400;color:#000;text-align:center;line-height:1;margin-top:2px}.circular-menu-ready .hamburger-icon,.circular-menu-ready .hamburger-icon-visible{opacity:1!important;transform:scale(1)!important;visibility:visible!important}.circular-menu-notification .hamburger-icon,.circular-menu-notification .hamburger-icon-visible{opacity:0!important;transform:scale(0) translateY(20px)!important;visibility:hidden!important}.circular-menu-notification .notification-icon-visible{opacity:1!important;visibility:visible!important;display:flex!important;animation:notification-vibrate-burst 1.5s ease-in-out infinite!important}.circular-menu-open .hamburger-icon,.circular-menu-open .hamburger-icon-visible{opacity:0!important;transform:scale(0)!important;visibility:hidden!important}.circular-menu-open .circular-menu-icon.og5-text,.circular-menu-open .og5-text{position:absolute;top:120px;left:120px;transform:scale(1)!important;opacity:1!important;visibility:visible!important;z-index:100002!important}.circular-menu-container[data-position=center] .og5-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1!important;visibility:visible!important;z-index:100002}.circular-menu-container[data-position=center] .og5-main{font-size:48px}.circular-menu-container[data-position=center] .og5-online{font-size:16px}.circular-menu-container[data-position=center] .og5-text.fade-out{opacity:0!important;transition:opacity .5s ease}@media (max-width: 768px){.circular-menu-container[data-position=center]{width:200px;height:200px}.circular-menu-container[data-position=center] .circular-menu-button{width:120px;height:120px;left:40px;top:40px}.circular-menu-container[data-position=center] .circular-menu-items{width:400px;height:400px;top:0;left:0;transform:scale(.5);transform-origin:0 0;-webkit-transform:scale(.5);-webkit-transform-origin:0 0}.circular-menu-loading-segment{width:400px;height:400px;top:0;left:0;transform-origin:200px 200px;-webkit-transform-origin:200px 200px}.circular-menu-item-icon{top:100px;left:100px;font-size:23px;width:23px;height:23px}.circular-menu-container[data-position=center] .og5-main{font-size:24px!important}.circular-menu-container[data-position=center] .og5-online{font-size:8px!important}}.og5-text[data-og5-visible=false]{opacity:0!important;visibility:hidden!important}.og5-text[data-og5-visible=true]{opacity:1!important;visibility:visible!important}.circular-menu-icon svg{width:100%;height:100%;display:block;visibility:visible;opacity:1}@media (max-width: 768px){.hamburger-icon-visible,.message-icon-visible{opacity:1!important;transform:scale(1)!important;visibility:visible!important;display:flex!important}.notification-icon-visible{opacity:1!important;visibility:visible!important;display:flex!important;animation:notification-vibrate-burst 1.5s ease-in-out infinite!important}.circular-menu-open .og5-text{opacity:1!important;transform:scale(1)!important;visibility:visible!important}.hamburger-icon-visible svg,.notification-icon-visible svg,.message-icon-visible svg{display:block!important;visibility:visible!important;opacity:1!important}}.circular-menu-icon svg path{transition:transform .3s;stroke:#000;fill:none;visibility:visible}.circular-menu-icon svg path:nth-child(1){transform-origin:25% 29%}.circular-menu-icon svg path:nth-child(2){transform-origin:50% 50%}.circular-menu-icon svg path:nth-child(3){transform-origin:75% 72%}.circular-menu-icon svg path:nth-child(4){transform-origin:75% 29%}.circular-menu-icon svg path:nth-child(5){transform-origin:25% 72%}.circular-menu-button:hover{box-shadow:0 0 6px 7px #0000004d}.circular-menu-button:active{box-shadow:0 0 3px 4px #0003}.circular-menu-button-loading{pointer-events:none;cursor:not-allowed}.circular-menu-button-ready{pointer-events:auto;cursor:pointer}.circular-menu-items{position:absolute;top:0;left:0;width:200px;height:200px;pointer-events:none;overflow:hidden}.circular-menu-container[data-position=center] .circular-menu-items{width:400px;height:400px;top:0;left:0;overflow:visible}.circular-menu-loading-segment{position:absolute;top:0;left:0;width:400px;height:400px;border-radius:50%;pointer-events:none;user-select:none;transform-origin:200px 200px;-webkit-transform-origin:200px 200px;z-index:99990;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.circular-menu-loading-segment[data-segment-state=expand]{opacity:1;transform:scale(1)}.circular-menu-loading-segment[data-segment-state=contract]{opacity:.3;transform:scale(.8)}.circular-menu-loading-segment[data-segment-state=hidden]{opacity:0;transform:scale(0)}.circular-menu-item{position:absolute;top:-200px;left:-200px;width:400px;height:400px;transform:translate(-200px) translateY(-200px) translateZ(0);-webkit-transform:translateX(-200px) translateY(-200px) translateZ(0);clip-path:var(--clip-path);-webkit-clip-path:var(--clip-path);background:var(--item-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s;transition-delay:var(--transition-delay, 0ms);pointer-events:auto;user-select:none;touch-action:none;border:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent;box-shadow:0 0 4px 5px #0003;z-index:calc(99998 + var(--item-index, 0));visibility:visible;opacity:1;overflow:visible;will-change:transform}.circular-menu-item[data-item-visible=false]{visibility:hidden;pointer-events:none}.circular-menu-item[data-item-visible=true]{visibility:visible;pointer-events:auto}.circular-menu-open .circular-menu-item{transform:translate(0) translateY(0) translateZ(0);-webkit-transform:translateX(0) translateY(0) translateZ(0)}.circular-menu-item:hover{opacity:.85}.circular-menu-item:active{opacity:.7}.circular-menu-item-icon{position:absolute;top:200px;left:200px;transform:translate(calc(-50% + var(--icon-x, 0px)),calc(-50% + var(--icon-y, 0px)));-webkit-transform:translate(calc(-50% + var(--icon-x, 0px)),calc(-50% + var(--icon-y, 0px)));line-height:1;font-size:46px;color:#000;font-weight:600;pointer-events:none;z-index:1;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.circular-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:99999}.circular-menu-overlay-visible{opacity:1;pointer-events:auto}@media (max-width: 768px){.circular-menu-button{width:160px;height:160px;left:-80px;top:-80px}.circular-menu-icon{top:100px;left:100px;width:36px;height:36px}.circular-menu-items{width:160px;height:160px;top:0;left:0;overflow:hidden;transform-origin:0 0;-webkit-transform-origin:0 0}.circular-menu-item{width:320px;height:320px;top:-160px;left:-160px;transform:translate(-160px) translateY(-160px) translateZ(0);-webkit-transform:translateX(-160px) translateY(-160px) translateZ(0);transform-origin:160px 160px;-webkit-transform-origin:160px 160px}.circular-menu-open .circular-menu-item{transform:translate(0) translateY(0) translateZ(0);-webkit-transform:translateX(0) translateY(0) translateZ(0)}.circular-menu-item-icon{top:160px;left:160px;font-size:36px;width:36px;height:36px}}@media (max-width: 768px) and (orientation: landscape){.circular-menu-container{transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}.circular-menu-items{transform-origin:0 0;-webkit-transform-origin:0 0;will-change:transform}.circular-menu-item{transform-origin:160px 160px;-webkit-transform-origin:160px 160px;position:absolute;top:-160px;left:-160px}.circular-menu-item-icon{transform-origin:160px 160px;-webkit-transform-origin:160px 160px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.circular-menu-container[data-position=top-left]{top:0!important;left:0!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.circular-menu-items{width:200px;height:200px;top:0!important;left:0!important;transform:none!important;-webkit-transform:none!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;overflow:hidden;pointer-events:none}.circular-menu-button{width:200px;height:200px;left:-100px!important;top:-100px!important;transform:translateZ(0);-webkit-transform:translateZ(0)}.circular-menu-icon{top:120px!important;left:120px!important;width:46px;height:46px}.og5-text{top:120px!important;left:120px!important}.circular-menu-open .og5-text{opacity:1!important;transform:scale(1)!important;visibility:visible!important}.circular-menu-item{width:400px;height:400px;top:-200px!important;left:-200px!important;transform:translate(-200px) translateY(-200px) translateZ(0)!important;-webkit-transform:translateX(-200px) translateY(-200px) translateZ(0)!important;transform-origin:200px 200px!important;-webkit-transform-origin:200px 200px!important;pointer-events:auto}.circular-menu-open .circular-menu-item{transform:translate(0) translateY(0) translateZ(0)!important;-webkit-transform:translateX(0) translateY(0) translateZ(0)!important}.circular-menu-item-icon{top:200px!important;left:200px!important;transform-origin:200px 200px!important;-webkit-transform-origin:200px 200px!important;font-size:32px;width:32px;height:32px}}@media (max-width: 768px) and (orientation: portrait),(max-width: 768px) and (max-height: 768px) and (max-aspect-ratio: 1/1),(max-width: 768px) and (min-height: 400px) and (max-height: 768px){.circular-menu-container[data-position=top-left]{top:0;left:0}.circular-menu-items{width:200px;height:200px;top:0;left:0;transform:none;-webkit-transform:none;overflow:hidden;pointer-events:none}.circular-menu-item{width:400px;height:400px;top:-200px;left:-200px;transform:translate(-200px) translateY(-200px) translateZ(0);-webkit-transform:translateX(-200px) translateY(-200px) translateZ(0);pointer-events:auto}.circular-menu-open .circular-menu-item{transform:translate(0) translateY(0) translateZ(0);-webkit-transform:translateX(0) translateY(0) translateZ(0)}.circular-menu-button{width:200px;height:200px;left:-100px;top:-100px}.circular-menu-icon{top:120px;left:120px;width:46px;height:46px}.circular-menu-item-icon{top:200px;left:200px;font-size:32px;width:32px;height:32px}}#renderCanvas{pointer-events:auto}.circular-menu-container{pointer-events:none}.circular-menu-container>*{pointer-events:auto}.games-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100002!important;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:visible!important}.games-overlay-visible{opacity:1;pointer-events:auto}.games-overlay-container{position:relative;width:100%;max-width:1200px;padding:30px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#444444f2,#7e84f9f2);border-radius:12px;box-shadow:0 8px 32px #00000080}.games-overlay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:32px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:10;padding:0;margin:0}.games-overlay-close:hover{background:#fff3;transform:scale(1.1)}.games-overlay-close:active{transform:scale(.95)}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;width:100%}@media screen and (max-width: 760px){.games-grid{grid-template-columns:repeat(2,1fr);grid-gap:20px}.games-overlay-container{padding:20px}}.game-card{position:relative;z-index:1;width:100%;padding-bottom:150%;perspective:1000px}.game-card__cover{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:linear-gradient(120deg,#f6d365,#fda085);background-size:cover;background-position:center;perspective-origin:50% 50%;transform-style:preserve-3d;transform-origin:top center;will-change:transform;transform:skew(.001deg);transition:transform .35s ease-in-out}.game-card__cover:after{display:block;content:"";position:absolute;z-index:100;top:0;left:0;width:100%;height:120%;background:linear-gradient(226deg,#fff6 0% 35%,#fff3 42%,#fff0 60%);transform:translateY(-20%);will-change:transform;transition:transform .65s cubic-bezier(.18,.9,.58,1)}.game-card:hover .game-card__cover{transform:rotateX(7deg) translateY(-6px)}.game-card:hover .game-card__cover:after{transform:translateY(0)}.game-card:before{display:block;content:"";position:absolute;top:5%;left:5%;width:90%;height:90%;background:#00000080;box-shadow:0 6px 12px 12px #0006;will-change:opacity;transform-origin:top center;transform:skew(.001deg);transition:transform .35s ease-in-out,opacity .5s ease-in-out}.game-card:hover:before{opacity:.6;transform:rotateX(7deg) translateY(-6px) scale(1.05)}.game-card__image{width:100%;height:100%;object-fit:cover;display:block}.game-card__title{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:18px;font-weight:600;text-align:center;z-index:10}.game-card__coming-soon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:24px;font-weight:600;text-align:center;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-card__cover--coming-soon{background-image:linear-gradient(120deg,#f6d365,#fda085)}.game-card__cover--error{background-image:linear-gradient(120deg,#666,#888)}.game-card[href]{cursor:pointer;text-decoration:none;color:inherit;display:block}.game-card[href]:hover{text-decoration:none}.game-card[href] .game-card__cover{pointer-events:none}.game-card__image--hidden{display:none}.game-card__badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.game-card:hover .game-card__badge{background:#000000e6}.games-overlay-open{overflow:hidden}.mini-game-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100003!important;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:visible!important}.mini-game-overlay-visible{opacity:1;pointer-events:auto}.mini-game-overlay-container{position:relative;width:100%;max-width:800px;max-height:90vh;padding:30px;display:flex;flex-direction:column;overflow-y:auto;background:#14141ef2;border-radius:12px;box-shadow:0 8px 32px #00000080}.mini-game-overlay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:32px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:10;padding:0;margin:0}.mini-game-overlay-close:hover{background:#fff3;transform:scale(1.1)}.mini-game-overlay-close:active{transform:scale(.95)}.mini-game-content{width:100%;color:#fff}.mini-game-overlay-open{overflow:hidden}.mini-game-billboard-container{width:1024px;height:512px;position:fixed;left:0;top:0;z-index:-9999;background:#14141ef2;border-radius:12px;padding:20px;box-sizing:border-box;overflow:hidden;pointer-events:none}@media screen and (max-width: 760px){.mini-game-overlay-container{max-width:95%;padding:20px}}.information-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100002!important;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:visible!important}.information-overlay-visible{opacity:1;pointer-events:auto}.information-overlay-container{position:relative;width:100%;max-width:600px;max-height:90vh;padding:30px;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(135deg,#444444f2,#b7e13ff2);border-radius:12px;box-shadow:0 8px 32px #00000080}.information-overlay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:32px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:10;padding:0;margin:0}.information-overlay-close:hover{background:#fff3;transform:scale(1.1)}.information-overlay-close:active{transform:scale(.95)}.information-overlay-content{display:flex;flex-direction:column;gap:20px;color:#fff}.information-overlay-title{font-size:28px;font-weight:700;margin:0;color:#fff}.information-overlay-description{font-size:16px;line-height:1.6;margin:0;color:#ffffffe6}.information-overlay-twitter{margin-top:20px;display:flex;justify-content:center;min-height:200px}.information-overlay-open{overflow:hidden}.information-overlay-twitter{width:100%;max-width:550px;margin:20px auto 0}.tweet-card{background:#16181cf2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;transition:border-color .2s ease}.tweet-card:hover{border-color:#fff3}.tweet-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tweet-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.tweet-author-info{display:flex;flex-direction:column;gap:2px}.tweet-author-name{font-weight:700;font-size:15px;color:#fff;line-height:1.2}.tweet-author-handle{font-size:15px;color:#fff9;line-height:1.2}.tweet-content{margin-bottom:12px}.tweet-text{font-size:15px;line-height:1.5;color:#ffffffe6;margin:0;word-wrap:break-word}.tweet-link,.tweet-hashtag{color:#1d9bf0;text-decoration:none;transition:text-decoration .2s ease}.tweet-link:hover,.tweet-hashtag:hover{text-decoration:underline}.tweet-footer{display:flex;align-items:center;gap:4px;font-size:15px;color:#fff9;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.tweet-date{color:#fff9}.tweet-view-link{color:#1d9bf0;text-decoration:none;transition:text-decoration .2s ease}.tweet-view-link:hover{text-decoration:underline}.information-overlay-nav{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0;padding:0;border-bottom:1px solid rgba(255,255,255,.1)}.information-overlay-nav-separator{color:#fff6;margin:0 4px}.information-overlay-nav-tab{background:none;border:none;color:#fff9;font-size:14px;font-weight:500;padding:12px 16px;cursor:pointer;transition:color .2s ease;text-transform:uppercase;letter-spacing:.5px}.information-overlay-nav-tab:hover{color:#ffffffe6}.information-overlay-nav-tab.active{color:#fff;border-bottom:2px solid #1d9bf0}.information-overlay-content-area{min-height:200px;margin:20px 0}.information-overlay-section-content{color:#ffffffe6}.information-overlay-text{font-size:15px;line-height:1.6;margin:0 0 12px;color:#ffffffe6}.information-overlay-link,.information-overlay-hashtag{color:#1d9bf0;text-decoration:none;transition:text-decoration .2s ease}.information-overlay-link:hover,.information-overlay-hashtag:hover{text-decoration:underline}.information-overlay-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.information-overlay-footer-left,.information-overlay-footer-right{display:flex;align-items:center;gap:4px}.information-overlay-version{font-size:10px;color:#fff6;font-family:monospace}.information-overlay-footer-link{font-size:12px;color:#fff9;text-decoration:none;transition:color .2s ease}.information-overlay-footer-link:hover{color:#ffffffe6}@media screen and (max-width: 760px){.information-overlay-container{max-width:95%;padding:20px;max-height:95vh}.information-overlay-title{font-size:24px}.information-overlay-description{font-size:14px}}.account-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100002!important;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:visible!important}.account-overlay-visible{opacity:1;pointer-events:auto}.account-overlay-container{position:relative;width:100%;max-width:700px;max-height:90vh;padding:30px;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(135deg,#f12711f2,#f5af19f2);border-radius:12px;box-shadow:0 8px 32px #00000080}.account-overlay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#fff3;color:#fff;font-size:32px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:10;padding:0;margin:0}.account-overlay-close:hover{background:#ffffff4d;transform:scale(1.1)}.account-overlay-close:active{transform:scale(.95)}.account-overlay-content{display:flex;flex-direction:column;gap:24px;color:#fff}.account-overlay-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2)}.account-overlay-avatar-container{flex-shrink:0}.account-overlay-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:40px;color:#fffc;position:relative;overflow:hidden;line-height:1}.account-overlay-user-info{display:flex;flex-direction:column;gap:12px;flex:1}.account-overlay-username{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.account-overlay-og5core{display:flex;align-items:center;gap:8px;font-size:18px}.account-overlay-og5core-label{color:#ffffffe6;font-weight:500}.account-overlay-og5core-value{color:#fff;font-weight:700;font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.account-overlay-auth-button{width:100%;padding:16px 24px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.account-overlay-auth-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.account-overlay-auth-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000004d}.account-overlay-sections-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;align-items:start}.account-overlay-sections{display:flex;flex-direction:column;gap:16px}.account-overlay-section-button{position:relative;padding:20px;background:#ffffff26;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:12px;text-transform:none;letter-spacing:.3px;min-height:100px;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003,0 2px 4px #0000001a}.account-overlay-section-header{display:flex;align-items:center;gap:12px}.account-overlay-section-button:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #00000026,0 4px 12px #0000004d}.account-overlay-section-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px 1px #fff3,0 1px 2px #0003}.account-overlay-section-icon{font-size:32px;line-height:1;color:#ffffffe6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) grayscale(100%);-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) grayscale(100%);display:inline-block;width:32px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.3);paint-order:stroke fill}.account-overlay-section-label{font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);text-transform:none;letter-spacing:.2px;line-height:1}.account-overlay-section-placeholder{position:absolute;bottom:12px;right:12px;font-size:11px;color:#fff9;font-weight:400;text-transform:none;letter-spacing:0;font-style:italic}.account-overlay-advert{background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:100%;box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 2px #00000026,0 2px 4px #0000001a}.account-overlay-advert-placeholder{color:#fff9;font-size:13px;font-weight:500;text-transform:none;letter-spacing:.3px;text-align:center;line-height:1.5}.account-overlay-open{overflow:hidden}@media screen and (max-width: 760px){.account-overlay-container{max-width:95%;padding:20px;max-height:95vh}.account-overlay-header{flex-direction:column;text-align:center}.account-overlay-username{font-size:24px}.account-overlay-sections-wrapper{grid-template-columns:1fr}.account-overlay-section-button{min-height:100px}.account-overlay-advert{min-height:200px}}.notifications-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100002;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.notifications-overlay-visible{opacity:1;visibility:visible;pointer-events:auto}.notifications-overlay-open{overflow:hidden}.notifications-overlay-container{background:#14141efa;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;transform:scale(.9);transition:transform .3s ease}.notifications-overlay-visible .notifications-overlay-container{transform:scale(1)}.notifications-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-overlay-title{font-size:28px;font-weight:700;color:#fff;margin:0}.notifications-overlay-close{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.notifications-overlay-close:hover{background-color:#ffffff1a}.notifications-overlay-list{flex:1;overflow-y:auto;margin-bottom:16px;min-height:200px;max-height:60vh}.notifications-overlay-empty{text-align:center;color:#fff9;padding:40px 20px;font-size:16px}.notifications-overlay-item{background:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;transition:background-color .2s;position:relative}.notifications-overlay-item:hover{background:#ffffff14}.notifications-overlay-item-info{border-left:3px solid #0088ff}.notifications-overlay-item-warning{border-left:3px solid #ffaa00}.notifications-overlay-item-error{border-left:3px solid #ff3b30}.notifications-overlay-item-success{border-left:3px solid #34c759}.notifications-overlay-item-content{flex:1;min-width:0}.notifications-overlay-item-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.notifications-overlay-item-message{font-size:14px;color:#ffffffb3;margin-bottom:8px;line-height:1.4}.notifications-overlay-item-timestamp{font-size:12px;color:#ffffff80;margin-bottom:8px}.notifications-overlay-item-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s;margin-top:8px}.notifications-overlay-item-action:hover{background:#fff3}.notifications-overlay-item-dismiss{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s;flex-shrink:0}.notifications-overlay-item-dismiss:hover{background-color:#ffffff1a;color:#fff}.notifications-overlay-clear-all{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);color:#ff3b30;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.notifications-overlay-clear-all:hover{background:#ff3b304d}@media screen and (max-width: 760px){.notifications-overlay-container{max-width:95%;padding:20px;max-height:95vh}.notifications-overlay-title{font-size:24px}}