#videoLoader,.video-loader{display:none!important;visibility:hidden!important;pointer-events:none!important}:root{--black: #030303;--black-soft: #0c0c0e;--white: #f2f2f0;--white-dim: rgba(242, 242, 240, .72);--white-faint: rgba(242, 242, 240, .38);--accent: #7dd3fc;--accent-dim: rgba(125, 211, 252, .35);--font-display: "Orbitron", system-ui, sans-serif;--font-body: "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--header-h: 5.5rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:var(--font-body);font-weight:300;line-height:1.85;background:var(--black);overflow-x:hidden}.viewport-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--black)}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.06) brightness(.62);opacity:1;transition:filter .6s var(--ease)}.bg-video.is-sized{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;object-fit:none}body.is-scrolled .bg-video{filter:grayscale(1) contrast(1.04) brightness(.42)}.bg-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0303031f,#0303030f,#03030347 70%,#0303039e);opacity:.32;transition:opacity .7s var(--ease);pointer-events:none}body.is-scrolled .bg-dim{opacity:.72}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.identity{position:fixed;top:1.35rem;left:1.35rem;z-index:100;display:flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit;transition:opacity .3s}.identity:hover{opacity:.85}.identity-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 24px var(--accent-dim),0 0 0 1px #00000080}.identity-text{display:flex;flex-direction:column;gap:.1rem}.identity-cn{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.2em;color:var(--white);text-shadow:0 0 20px var(--accent-dim)}.identity-en{font-family:var(--font-display);font-size:.62rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--white-faint)}.side-nav{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:1.1rem}.side-nav a{position:relative;display:block;width:6px;height:6px;border-radius:50%;background:var(--white-faint);text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s}.side-nav a:after{content:attr(data-label);position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:.55rem;letter-spacing:.2em;color:var(--white);opacity:0;pointer-events:none;transition:opacity .25s,right .25s;white-space:nowrap}.side-nav a:hover,.side-nav a.is-active{background:var(--white);transform:scale(1.35);box-shadow:0 0 12px var(--accent-dim)}.side-nav a:hover:after{opacity:1;right:1.15rem}@media(max-width:720px){.side-nav{display:none}}.gate{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 1.5rem 4rem;padding-left:max(1.5rem,12vw)}.gate-inner{max-width:42rem;opacity:0;transform:translateY(28px);animation:gate-in 1.2s var(--ease) .35s forwards}@keyframes gate-in{to{opacity:1;transform:translateY(0)}}.gate-tag{margin:0 0 1rem;font-family:var(--font-display);font-size:.65rem;font-weight:500;letter-spacing:.45em;color:var(--white-faint)}.gate-title{margin:0;font-family:var(--font-display);font-weight:900;line-height:1.05}.gate-line{display:block;font-size:clamp(2.2rem,8vw,4.2rem);letter-spacing:.06em;color:var(--white);text-shadow:0 0 60px rgba(255,255,255,.15)}.gate-line--ghost{-webkit-text-stroke:1px rgba(242,242,240,.85);color:transparent;margin-top:.15em}.gate-scroll{display:flex;align-items:center;gap:.75rem;margin:2.5rem 0 0;font-family:var(--font-display);font-size:.58rem;letter-spacing:.3em;color:var(--white-faint)}.gate-scroll-bar{display:block;width:1px;height:48px;background:linear-gradient(180deg,var(--white),transparent);animation:pulse-bar 2.2s ease-in-out infinite}.gate-lab-link{color:var(--accent);text-decoration:none;letter-spacing:.2em;transition:opacity .3s var(--ease)}.gate-lab-link:hover{opacity:.8}@keyframes pulse-bar{0%,to{opacity:.35;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.content-flow{position:relative;padding-bottom:4rem}.content-flow:before{content:"";position:absolute;top:0;left:0;right:0;height:18vh;background:linear-gradient(180deg,transparent,var(--black-soft));pointer-events:none;transform:translateY(-100%)}.flow-section{position:relative;max-width:52rem;margin:0 auto;padding:clamp(4rem,12vh,7rem) 1.5rem 0;opacity:0;transform:translateY(48px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.flow-section.is-visible{opacity:1;transform:translateY(0)}.flow-section:after{content:"";display:block;margin-top:clamp(3rem,8vh,5rem);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent)}.flow-section--end:after{display:none}.flow-label{margin:0 0 .75rem;font-family:var(--font-display);font-size:.62rem;font-weight:500;letter-spacing:.4em;color:var(--accent);opacity:.85}.flow-heading{margin:0 0 1.75rem;font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;letter-spacing:.08em;line-height:1.2}.flow-body{font-size:1.05rem;color:var(--white-dim)}.flow-body--wide{max-width:40rem}.flow-body p{margin:0 0 1.25rem}.flow-body em{font-style:normal;color:var(--white);border-bottom:1px solid var(--accent-dim)}.flow-body strong{font-weight:500;color:var(--white)}.flow-stats{display:flex;flex-wrap:wrap;gap:2.5rem 3.5rem;margin:2.5rem 0 0;padding:0;list-style:none}.flow-stats li{display:flex;flex-direction:column;gap:.35rem}.flow-stats strong{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:.05em;color:var(--white);line-height:1}.flow-stats span{font-size:.82rem;color:var(--white-faint);letter-spacing:.08em}.skill-river{display:flex;flex-wrap:wrap;gap:.5rem .65rem;margin:2rem 0 2.5rem}.skill-river span{font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.12);color:var(--white-dim);transition:border-color .3s,color .3s,box-shadow .3s}.skill-river span:hover{border-color:var(--accent-dim);color:var(--white);box-shadow:0 0 20px var(--accent-dim)}.flow-columns{display:grid;gap:2rem;margin-top:1rem}@media(min-width:720px){.flow-columns{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.flow-col h3{margin:0 0 .6rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.25em;color:var(--white)}.flow-col p{margin:0;font-size:.92rem;color:var(--white-faint);line-height:1.75}.flow-quote{margin:2.5rem 0;padding-left:1.25rem;border-left:2px solid var(--accent-dim);font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;letter-spacing:.06em;color:var(--white);font-style:normal}.game-list{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem}@media(min-width:600px){.game-list{grid-template-columns:1fr 1fr}}.game-list li{font-size:.95rem;color:var(--white-dim);padding-left:1rem;position:relative}.game-list li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:.7rem}.timeline{margin-top:2rem;border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}.timeline-item{position:relative;padding-bottom:1.75rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:.55rem;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--white);box-shadow:0 0 12px var(--accent-dim)}.timeline-item time{display:block;font-family:var(--font-display);font-size:.62rem;letter-spacing:.3em;color:var(--accent);margin-bottom:.35rem}.timeline-item p{margin:0;font-size:.95rem;color:var(--white-dim)}.flow-contact-lead{max-width:28rem;margin-bottom:2rem!important}.contact-strip{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:4rem}.contact-link{font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;color:var(--white);text-decoration:none;border-bottom:1px solid var(--white-faint);padding-bottom:.2rem;transition:border-color .3s,text-shadow .3s}.contact-link:hover{border-color:var(--accent);text-shadow:0 0 24px var(--accent-dim)}.contact-divider{width:32px;height:1px;background:#ffffff26}.contact-meta{font-size:.82rem;color:var(--white-faint);letter-spacing:.1em}.site-foot{padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.site-foot p{margin:0;font-family:var(--font-display);font-size:.58rem;letter-spacing:.25em;color:var(--white-faint);text-transform:uppercase}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gate-inner,.gate-scroll-bar,.flow-section,.bg-video,.bg-dim{animation:none;transition:none}.gate-inner,.flow-section{opacity:1;transform:none}}@media(max-width:480px){.identity-logo{width:44px;height:44px}.identity-cn{font-size:.9rem}.gate{padding-left:1.25rem;padding-bottom:3rem}}.lab-page{background:var(--black);min-height:100vh}.lab-home{position:fixed;top:1.25rem;left:1.25rem;z-index:100;display:inline-flex;align-items:center;padding:.55rem 1rem;font-family:var(--font-display);font-size:.62rem;letter-spacing:.18em;text-decoration:none;color:var(--white-dim);border:1px solid rgba(255,255,255,.14);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0303038c;transition:color .3s var(--ease),border-color .3s var(--ease)}.lab-home:hover{color:var(--white);border-color:var(--accent-dim)}.lab-fps{position:fixed;top:1.25rem;right:1.25rem;z-index:100;font-family:var(--font-display);font-size:.58rem;letter-spacing:.12em;color:var(--white-faint);padding:.4rem .65rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#03030380;pointer-events:none}.lab-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.lab-hero-canvas,.lab-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.lab-hero-content{position:relative;z-index:2;text-align:center;padding:2rem;pointer-events:none}.lab-tag{margin:0 0 1rem;font-family:var(--font-display);font-size:.62rem;letter-spacing:.45em;color:var(--accent)}.lab-hero h1{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,5rem);font-weight:900;letter-spacing:.08em;text-shadow:0 0 60px var(--accent-dim)}.lab-hero p{margin:0;font-size:1rem;color:var(--white-dim);letter-spacing:.06em}.lab-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;font-family:var(--font-display);font-size:.58rem;letter-spacing:.35em;color:var(--white-faint);animation:lab-bob 2.4s ease-in-out infinite}@keyframes lab-bob{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(8px);opacity:1}}.lab-nav{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.85rem 1rem;background:#030303d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.lab-nav-chip{padding:.35rem .75rem;font-family:var(--font-display);font-size:.52rem;letter-spacing:.12em;text-decoration:none;color:var(--white-dim);border:1px solid rgba(255,255,255,.1);border-radius:999px;transition:color .25s,border-color .25s,background .25s}.lab-nav-chip:hover{color:var(--accent);border-color:var(--accent-dim);background:#7dd3fc0f}.lab-section{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;scroll-margin-top:3.5rem}.lab-caption{position:relative;z-index:2;width:100%;padding:clamp(2rem,6vw,4rem);background:linear-gradient(0deg,#030303eb,#03030300);pointer-events:none}.lab-caption-label{margin:0 0 .5rem;font-family:var(--font-display);font-size:.58rem;letter-spacing:.4em;color:var(--accent)}.lab-caption h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;letter-spacing:.06em}.lab-caption p{margin:0 0 .65rem;max-width:36rem;color:var(--white-dim);font-size:.95rem}.lab-hint{display:inline-block;font-family:var(--font-display);font-size:.52rem;letter-spacing:.2em;color:var(--accent);border:1px solid var(--accent-dim);padding:.3rem .65rem;border-radius:4px}.lab-footer{padding:3rem 2rem 4rem;text-align:center;font-family:var(--font-display);font-size:.58rem;letter-spacing:.25em;color:var(--white-faint);border-top:1px solid rgba(255,255,255,.06)}@media(prefers-reduced-motion:reduce){.lab-scroll-hint{animation:none}}