@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap);@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;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--font-family:"Kanit","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--heading-font:"Momo Trust Display",var(--font-family);--text:#fff;--text-accent:#bdbdbd;--text-2:#111;--text-3:#ece5d4;--accent:#9f7aa4;--accent-dark:#ea00ff;--accent-2:var(--accent-dark);--accent-cta:var(--accent);--link-hover:var(--accent);--surface:#121217;--surface-2:#242428;--surface-3:#3e3746;--surface-4:#28242f;--surface-5:#ffffff08;--border:#232323;--music-button:var(--surface-2);--wishlist-deact:#242428;--wishlist-act:#58585e;--bg-grad1:#f6f5f1;--bg-grad2:#e7dfc6;--sky-bg:linear-gradient(180deg,#e9e2d0,#a38431);--transparent:#0000;--overlay:#ffffffa8;--debug:#f0f}body,html{background-attachment:fixed;background-color:#f6f5f1;background-color:var(--bg-grad1);background-image:url(/static/media/TribesBackground.1a6b22e94c84d2eb7c62.png);background-position:0 0;background-repeat:repeat-x;background-size:cover;box-sizing:border-box;font-family:Kanit,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:16px;margin:0;min-width:1000px;overflow-x:hidden;padding:0;scroll-behavior:smooth;text-align:center}*{box-sizing:inherit}.header{align-items:center;background-color:var(--transparent);display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;width:100%;z-index:1000}.header-active{--text:var(--text-2);background-color:var(--overlay);transition:background-color .3s ease,color .3s ease}.header-left{align-items:center;display:flex}.header h1{color:var(--text);font-size:18px;transition:color .3s ease}.header-active h1{color:var(--text-2)}.nav-links{margin-right:0}.nav-links a{color:var(--text);font-weight:700;margin:0 10px;text-decoration:none}.nav-links a:hover{color:var(--accent)}.social-links a{color:var(--text);font-size:24px;margin-left:10px}.social-links a:hover{color:var(--accent)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}.profile-pic{border-radius:50%;height:55px;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:55px}.profiles-container{grid-gap:20px;background-color:var(--surface-4);display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:auto;margin:50px auto;max-width:2250px;padding:40px;position:relative;width:100%;.profile-card:last-child{grid-column:1/span 2;justify-self:center;max-width:8000px}}.team-logo{transform:translateY(20px)}.team-header{margin-top:50px}.mobile-container{.profiles-container{grid-gap:20px;background-color:var(--surface-4);display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:auto;margin:50px auto;max-width:2250px;padding:40px;position:relative;width:100%;.profile-card:last-child{grid-column:1/span 2;justify-self:center;max-width:8000px}}}.profiles-container:before{background:var(--surface-4);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;content:"";left:0;left:50%;pointer-events:none;position:absolute;right:0;top:-50px;transform:translateX(-50%);width:100vw;z-index:-1}h1{color:var(--text-2)}.team-logo-image{height:auto;margin-bottom:150px;margin-top:30px;width:600px}.team-logo{align-items:center;display:flex;grid-column:1/-1;justify-content:center;margin-bottom:-110px;margin-top:-60px}.team-header{color:var(--text-2);grid-column:1/-1;margin-bottom:30px;text-align:center}.team-header h2{color:var(--text);font-size:2rem}.game-header h2,.journey-header h2{color:var(--text-2);font-size:2rem}.journey-header h2{margin-bottom:100px}.profile-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.about-text{color:var(--text-2);font-size:1.1rem;margin:0 auto 30px;max-width:600px;text-align:center}.profile-card:hover{box-shadow:0 6px 15px #00000080;transform:translateY(-4px)}.profile-pic{border-radius:10px;height:150px;margin-right:24px;width:150px}.profile-info{align-items:center;display:flex;flex-direction:row;gap:20px}.profile-text{display:flex;flex-direction:column}.profile-name{color:var(--text);font-size:1.5rem;font-weight:600;margin:0;padding-bottom:6px;position:relative}.profile-name:after{background-color:var(--text);content:"";display:block;height:1px;margin-top:4px;width:100%}.profile-job{color:var(--text-accent);font-size:1.1rem;margin-top:4px}.profile-description{color:var(--text);font-size:.95rem;line-height:1.4;max-width:300px}.about-intro{color:var(--text-2);margin:40px auto;max-width:800px;text-align:center}.timeline-section{color:var(--text);margin:0 auto 100px;max-width:1000px;position:relative;text-align:center}.timeline{background:linear-gradient(90deg,var(--text),var(--text-2),var(--text));border-radius:4px;height:4px;margin:60px 0 170px;position:relative}.timeline-item{position:absolute;transform:translateX(-50%);transition:all .3s ease;width:160px}.timeline-item.above{top:-80px}.timeline-item.below{top:40px}.timeline-dot{background:var(--text);border:2px solid var(--text-2);border-radius:50%;box-shadow:0 0 10px #ffffff59;height:14px;margin:0 auto;position:relative;width:14px}.timeline-item:hover .timeline-dot{box-shadow:0 0 20px #ffffff78;transform:scale(1.2)}.timeline-info{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-2);margin-top:12px;padding:10px 15px}.timeline-info h3{color:var(--text);font-size:1.1rem;margin:0}.timeline-info p{color:var(--text);font-size:.9rem;margin:4px 0 0}.games-section{color:var(--text);margin:60px auto;max-width:1200px;text-align:center}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:transform .2s ease}.game-card:hover{transform:translateY(-5px)}.game-image{border-radius:10px;margin-bottom:15px;width:100%}.tribes-logo{display:block;height:300px;margin:50px auto -70px;width:auto}.tribes-page{color:var(--text-3);line-height:1.7;padding:40px 20px;text-align:center}.tribes-title{font-size:48px;letter-spacing:2px;margin-bottom:40px}.slideshow-container{margin-bottom:40px;overflow:hidden;position:relative;width:100%}.slideshow{animation:scroll 40s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.slideshow img{border-radius:10px;flex-shrink:0;height:350px;margin-right:10px;object-fit:cover;width:550px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}.tribes-info{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around;margin-bottom:50px;margin-top:20px;text-align:left}.tribes-info div{background-color:var(--surface-2);border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:280px;padding:25px 30px;width:40%}.tribes-info h2{color:var(--text-3);font-size:24px;margin-bottom:15px}.tribes-info p{font-size:17px;line-height:1.8}.wishlist{margin-bottom:40px}.wishlist-button{background-color:var(--wishlist-deact);border-radius:8px;color:var(--text);display:inline-block;font-size:18px;font-weight:700;padding:14px 28px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.wishlist-button:hover{background-color:var(--wishlist-act);color:var(--text);text-decoration:none;transform:scale(1.05)}.video-container{border-radius:16px;margin:30px auto 40px;max-width:800px;overflow:hidden;width:100%}.video-container iframe,.video-container video{border-radius:16px;display:block;height:450px;margin-left:auto;margin-right:auto;width:100%}.social-icons{color:var(--text-2);margin-bottom:-60px;margin-top:0}.social-icons svg{cursor:pointer;margin:0 10px;transition:transform .2s ease}.social-icons svg:hover{transform:scale(1.1)}.slideshow.paused{animation-play-state:paused}.slideshow img{cursor:pointer;transition:transform .4s ease,box-shadow .4s ease}.slideshow img.active{box-shadow:0 0 20px #0006;transform:scale(1.25);z-index:5}.contact-container{background:#0000;margin:0 auto;max-width:900px;padding:80px 20px;position:relative;text-align:center;z-index:1}.contact-container:before{background:#3e3746;bottom:0;content:"";left:50%;position:absolute;top:-50px;transform:translateX(-50%);width:100vw;z-index:-1}.contact-title{color:var(--text-2);font-size:2rem;font-weight:600;margin-bottom:40px}.contact-cards{align-items:stretch;flex-wrap:nowrap;gap:20px;transition:all .4s ease}.contact-card,.contact-cards{display:flex;justify-content:center;overflow:hidden}.contact-card{align-items:center;background:var(--surface-5);border-radius:20px;box-shadow:0 6px 16px #0000001a;cursor:pointer;flex:0.3 1;flex-direction:column;height:380px;min-width:80px;padding:30px 20px;transition:flex .5s ease,background .3s ease,transform .3s ease}.contact-card:hover{transform:translateY(-3px)}.contact-card.active{background:var(--surface);color:var(--text-accent);flex:1.8 1;transform:scale(1.02);z-index:2}.contact-icon{align-items:center;background:var(--surface-2);border-radius:50%;box-shadow:0 4px 10px #00000026;color:var(--text);display:flex;flex-shrink:0;height:64px;justify-content:center;margin-bottom:20px;width:64px;will-change:transform}.contact-info{opacity:0;text-align:center;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.contact-card.active .contact-info{opacity:1;transform:translateY(0)}.contact-info h3{color:var(--text);font-size:1.1rem;margin-bottom:10px}.contact-info p{color:var(--text-accent);font-size:.9rem;margin-bottom:15px}.contact-button{background:var(--surface-2);border-radius:12px;color:var(--text-2);display:inline-block;font-size:.9rem;padding:10px 18px;text-decoration:none;transition:background .3s ease,transform .2s ease}.contact-button:hover{background:var(--link-hover);color:var(--text);text-decoration:none;transform:translateY(-2px)}.join-section{margin-top:40px}.join-button{align-items:center;background:var(--join);border-radius:14px;color:var(--text);display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:background .3s ease,transform .2s ease}.join-button:hover{background:var(--border);transform:scale(1.05)}@media (max-width:768px){.contact-cards{align-items:center;flex-direction:column}.contact-card{flex:1 1;width:100%}.contact-card.active{transform:scale(1)}}.footer{background-color:var(--surface);border-top:1px solid var(--border);color:var(--text-accent);padding:10px 20px;text-align:center}.footer .socials a{color:var(--text-accent);font-size:1.3rem;margin:0 3px}.footer .socials{color:var(--text-accent);display:flex;font-size:1.5rem;justify-content:center}.footer .socials a:hover{color:var(--accent)}.footer p{color:var(--text-accent);font-size:.9rem;margin-top:10px}.sky-scroll{background:var(--sky-bg);box-shadow:0 18px 40px #0000002e;height:127vh;min-height:100vh;overflow:hidden;position:relative;transition:background .3s linear;width:100%}.layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:center center;width:100%}.layer img{display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24));height:100%;max-width:none;object-fit:cover;transform:scale(1);transform:scale(var(--img-scale,1));transform-origin:center;width:auto}.cloud{--img-scale:0;left:600px;position:absolute;top:-80px;z-index:3}.mountain{--mountain-brightness:1;--img-scale:1.05;filter:brightness(var(--mountain-brightness));left:50px;top:-90px;z-index:0}.ground,.mountain{position:absolute;transition:filter .2s linear}.ground{--ground-brightness:1;--img-scale:1.05;filter:brightness(var(--ground-brightness));left:62px;top:120px;z-index:1}.sky-scroll:after{background:linear-gradient(180deg,#0000 0,#00000073);bottom:0;content:"";height:140px;left:0;pointer-events:none;position:absolute;right:0;z-index:10}.music-button{align-items:center;background-color:var(--music-button);border-radius:50%;bottom:20px;box-shadow:0 4px 10px #0000004d;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;transition:transform .2s;-webkit-user-select:none;user-select:none;width:60px}.music-button:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.7647e3a7.css.map*/