@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&display=swap";:root{--color-bg: #666c7a;--color-text: #e0e0e0;--color-accent: #a0a0ff;--font-main: "Outfit", sans-serif;--selection-color: rgba(160, 160, 255, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}html,body{width:100%;min-height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden}::-webkit-scrollbar{width:0px;background:transparent}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.ui-container{position:absolute;top:0;left:0;width:100%;z-index:10;pointer-events:none}.page-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none}.landing-title{font-family:var(--font-main);font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.1;font-weight:900;letter-spacing:-.03em;margin:0;color:#fff}.rubiks-text{position:relative;display:inline-block;padding:0 .2em;text-shadow:0 0 40px rgba(255,255,255,.2)}.rubiks-char{display:inline-block;transition:transform .3s ease}.rubiks-char:hover{transform:translateY(-5px) scale(1.1)}.glass-panel{background:#08080ce8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:clamp(1rem,3vw,2.5rem) clamp(1.5rem,5vw,4rem);box-shadow:0 25px 65px #000000bf,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:clamp(.5rem,2vw,1.5rem);margin-bottom:2rem;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shine 8s infinite linear}@keyframes shine{0%{transform:translate(0)}to{transform:translate(50%)}}.studio-section{max-width:1200px;margin:0 auto;padding:clamp(3.5rem,7vw,6rem) clamp(1rem,3vw,2rem);position:relative;z-index:10;scroll-margin-top:80px}.section-header{margin:0 auto clamp(2.5rem,5vw,4rem);text-align:center;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;max-width:800px;width:100%;box-sizing:border-box;position:relative}.section-header>:last-child{margin-bottom:0}.section-header.left-aligned{text-align:left;margin-left:0;margin-right:auto}.section-label{display:inline-flex;align-items:center;gap:.5rem;color:#00d2ff;background:#00d2ff14;border:1px solid rgba(0,210,255,.25);padding:.35rem .95rem;border-radius:100px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 16px #00d2ff1f}.section-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#00d2ff;box-shadow:0 0 8px #00d2ff}.section-title{font-size:clamp(2rem,4.5vw,2.9rem);font-weight:900;line-height:1.25;color:#fff;background:linear-gradient(180deg,#fff 30%,#ffffffc7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .9rem;font-family:Noto Sans JP,sans-serif;letter-spacing:-.02em}.section-lead{font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.85;color:#ffffffad;max-width:680px;margin:0 auto}.section-header.left-aligned .section-lead{margin:0}.hero-pickup{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1rem .5rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:2rem;font-size:.82rem;color:#ffffffd9;text-decoration:none;transition:all .25s ease}.hero-pickup:hover{background:#ffffff14;border-color:#00d2ff66;transform:translateY(-2px)}.hero-pickup-badge{padding:.2rem .6rem;background:#00d2ff;color:#000;font-weight:800;font-size:.7rem;border-radius:100px;letter-spacing:.05em}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.8rem}.work-card{background:#0a0a0ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;text-decoration:none;color:inherit;position:relative;box-shadow:0 15px 40px #00000080}.work-card:hover{transform:translateY(-6px);border-color:#fff3;box-shadow:0 20px 40px #0009,0 0 30px #00d2ff26}.work-visual-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#00000080;overflow:hidden}.work-visual-wrapper img,.work-visual-wrapper video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.work-card:hover .work-visual-wrapper img,.work-card:hover .work-visual-wrapper video{transform:scale(1.04)}.work-badge{position:absolute;top:1rem;left:1rem;z-index:2;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:100px;letter-spacing:.05em}.work-content{padding:1.5rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex-grow:1}.work-title{font-size:1.35rem;font-weight:800;margin:0 0 .5rem;color:#fff;display:flex;align-items:center;justify-content:space-between}.work-desc{font-size:.88rem;line-height:1.65;color:#ffffffb3;margin:0 0 1.2rem;flex-grow:1}.work-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;list-style:none;padding:0}.work-tag{font-size:.72rem;color:#ffffff8c;background:#ffffff0d;padding:.25rem .6rem;border-radius:6px;letter-spacing:.02em}.work-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.work-link-btn svg{transition:transform .2s ease;flex-shrink:0}.work-card:hover .work-link-btn{background:#fff;color:#000}.work-card:hover .work-link-btn svg{transform:translate(2px,-2px)}.work-card--featured{border:1px solid #00E676;background:#0a0a0eeb;box-shadow:0 16px 40px #0000008c,0 0 20px #00e67626}.work-card--featured:hover{transform:translateY(-6px);border-color:#00e676;box-shadow:0 20px 45px #000000a6,0 0 28px #00e67640}.work-hot-badge{position:absolute;top:1rem;right:1rem;z-index:2;background:#ff3b30;color:#fff;font-size:.68rem;font-weight:800;padding:.3rem .65rem;border-radius:100px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.3rem}.work-title-tag{font-size:.68rem;font-weight:700;color:#00e676;background:#00e6761a;border:1px solid rgba(0,230,118,.3);padding:.18rem .5rem;border-radius:6px;letter-spacing:.04em;vertical-align:middle}.work-link-btn--featured{background:#00e676;color:#000;font-weight:800;border:1px solid #00E676}.work-card--featured:hover .work-link-btn--featured{background:#1aff8c;border-color:#1aff8c;color:#000}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem}@media(max-width:640px){.service-grid{grid-template-columns:1fr}}.service-card{background:#0a0a0ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:2.2rem 1.8rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .3s,transform .3s,box-shadow .3s;box-shadow:0 15px 40px #00000080}.service-card:hover{border-color:#00d2ff59;transform:translateY(-4px)}.service-card-header{display:flex;align-items:center;gap:1.1rem;margin-bottom:.2rem}.service-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.service-card-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:900;color:#fff;margin:0;line-height:1.35;letter-spacing:.02em}.service-card-desc{font-size:.88rem;line-height:1.8;color:#ffffffb8;margin:0}.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}@media(max-width:960px){.reasons-grid{grid-template-columns:1fr;gap:1.5rem}}.reason-card{background:#0a0a0ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:2.2rem 1.9rem;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;box-shadow:0 15px 40px #00000080}.reason-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d2ffcc,#00d2ff00);opacity:.6}.reason-card:hover{transform:translateY(-4px);border-color:#00d2ff59;box-shadow:0 16px 40px #00000080,0 0 24px #00d2ff1f}.reason-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}.reason-num{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;line-height:1;color:#00d2ff;text-shadow:0 0 20px rgba(0,210,255,.35);letter-spacing:-.02em}.reason-tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .75rem;border-radius:20px;background:#00d2ff14;border:1px solid rgba(0,210,255,.25);color:#00d2ff}.reason-card-title{font-size:1.22rem;font-weight:800;color:#fff;margin:0 0 1.1rem;line-height:1.45}.reason-highlights{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.55rem}.reason-highlight-item{display:flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:600;color:#ffffffe6}.reason-highlight-item:before{content:"✓";font-size:.8rem;font-weight:900;color:#00d2ff}.reason-toggle-btn{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;padding:.45rem 0;color:#00d2ff;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .2s,color .2s;font-family:inherit;margin-top:auto;width:fit-content}.reason-toggle-btn:hover{color:#66e5ff}.reason-toggle-arrow{display:inline-block;font-size:.95rem;line-height:1;transition:transform .25s cubic-bezier(.16,1,.3,1)}.reason-toggle-arrow.is-open{transform:rotate(90deg)}.reason-desc-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),margin-top .35s ease;overflow:hidden;margin-top:0}.reason-desc-collapse.is-open{grid-template-rows:1fr;margin-top:.85rem}.reason-desc-inner{min-height:0;overflow:hidden}.reason-card-desc{font-size:.86rem;line-height:1.75;color:#ffffffad;margin:0;padding-top:.75rem;border-top:1px dashed rgba(255,255,255,.12)}.mid-cta-box{background:radial-gradient(circle at 50% 0%,#00d2ff1f,#0a0a0eeb 65%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,210,255,.28);border-radius:24px;padding:clamp(2.2rem,5vw,3.2rem);text-align:center;margin:4rem auto;max-width:900px;box-shadow:0 25px 60px #000000b3}.mid-cta-text{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.6}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:800px){.numbers-grid{grid-template-columns:1fr;gap:1.2rem}}.number-item{background:#0a0a0ee0;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:2rem 1.2rem;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 15px 40px #00000080}.number-val{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,3.6rem);font-weight:900;color:#00d2ff;line-height:1;margin-bottom:.6rem;text-shadow:0 0 30px rgba(0,210,255,.3)}.number-label{font-size:.82rem;font-weight:600;color:#ffffffa6;letter-spacing:.05em}.news-list{display:flex;flex-direction:column;gap:.8rem;max-width:840px;margin:0 auto}.news-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.5rem;background:#0a0a0ee0;border:1px solid rgba(255,255,255,.09);border-radius:14px;text-decoration:none;color:inherit;transition:all .25s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #0006}.news-item:hover{background:#121218f2;border-color:#00d2ff59;transform:translate(4px)}.news-date{font-family:Outfit,sans-serif;font-size:.82rem;color:#ffffff73;flex-shrink:0}.news-tag{font-size:.7rem;font-weight:700;padding:.2rem .6rem;background:#00d2ff1f;color:#00d2ff;border-radius:100px;flex-shrink:0}.news-title{font-size:.88rem;color:#ffffffe6;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-list{display:flex;flex-direction:column;gap:1rem;max-width:860px;margin:0 auto clamp(3rem,6vw,4.5rem) auto}.faq-item{background:#0a0a0ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;box-shadow:0 10px 30px #0006}.faq-item:hover{border-color:#fff3}.faq-item.is-open{border-color:#00d2ff66;box-shadow:0 12px 35px #00000080,0 0 20px #00d2ff1a}.faq-question-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.6rem;background:none;border:none;color:#fff;font-size:1.05rem;font-weight:700;text-align:left;cursor:pointer;font-family:inherit;transition:background .2s ease}.faq-question-btn:hover{background:#ffffff08}.faq-q-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#00d2ff26;color:#00d2ff;font-weight:900;font-size:.9rem;flex-shrink:0}.faq-q-text{flex-grow:1;line-height:1.5}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff0f;flex-shrink:0;color:#00d2ff;font-size:1.2rem;font-weight:400;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s ease}.faq-item.is-open .faq-icon{transform:rotate(45deg);background:#00d2ff33}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}.faq-item.is-open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-content{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.6rem 1.4rem;font-size:.95rem;line-height:1.75;color:#ffffffd9;border-top:1px solid rgba(255,255,255,.06)}.faq-a-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff1a;color:#fff;font-weight:900;font-size:.9rem;flex-shrink:0}.faq-a-text{flex-grow:1;padding-top:2px;white-space:pre-line}.final-cta-box{background:radial-gradient(circle at 50% 0%,#00d2ff26,#0a0a0eeb 70%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,210,255,.3);border-radius:24px;padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,4vw,3rem);text-align:center;box-shadow:0 25px 60px #000000b3}@media(max-width:767px){.glass-panel{flex-direction:row;align-items:center;padding:1.2rem 1rem;gap:.5rem}.landing-title{font-size:clamp(1.8rem,8.5vw,2.8rem);text-align:center}.section-header{width:100%;padding:0;margin-bottom:2rem}.faq-question-btn{padding:1.1rem 1.2rem;font-size:.95rem;gap:.8rem}.faq-answer-content{padding:.9rem 1.2rem 1.2rem;font-size:.88rem;gap:.8rem}.news-item{flex-wrap:wrap;gap:.5rem;padding:.9rem 1rem}.news-title{width:100%;white-space:normal}}.mobile-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:2rem}.mobile-app-card{background:#0c0d12e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:clamp(1.6rem,3.5vw,2.4rem);display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px #0000008c;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}.mobile-app-card:hover{transform:translateY(-5px);border-color:#32cd3259;box-shadow:0 25px 60px #000000b3,0 0 35px #32cd3226}.app-card-badge{position:absolute;top:1.4rem;right:1.6rem;font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#32cd32;background:#32cd321a;border:1px solid rgba(50,205,50,.3);padding:.25rem .65rem;border-radius:100px}.app-card-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.app-card-icon-wrap{width:72px;height:72px;border-radius:18px;overflow:hidden;flex-shrink:0;border:2px solid rgba(50,205,50,.4);box-shadow:0 8px 25px #00000080;background:#000}.app-card-icon{width:100%;height:100%;object-fit:cover;display:block}.app-card-meta{display:flex;flex-direction:column;gap:.25rem}.app-sub-name{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#32cd32;text-transform:uppercase}.app-main-name{font-size:clamp(1.4rem,2.8vw,1.75rem);font-weight:900;color:#fff;margin:0;letter-spacing:-.01em}.app-platform-pill{font-size:.68rem;color:#fff9;background:#ffffff0f;display:inline-block;padding:.15rem .55rem;border-radius:6px;width:fit-content;margin-top:.2rem}.app-card-desc{font-size:.92rem;line-height:1.7;color:#ffffffc7;margin:0 0 1.2rem}.app-feature-list{list-style:none;padding:0;margin:0 0 1.8rem;display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:#ffffffd9}.app-feature-list span{color:#00d2ff;font-weight:700;margin-right:.4rem}.app-store-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:auto}.store-btn{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.store-btn:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.store-btn-text{display:flex;flex-direction:column;text-align:left;line-height:1.15}.store-small{font-size:.6rem;color:#fff9;letter-spacing:.05em;text-transform:uppercase}.store-brand{font-size:.95rem;font-weight:800;font-family:Outfit,sans-serif;letter-spacing:.02em}.community-apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:2rem;margin-bottom:3.5rem}.community-card{background:#0c0d12e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;box-shadow:0 20px 45px #0000008c}.community-card:hover{transform:translateY(-5px);border-color:#00d2ff59;box-shadow:0 25px 60px #000000b3,0 0 35px #00d2ff26}.community-card-visual{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.community-card-icon-preview{font-size:4rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));transition:transform .4s ease}.community-card:hover .community-card-icon-preview{transform:scale(1.15) rotate(8deg)}.community-card-badge{position:absolute;top:1rem;left:1rem;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:.3rem .7rem;border-radius:100px}.community-play-overlay-btn{position:absolute;bottom:1rem;right:1rem;padding:.55rem 1.1rem;background:#000000d9;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:100px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-play-overlay-btn:hover{background:#00d2ff;color:#000;border-color:#00d2ff;transform:scale(1.05)}.community-card-body{padding:1.6rem;display:flex;flex-direction:column;flex-grow:1}.community-card-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 .35rem}.community-card-tagline{font-size:.86rem;color:#ffffffb8;line-height:1.5;margin:0 0 1rem}.community-tag-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin-bottom:1.2rem}.community-tag-pill{font-size:.7rem;color:#00d2ff;background:#00d2ff14;border:1px solid rgba(0,210,255,.2);padding:.2rem .55rem;border-radius:6px;letter-spacing:.02em}.creator-summary-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;margin-bottom:1.4rem}.creator-summary-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.creator-summary-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:#fff;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.creator-summary-text{display:flex;flex-direction:column;min-width:0}.creator-name-line{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.creator-name-bold{font-size:.92rem;font-weight:800;color:#fff}.creator-mini-badge{font-size:.62rem;color:gold;background:#ffd70026;padding:.1rem .4rem;border-radius:4px}.creator-summary-x{font-size:.76rem;color:#ffffff8c;text-decoration:none;transition:color .2s}.creator-summary-x:hover{color:#00d2ff}.creator-summary-comment{font-size:.8rem;line-height:1.5;color:#ffffffbf;margin:0;font-style:italic}.community-card-actions{margin-top:auto}.community-btn-play{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.2rem;background:#00d2ff;border:none;border-radius:12px;color:#050505;font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:0 6px 20px #00d2ff4d;transition:all .2s cubic-bezier(.16,1,.3,1)}.community-btn-play:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d2ff80;background:#4ae1ff}.community-recruit-banner{position:relative;background:linear-gradient(145deg,#10121cf2,#07080cf2);border:1px solid rgba(0,210,255,.25);border-radius:26px;padding:clamp(2rem,4vw,3.2rem);overflow:hidden;box-shadow:0 25px 60px #0009,inset 0 1px #ffffff1a}.recruit-banner-glow{position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,210,255,.15) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.recruit-content{position:relative;z-index:2;max-width:860px}.recruit-badge{display:inline-block;padding:.3rem .8rem;background:#ffd7001f;border:1px solid rgba(255,215,0,.35);color:gold;font-size:.72rem;font-weight:800;letter-spacing:.15em;border-radius:100px;margin-bottom:1rem}.recruit-title{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:900;color:#fff;margin:0 0 1rem;line-height:1.25}.recruit-desc{font-size:.95rem;line-height:1.8;color:#fffc;margin:0 0 2rem}.recruit-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.2rem;margin-bottom:2.2rem}.recruit-perk-item{display:flex;gap:.9rem;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:1rem;border-radius:14px}.perk-icon{font-size:1.6rem;line-height:1}.perk-text{display:flex;flex-direction:column;gap:.2rem}.perk-text strong{font-size:.92rem;color:#fff}.perk-text span{font-size:.78rem;color:#ffffffa6;line-height:1.4}.recruit-action{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.recruit-apply-btn{padding:.9rem 2rem;background:linear-gradient(135deg,gold,#f80);border:none;border-radius:14px;color:#050505;font-size:.98rem;font-weight:900;cursor:pointer;box-shadow:0 8px 25px #ffd70059;transition:all .25s}.recruit-apply-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffd70080;filter:brightness(1.08)}.recruit-note{font-size:.78rem;color:#ffffff80}.community-modal-backdrop{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,2vw,1.5rem);animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.community-modal-container{background:#08090e;border:1px solid rgba(0,210,255,.3);border-radius:20px;width:100%;max-width:1080px;height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #000000e6,0 0 50px #00d2ff33;animation:scaleInModal .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleInModal{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.community-modal-header{background:#0e1018f2;padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header-left{display:flex;align-items:center;gap:.8rem;min-width:0}.secure-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981;font-size:.65rem;font-weight:800;letter-spacing:.08em;border-radius:6px;flex-shrink:0}.secure-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:.4}50%{opacity:1}}.modal-app-title{font-size:1.15rem;font-weight:800;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ctrl-btn{padding:.4rem .75rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#e0e0e0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.ctrl-btn:hover{background:#ffffff26;border-color:#fff;color:#fff}.ctrl-btn-external{color:#00d2ff;border-color:#00d2ff4d}.ctrl-btn-external:hover{background:#00d2ff26;border-color:#00d2ff}.modal-close-btn{width:32px;height:32px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:.4rem}.modal-close-btn:hover{background:#f44;border-color:#f44}.community-creator-strip{background:#12141ed9;padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.creator-profile-box{display:flex;align-items:center;gap:.8rem}.creator-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem;color:#fff;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000080;flex-shrink:0}.creator-meta{display:flex;flex-direction:column;gap:.15rem}.creator-name-row{display:flex;align-items:center;gap:.45rem}.creator-label{font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#ffffff73}.creator-name{font-size:.95rem;font-weight:800;color:#fff}.creator-badge{font-size:.62rem;color:gold;background:#ffd70026;padding:.1rem .4rem;border-radius:4px}.creator-x-link{font-size:.78rem;color:#00d2ff;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:opacity .2s}.creator-x-link:hover{text-decoration:underline}.creator-comment-bubble{display:flex;align-items:baseline;gap:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.5rem .9rem;max-width:520px}.comment-quote-mark{font-size:1.2rem;color:#00d2ff;line-height:1}.comment-text{font-size:.8rem;color:#ffffffd9;margin:0;line-height:1.45}.community-player-frame-wrap{flex-grow:1;width:100%;background:#000;position:relative;overflow:hidden}.community-iframe{width:100%;height:100%;border:none;display:block;background:#000}.community-modal-footer{background:#0a0b10f2;padding:.6rem 1.4rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.community-disclaimer{font-size:.72rem;color:#ffffff73;margin:0;line-height:1.4}@media(max-width:768px){.ctrl-btn-label,.creator-comment-bubble{display:none}.community-modal-container{height:96vh}}.header-tree-nav{animation:treeNavFade .3s ease-out}@keyframes treeNavFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.header-tree-nav{max-width:145px;padding:.2rem .5rem!important;font-size:.72rem!important;gap:.25rem!important}}@media(max-width:380px){.header-tree-nav{max-width:110px}}