@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}.Hamburger{height:100%;left:0;margin:0;padding:0;pointer-events:none;position:absolute;top:0;transform-origin:center center;visibility:hidden;width:100%}.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}@media (max-width:700px){.header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--surface-5),#00000005);box-shadow:0 6px 18px #0000000f;justify-content:space-between;left:0;padding:12px 16px;position:fixed;top:0;width:100%;z-index:1200}.header,.header-left{align-items:center;display:flex}.header-left{gap:10px}.header h1{margin:0}.header h1,.header-left h1{color:var(--text);font-size:18px}.header-left h1{margin:0 0 0 90px}.Hamburger{align-items:center;background:var(--surface-4);border:1px solid var(--border);border-radius:10px;display:flex;height:44px;justify-content:center;margin-left:20px;margin-top:5px;visibility:visible;width:44px}.nav-links{color:var(--debug);display:none}.social-links{padding-top:5px}.social-links a{color:var(--text);font-size:20px;margin-left:8px;padding-top:100px}}.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;transform:translateY(20px)}.team-header{color:var(--text-2);grid-column:1/-1;margin-bottom:30px;margin-top:50px;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%}@media (max-width:700px){.profiles-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr;padding:22px 18px;width:100%}.profiles-container:before{background:linear-gradient(180deg,var(--surface-5),#0000);content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.team-logo{align-items:center;display:flex;justify-content:center;margin-top:12px}.team-logo-image{border-radius:14px;box-shadow:0 8px 20px #0000002e;max-width:240px;transition:transform .18s ease;width:42vw}.team-logo-image:active{transform:scale(.98)}.team-header{color:var(--text);margin:6px 0 2px;text-align:center}.team-header h2{color:var(--text-2);font-size:1.15rem;margin:0}.about-intro{color:var(--text);font-size:.98rem;padding:8px 4px;text-align:center}.profile-card{align-items:center;background:var(--surface-4);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 16px #00000014;display:flex;flex-direction:row;gap:12px;padding:12px}.profile-pic{border-radius:12px;flex-shrink:0;height:84px;object-fit:cover;width:84px}.profile-info{display:flex;flex-direction:column;gap:6px}.profile-name{color:var(--text);font-size:1.05rem;font-weight:700;margin:0}.profile-job{color:var(--text-2);font-size:.95rem;margin:0}.profile-description{color:var(--text-accent);font-size:.92rem;margin-top:6px}.timeline{background:linear-gradient(90deg,var(--surface-3),var(--surface-4));border-radius:12px;height:6px;margin:20px 0}.timeline-info{background:var(--surface-4);border-radius:10px;color:var(--text);padding:10px}.games-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.game-card{border-radius:12px;flex:0 0 auto;min-width:220px;overflow:hidden}.game-image{display:block;height:124px;object-fit:cover;width:100%}.games-section{padding-top:6px}}.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}@media (max-width:700px){.tribes-title{color:var(--text);font-size:40px;margin:18px 0 8px;text-align:center}.tribes-logo{display:block;height:140px;margin:0 auto;width:auto}.tribes-page{color:var(--text);line-height:1.5;padding:18px 14px}.slideshow-container{border-radius:12px;overflow:hidden;width:100%}.slideshow{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding:12px 6px}.slideshow img{border-radius:12px;flex-shrink:0;height:200px;max-width:420px;object-fit:cover;width:86vw}.tribes-info{display:flex;flex-direction:column;gap:12px;margin-top:14px}.tribes-info div{background:var(--surface-4);border-radius:12px;box-shadow:0 8px 20px #0000000f;padding:14px}.tribes-info h2{color:var(--text);font-size:18px;margin:0 0 8px}.tribes-info p{color:var(--text);margin:0}.wishlist{display:flex;justify-content:center;margin-top:8px}.wishlist-button{background:linear-gradient(90deg,var(--link),var(--music-button));border-radius:999px;color:var(--text);font-weight:700;padding:12px 18px}.video-container{margin-top:16px}.social-icons{display:flex;gap:12px;justify-content:center;margin-top:12px}.slideshow img.active{box-shadow:0 12px 28px #0000001f;transform:scale(1.02)}}.desktop-container .contact-container{background:#0000;margin:0 auto;max-width:900px;padding:80px 20px;position:relative;text-align:center;z-index:1}.desktop-container .contact-container:before{background:#3e3746;bottom:0;content:"";left:50%;position:absolute;top:-50px;transform:translateX(-50%);width:100vw;z-index:-1}.desktop-container .contact-title{color:var(--text-2);font-size:2rem;font-weight:600;margin-bottom:40px}.desktop-container .contact-cards{align-items:stretch;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;overflow:hidden;transition:all .4s ease}.desktop-container .contact-card{align-items:center;background:var(--surface-5);border-radius:20px;box-shadow:0 6px 16px #0000001a;cursor:pointer;display:flex;flex:0.3 1;flex-direction:column;height:380px;justify-content:center;min-width:80px;overflow:hidden;padding:30px 20px;transition:flex .5s ease,background .3s ease,transform .3s ease}.desktop-container .contact-card:hover{transform:translateY(-3px)}.desktop-container .contact-card.active{background:var(--surface);color:var(--text-accent);flex:1.8 1;transform:scale(1.02);z-index:2}.desktop-container .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}.desktop-container .contact-info{opacity:0;text-align:center;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.desktop-container .contact-card.active .contact-info{opacity:1;transform:translateY(0)}.desktop-container .contact-info h3{color:var(--text);font-size:1.1rem;margin-bottom:10px}.desktop-container .contact-info p{color:var(--text-accent);font-size:.9rem;margin-bottom:15px}.desktop-container .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}.desktop-container .contact-button:hover{background:var(--link-hover);color:var(--text);text-decoration:none;transform:translateY(-2px)}.desktop-container .join-section{margin-top:40px}.desktop-container .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}.desktop-container .join-button:hover{background:var(--border);transform:scale(1.05)}@media (max-width:768px){.desktop-container .contact-cards{align-items:center;flex-direction:column}.desktop-container .contact-card{flex:1 1;width:100%}.desktop-container .contact-card.active{transform:scale(1)}}@media (max-width:700px){.contact-container{background:#0000;display:flex;flex-direction:column;gap:16px;padding:18px 14px}.contact-title{color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:.4px;margin-bottom:4px;text-align:center}.contact-cards{grid-gap:12px;display:grid;gap:12px}.contact-card{grid-gap:12px;align-items:center;background:linear-gradient(180deg,var(--surface-4),var(--surface-5));border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 18px #0000000f;display:grid;gap:12px;grid-template-columns:64px 1fr;padding:12px}.contact-icon{align-items:center;background:var(--surface-2);border-radius:12px;display:flex;font-size:22px;height:64px;justify-content:center;width:64px}.contact-info h3{color:var(--text);font-size:1.05rem;margin:0}.contact-info p{color:var(--text-accent);font-size:.92rem;margin:6px 0 0}.contact-button{background:linear-gradient(90deg,var(--link),var(--music-button));border-radius:12px;box-shadow:0 8px 18px #0000001f;color:var(--text);display:inline-block;font-weight:700;margin-top:6px;padding:12px 14px;text-align:center;text-decoration:none}.contact-card .contact-button{grid-column:1/-1;justify-self:center;width:calc(100% - 24px)}}.desktop-container .footer{background-color:var(--surface-5);border-top:1px solid var(--border);color:var(--text);padding:16px 20px}.desktop-container .footer .socials{color:var(--text);display:flex;gap:8px;margin-left:10px;padding:8px}.desktop-container .footer .socials a{color:var(--text);font-size:1.2rem;margin-left:10px;padding:8px}.desktop-container .footer .socials a:hover{color:var(--text-2);margin-left:10px;padding:8px}.desktop-container .footer p{color:var(--text-accent);margin-left:10px;margin-top:8px;padding:8px}.socials a{margin:2px}.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)}@media (max-width:700px){.music-button{align-items:center;background:linear-gradient(135deg,var(--music-button),var(--link));border-radius:50%;bottom:20px;box-shadow:0 12px 28px #00000038;color:var(--text);cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;position:fixed;right:20px;transition:transform .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;width:64px}.music-button:after{background:radial-gradient(circle at center,#0000000f,#0000 40%);border-radius:50%;bottom:8px;content:"";height:86px;position:absolute;right:8px;width:86px;z-index:-1}.music-button:active{transform:scale(.96)}}
/*# sourceMappingURL=main.3f51d3ac.css.map*/