@import"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..48,400..900&display=swap";:root{--accent-hue: 220;--bg-position: 50% 50%;--color-accent: hsl(var(--accent-hue), 70%, 50%);--color-accent-light: hsl(var(--accent-hue), 70%, 70%);--color-accent-dark: hsl(var(--accent-hue), 90%, 30%);--color-accent-hover: hsl(var(--accent-hue), 75%, 45%);--color-accent-focus: hsl(var(--accent-hue), 80%, 50%, .8);--color-accent-active: hsl(var(--accent-hue), 85%, 35%);--color-text-primary: hsl(var(--accent-hue), 10%, 95%);--color-text-secondary: hsl(var(--accent-hue), 5%, 75%);--color-text-muted: hsl(var(--accent-hue), 5%, 60%, .7);--color-bg-primary: hsl(var(--accent-hue), 10%, 6%);--color-bg-secondary: hsl(var(--accent-hue), 15%, 15%);--color-bg-accent: hsl(var(--accent-hue), 20%, 20%);--color-border: hsl(var(--accent-hue), 10%, 30%);--color-border-light: hsl(var(--accent-hue), 5%, 25%);font-family:Google Sans Flex,Helvetica Neue,Helvetica,Arial,sans-serif,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{margin:0;font-family:Google Sans Flex,Helvetica Neue,Helvetica,Arial,sans-serif,Arial,sans-serif;background:#000;color:var(--color-text-primary);min-height:calc(100vh - 140px)}#app{min-height:calc(100vh - 100px);padding-bottom:100px;display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:1740px}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);line-height:1.2}h1{font-size:3.2em;line-height:1.1}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-highlight{font-size:2rem}.text-muted{color:var(--color-text-muted)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-accent{background-color:var(--color-bg-accent)}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em hsl(var(--accent-hue),70%,50%,.5))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em hsl(var(--accent-hue),60%,60%,.5))}.read-the-docs{color:var(--color-text-muted)}button{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);border-radius:.25rem;padding:.5rem 1rem;transition:all .15s ease-in-out}button:hover{background-color:var(--color-accent-hover)}button:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-focus)}button:active{background-color:var(--color-accent-active)}.accent-button{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:1rem;border-radius:40px;font-size:18px;font-weight:800;text-transform:uppercase;transition:all .15s ease-in-out}.accent-button:hover{color:var(--color-bg-primary);background-color:var(--color-accent-light);box-shadow:0 4px 12px hsla(var(--accent-hue),100%,50%,.4),0 0 24px hsla(var(--accent-hue),100%,50%,.2)}.accent-button:focus{box-shadow:0 0 0 2px var(--color-accent-focus)}.accent-button:active{background-color:var(--color-accent-active)}.accent-button-light{background-color:var(--color-accent-light);color:var(--color-text-primary);border:1px solid var(--color-accent-light)}.accent-button-light:hover{background-color:var(--color-accent)}.accent-button-dark{background-color:var(--color-accent-dark);color:var(--color-bg-primary);border:1px solid var(--color-accent-dark)}.accent-button-dark:hover{background-color:var(--color-accent)}.bg-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-attachment:fixed;opacity:1}#bg-current{opacity:1}#bg-next{opacity:0}.content-center{padding:2rem;border-radius:.25rem;max-width:800px;text-align:center}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;height:420px}.game-card{background-color:var(--color-bg-primary);border-radius:24px;font-size:2rem;padding:3rem;cursor:pointer;transition:all .15s ease-in-out}.game-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1rem hsla(var(--accent-hue),100%,50%,1),0 0 10rem hsla(var(--accent-hue),100%,50%,1)}.game-card h3{color:var(--color-accent);margin-bottom:.5rem}.game-card p{color:var(--color-text-secondary);font-size:16pt;line-height:20pt}.game-card .platform{display:block;margin-top:.5rem;font-size:.875rem;color:var(--color-text-muted);font-weight:700}.game-details{text-align:left;max-width:600px;margin:0 auto}.game-details h2,.game-details h3{margin-top:1.5rem}.game-details p{line-height:1.5}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.25rem;box-shadow:0 .125rem .25rem #0000004d;padding:1rem}.border-example{border:1px solid var(--color-border);border-radius:.125rem;padding:.5rem;box-shadow:0 .125rem .5rem #0000004d;background-color:var(--color-bg-primary)}.animated-icon{position:relative;display:inline-block;overflow:hidden;height:32px;width:32px}.icon-current,.icon-next{position:absolute;top:0;left:0}.icon-current{transform:translateY(0);transition:transform .5s ease}.icon-next{transform:translateY(100%)}.bottom-nav{position:fixed;bottom:64px;height:56px;background-color:var(--color-bg-primary);box-shadow:0 .125rem .25rem #0000004d;border-radius:128px;display:flex;justify-content:space-around;align-items:center;padding:16px 12px;gap:12px;z-index:1000;transition:all .3s ease}@media screen and (max-width:900px){.bottom-nav{width:100%;bottom:0;border-radius:0;max-width:100%;transition:all .3s ease}}.animated-icon{width:32px;height:32px;position:relative}.nav-item{display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all .15s ease-in-out;color:var(--color-text-secondary);padding:16px;border-radius:56px;background-color:var(--color-bg-secondary)}.nav-item:hover{color:var(--color-accent);background-color:var(--color-bg-secondary)}.nav-item:hover .nav-title{max-width:200px;margin-left:.5rem;transition:all .5s ease}.nav-item.active{background-color:var(--color-accent);color:var(--color-bg-primary)}.nav-item svg{width:32px;height:32px}.nav-item .nav-title{overflow:hidden;max-width:0;font-size:18px;font-weight:800;text-transform:uppercase;transition:max-width .5s cubic-bezier(.4,0,.2,1),margin-left .5s cubic-bezier(.4,0,.2,1)}.nav-item .nav-item:hover .nav-title,.nav-item .nav-title.expanding{max-width:200px;margin-left:.5rem;transition:max-width .5s cubic-bezier(.4,0,.2,1),margin-left .5s cubic-bezier(.4,0,.2,1)}.active .nav-title{max-width:200px;margin-left:.5rem;transition:all .5s ease}.nav-arrow{position:fixed;display:flex;align-items:center;justify-content:center;height:56px;width:56px;background-color:var(--color-bg-primary);box-shadow:0 .125rem .25rem #0000004d;border-radius:128px;z-index:999;transition:all .3s ease;top:50%;transform:translateY(-50%)}@media screen and (max-width:900px){.nav-arrow{height:48px;width:48px;font-size:24px}}.nav-arrow-prev{left:2rem}@media screen and (max-width:900px){.nav-arrow-prev{left:1rem}}.nav-arrow-next{right:2rem}@media screen and (max-width:900px){.nav-arrow-next{right:1rem}}.arrow-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:128px;color:var(--color-text-secondary);text-decoration:none;font-size:32px;font-weight:700;transition:all .3s ease;cursor:pointer}.arrow-button:hover{color:var(--color-accent);background-color:var(--color-bg-secondary);transform:scale(1.1)}.arrow-button svg{width:32px;height:32px;color:inherit}.arrow-button .arrow{line-height:1}.header{position:absolute;right:64px;width:400px;top:64px;text-align:right;letter-spacing:-.06em;z-index:1}.header h1{font-size:47px;margin-top:-24px;font-weight:800;color:var(--color-accent-light)}.header h2{font-size:33px;margin-top:0;font-weight:800;color:var(--color-bg-primary)}.header h2 span{font-weight:300;color:var(--color-accent)}.header p{font-size:20px;color:var(--color-text-secondary)}.forum-container{max-width:1200px;margin:0 auto;padding:0 1rem}.forum-header{margin-bottom:2rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px}.forum-user-info{display:flex;align-items:center;gap:1rem}.forum-user-info img{width:32px;height:32px;border-radius:50%}.forum-user-info .user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.forum-topics-list{display:flex;flex-direction:column;gap:.75rem}.forum-topic-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.forum-topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.forum-topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.forum-topic-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.forum-topic-footer{display:flex;justify-content:space-between;align-items:center}.forum-topic-author{display:flex;align-items:center;gap:.5rem}.forum-topic-author img{width:24px;height:24px;border-radius:50%}.forum-topic-stats{display:flex;gap:1rem;color:var(--color-text-muted);font-size:.8rem}.forum-create-topic-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.forum-create-topic-form h3{color:var(--color-text-primary);margin:0 0 1rem}.forum-create-topic-form input,.forum-create-topic-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-family:inherit}.forum-create-topic-form textarea{resize:vertical}.forum-topic-detail-container{max-width:1000px;margin:0 auto;padding:0 1rem}.forum-topic-detail h1{color:var(--color-text-primary);margin:0;font-size:1.5rem}.forum-topic-content{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem;line-height:1.6}.forum-replies-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.2rem}.forum-reply{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:.75rem}.forum-reply-author{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.forum-reply-author img{width:24px;height:24px;border-radius:50%}.forum-reply-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.forum-reply-form h3{color:var(--color-text-primary);margin:0 0 1rem}.forum-reply-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;resize:vertical;font-family:inherit}@media screen and (max-width:768px){.forum-container,.forum-topic-detail-container{padding:0 .5rem}.forum-header{padding:.75rem}.forum-user-info{flex-direction:column;align-items:flex-start;gap:.5rem}.forum-topic-card,.forum-create-topic-form,.forum-topic-detail,.forum-topic-content,.forum-reply,.forum-reply-form{padding:1rem}.forum-topic-header,.forum-topic-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-left:32px;padding-right:32px;box-sizing:border-box}.logo-anim{max-width:1240px;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;z-index:5;text-transform:uppercase;font-size:73px;font-weight:800;line-height:74px;letter-spacing:-.03em}.logo-anim .logo-words{color:var(--color-bg-primary);display:flex;flex-direction:row;align-items:center;min-height:82px;padding-left:256px;width:100%;box-sizing:border-box}.logo-anim .logo{width:240px;height:240px}.logo-anim .logo svg{width:100%;height:auto}.logo-anim .logo-container{display:flex;width:100%;flex-direction:row;height:240px;align-items:flex-end;gap:16px}.logo-anim .logo-we-create{width:320px;margin-bottom:-8px}.illustration-container{position:absolute;top:18vh;bottom:24vh;width:50%;height:auto;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:1;right:0;z-index:0}@media screen and (max-width:900px){.illustration-container{width:100%;height:100%;opacity:.15}}.illustration-container .animated-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.illustration-container .icon-current,.illustration-container .icon-next{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.illustration-container .fade-animated-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.illustration-container .fade-icon-current{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:1}.illustration-container svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;fill:#000}