@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:Arial,'Noto Sans TC',sans-serif;background:#000;color:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #5ad5ff;outline-offset:6px}header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:54px;padding:40px 5%;background:linear-gradient(#0007,transparent)}.brand{position:relative;display:block;width:260px;height:30px;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.brand img{position:absolute;width:288px;max-width:none;left:-16px;top:-41px;mix-blend-mode:screen}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a{position:relative;padding:7px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .25s}nav a:hover:after{transform:scaleX(1);transform-origin:left}.studio-label{margin-left:auto;font-size:12px;letter-spacing:.12em;color:#ddd}.scene{height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate}.visual,.shade{position:absolute;inset:0;z-index:-1}.visual{background:url('assets/hero.png') center/cover no-repeat;animation:drift 22s ease-in-out infinite alternate}.shade{background:linear-gradient(0deg,#000b,transparent 65%),linear-gradient(90deg,#0005,transparent 65%)}.scene-copy{position:absolute;left:6%;bottom:15%;max-width:85%}.eyebrow{font-size:18px;font-weight:400;margin:0 0 15px;letter-spacing:.04em}h1,h2{font-size:clamp(36px,4vw,64px);font-weight:600;line-height:1.2;letter-spacing:.025em;margin:0 0 36px}.outline-button{display:inline-flex;justify-content:center;align-items:center;min-width:164px;min-height:56px;padding:15px 30px;border:2px solid white;font-size:14px;font-weight:600;transition:background .25s,color .25s}.outline-button:hover{background:white;color:black}.scroll-cue{position:absolute;left:calc(50% - 22px);bottom:28px;width:44px;height:44px;display:grid;place-items:center;animation:down 2.5s ease-in-out infinite}.games .visual{background-position:80% center;transform:scale(1.35);filter:saturate(.45) brightness(.45);animation:none}.games .shade{background:linear-gradient(90deg,#000a,transparent),linear-gradient(0deg,#000,transparent 50%)}.games .scene-copy{bottom:18%}.coming-soon{font-size:13px;letter-spacing:.22em;color:#c5d6e0}footer{min-height:100px;display:flex;justify-content:center;align-items:center;gap:40px;padding:25px;font-size:12px}footer>span{color:#8f969f}footer a{font-size:13px}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:#fff;color:#000;z-index:10}.skip:focus{top:16px}@keyframes drift{to{transform:scale(1.06)}}@keyframes down{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(7px);opacity:.4}}@media(max-width:760px){header{padding:28px 6%;gap:18px;justify-content:space-between}.brand{width:200px;height:24px}.brand img{width:222px;left:-12px;top:-32px}nav{gap:20px;font-size:13px}.studio-label{display:none}.scene{min-height:600px}.visual{background-position:65% center}.scene-copy{bottom:16%;left:6%}.eyebrow{font-size:15px}h1,h2{font-size:clamp(30px,6.5vw,46px);margin-bottom:28px}.games .visual{background-position:75% center}.outline-button{min-width:150px}.shade{background:linear-gradient(0deg,#000c,transparent 80%)}footer{gap:25px}}@media(max-width:380px){header{padding:25px 5%;gap:10px}.brand{width:180px;height:22px}.brand img{width:200px;left:-11px;top:-29px}nav{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual,.scroll-cue{animation:none}a,nav a:after{transition:none}}
.game-banner{width:100%;background:#000;line-height:0}.game-banner img{display:block;width:100%;height:auto}
.cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9998}
.cursor-aura{position:fixed;left:0;top:0;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,rgba(170,235,255,.12) 0%,rgba(66,191,255,.5) 22%,rgba(20,132,255,.36) 42%,rgba(0,95,255,.14) 62%,transparent 76%);filter:blur(2px);mix-blend-mode:screen;pointer-events:none;z-index:9999;opacity:0;transition:opacity .15s;will-change:transform}
.cursor-aura.is-visible{opacity:1}
footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:28px 4%;min-height:110px}
footer>a{grid-column:2;grid-row:1;justify-self:center;align-self:center}
footer>span{grid-column:3;grid-row:1;justify-self:end;text-align:right}
@media(max-width:760px){footer{grid-template-columns:1fr;gap:20px;padding:24px 6%}footer>a{grid-column:1;grid-row:1}footer>span{grid-column:1;grid-row:2;justify-self:end}}