html,body{margin:0;padding:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#19191d;overflow-x:hidden}#root{isolation:isolate}:root{--accent:#d8bd63;--bg:#19191d;--font-serif:"Cormorant Garamond", Georgia, "Songti SC", "Noto Serif SC", "Noto Serif CJK SC", "Noto Serif Thai", "Thonburi", serif;--font-mono:"Space Mono", ui-monospace, "Noto Sans Thai", "Thonburi", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", monospace}@keyframes hc-rise{0%{opacity:0;transform:translateY(72px)scale(.94)}to{opacity:1;transform:none}}@keyframes hc-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes hc-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.92;transform:scale(1.09)}}@keyframes hc-letter{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}@keyframes hc-fade{0%{opacity:0}to{opacity:1}}@keyframes hc-cue{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(9px)}}.hc-root{background:var(--bg,#19191d);color:#ece9df;min-height:100vh;font-family:var(--font-serif);position:relative;overflow:hidden}.hc-grain{pointer-events:none;z-index:60;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22220%22 height=%22220%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%222%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%220.5%22/%3E%3C/svg%3E");position:fixed;inset:0}.hc-vignette{pointer-events:none;z-index:59;background:radial-gradient(120% 90% at 50% 32%,#0000 42%,#00000080 100%);position:fixed;inset:0}.hc-nav{z-index:70;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,32px) clamp(20px,5vw,64px);animation:1.1s .25s both hc-fade;display:flex;position:fixed;top:0;left:0;right:0}.hc-nav-studio{font-family:var(--font-mono);letter-spacing:.24em;color:#c6c2b8;text-transform:uppercase;font-size:15px;font-weight:700}.lang{position:relative}.lang-trigger{cursor:pointer;font-family:var(--font-mono);letter-spacing:.2em;color:#cfcabf;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:9px;padding:6px 2px;font-size:13px;display:inline-flex}.lang-caret{opacity:.55;font-size:20px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.lang-panel{opacity:0;pointer-events:none;z-index:90;background:#201e24;border:1px solid #ece9df21;flex-direction:column;gap:1px;min-width:184px;padding:7px;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 16px);right:0;transform:translateY(-10px);box-shadow:0 28px 64px #0000008c}.lang-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-item{cursor:pointer;font-family:var(--font-mono);letter-spacing:.14em;color:#a5a299;text-transform:uppercase;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:28px;padding:12px 14px;font-size:12px;transition:background .2s,color .2s;display:flex}.lang-item .lang-name{text-transform:none;letter-spacing:.02em;color:#cfcabf}.lang-item:hover:not(.active){background:#ece9df0d}.lang-item.active{color:var(--accent,#d8bd63);background:#d8bd6314}.lang-item.active .lang-name{color:var(--accent,#d8bd63)}.hc-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(80px,11vh,110px) clamp(20px,5vw,64px) clamp(48px,7vh,80px);display:flex;position:relative}.hc-specimen{font-family:var(--font-mono);letter-spacing:.36em;color:#6c6a64;text-transform:uppercase;margin-bottom:clamp(18px,3vh,32px);font-size:clamp(11px,1.1vw,15px);animation:1.2s .5s both hc-fade}.hc-fish-parallax{will-change:transform, opacity}.hc-fish-floaty{animation:9s ease-in-out 2.4s infinite both hc-floaty}.hc-fish-frame{aspect-ratio:16/9;width:min(64vw,880px,82vh);animation:2.3s cubic-bezier(.16,1,.3,1) .25s both hc-rise;position:relative}.hc-fish-tilt{will-change:transform;width:100%;height:100%;position:relative}.hc-fish-glow{z-index:0;background:radial-gradient(circle at 50% 50%, var(--accent,#d8bd63) 0%, #d8bd632e 38%, transparent 68%);filter:blur(8px);animation:7s ease-in-out infinite hc-glow;position:absolute;inset:-22%}.hc-fish-tilt picture{width:100%;height:100%;display:block}.hc-fish-img{z-index:1;object-fit:contain;filter:drop-shadow(0 24px 60px #d8bd6347);width:100%;height:100%;position:relative}.hc-plaque{font-family:var(--font-mono);letter-spacing:.26em;color:#5b5953;text-transform:uppercase;margin-top:clamp(14px,2.5vh,26px);font-size:clamp(9px,1.3vw,10px)}.hc-wordmark{letter-spacing:-.02em;color:#f1eee4;margin:clamp(20px,4vh,40px) 0 0;font-size:clamp(50px,9.5vw,184px);font-weight:600;line-height:.92;display:flex}.hc-wordmark span{animation:.9s cubic-bezier(.16,1,.3,1) both hc-letter;display:inline-block}.hc-wordmark span.accent{color:var(--accent,#d8bd63)}.hc-tagline{font-family:var(--font-mono);letter-spacing:.3em;color:#b6b2a7;text-transform:uppercase;margin-top:clamp(14px,3vh,24px);font-size:clamp(13px,1.3vw,19px);animation:1.4s 1.8s both hc-fade}.hc-cue{flex-direction:column;align-items:center;gap:12px;margin-top:clamp(28px,2vh,56px);animation:1.4s 2.2s both hc-fade;display:flex}.hc-cue-text{font-family:var(--font-mono);letter-spacing:.3em;color:#6c6a64;text-transform:uppercase;font-size:9px}.hc-cue-line{background:linear-gradient(#d8bd6399,#0000);width:1px;height:40px;animation:2.6s ease-in-out infinite hc-cue}.reveal{opacity:0;will-change:opacity, transform;transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal.in{opacity:1;transform:none}.sec-head{align-items:baseline;gap:16px;margin-bottom:clamp(30px,6vh,64px);display:flex}.sec-idx{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent,#d8bd63);font-size:12px}.sec-line{transform-origin:0;background:#ece9df47;flex:none;width:clamp(40px,8vw,90px);height:1px;margin-top:auto;margin-bottom:auto;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .3s;transform:scaleX(0)}.sec-head.in .sec-line{transform:scaleX(1)}.sec-label{font-family:var(--font-mono);letter-spacing:.32em;color:#8d8a82;text-transform:uppercase;font-size:11px}.hc-body{color:#a5a299;text-wrap:pretty;max-width:46ch;margin:0;font-size:clamp(20px,2.6vw,28px);line-height:1.62}.hc-studio{z-index:1;max-width:1100px;margin:0 auto;padding:clamp(110px,20vh,220px) clamp(24px,6vw,80px);position:relative}.hc-studio-head{letter-spacing:-.015em;color:#f1eee4;text-wrap:balance;max-width:16ch;margin:0 0 clamp(64px,9vh,92px);font-size:clamp(34px,6vw,76px);font-weight:500;line-height:1.1}.hc-game{z-index:1;background:#00000029;border-top:1px solid #ece9df17;border-bottom:1px solid #ece9df17;position:relative}.hc-game-inner{max-width:1100px;margin:0 auto;padding:clamp(110px,20vh,220px) clamp(24px,6vw,80px)}.hc-game-title{letter-spacing:-.02em;color:#f1eee4;margin:0 0 clamp(34px,6vh,60px);font-size:clamp(42px,9vw,120px);font-weight:600;line-height:.96}.hc-teaser{aspect-ratio:16/9;background-color:#ffffff03;background-image:repeating-linear-gradient(135deg,#ece9df09 0 1px,#0000 1px 16px);border:1px solid #ece9df1f;justify-content:center;align-items:center;width:100%;margin-bottom:clamp(34px,6vh,60px);display:flex;position:relative}.hc-teaser-text{font-family:var(--font-mono);letter-spacing:.3em;color:#7c7a72;text-transform:uppercase;font-size:clamp(10px,1.5vw,12px)}.hc-teaser-ratio{font-family:var(--font-mono);letter-spacing:.26em;color:#5b5953;font-size:10px;position:absolute;top:16px;left:16px}.hc-game-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(28px,5vw,64px);display:flex}.hc-game-desc{max-width:42ch}.hc-game-meta{flex-direction:column;gap:18px;display:flex}.hc-status{font-family:var(--font-mono);letter-spacing:.26em;color:var(--accent,#d8bd63);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:inline-flex}.hc-status-dot{background:var(--accent,#d8bd63);width:7px;height:7px;box-shadow:0 0 10px var(--accent,#d8bd63);border-radius:50%}.hc-notify{color:var(--accent,#d8bd63);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d8bd6373;padding:16px 26px;font-size:12px;transition:background .4s,color .4s,border-color .4s,opacity .4s}.hc-notify:hover:not(:disabled){background:var(--accent,#d8bd63);color:#15151a;border-color:var(--accent,#d8bd63)}.hc-notify:disabled{cursor:default;opacity:.6}.hc-footer{z-index:1;max-width:1100px;margin:0 auto;padding:clamp(80px,14vh,150px) clamp(24px,6vw,80px) clamp(48px,8vh,80px);position:relative}.hc-footer-top{border-bottom:1px solid #ece9df1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(28px,5vw,60px);padding-bottom:clamp(40px,7vh,72px);display:flex}.hc-footer-brand{flex-direction:column;gap:14px;display:flex}.hc-footer-domain{font-family:var(--font-serif);color:var(--accent,#d8bd63);letter-spacing:-.01em;font-size:clamp(26px,4vw,42px);font-weight:600;text-decoration:none}.hc-footer-studio{font-family:var(--font-mono);letter-spacing:.3em;color:#6c6a64;text-transform:uppercase;font-size:11px}.hc-footer-links{flex-wrap:wrap;gap:clamp(18px,3vw,34px);display:flex}.hc-footer-links a{font-family:var(--font-mono);letter-spacing:.18em;color:#a5a299;font-size:12px;text-decoration:none;transition:color .3s}.hc-footer-links a:hover{color:var(--accent,#d8bd63)}.hc-social{color:#a5a299;justify-content:center;align-items:center;transition:color .3s;display:inline-flex}.hc-social:hover,.hc-social:focus-visible{color:var(--accent,#d8bd63)}.hc-social:focus-visible{outline:1px solid var(--accent,#d8bd63);outline-offset:4px}.hc-social-icon{width:30px;height:30px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.hc-social:hover .hc-social-icon,.hc-social:focus-visible .hc-social-icon{transform:translateY(-1px)}.hc-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(28px,5vh,44px);display:flex}.hc-footer-close{font-family:var(--font-serif);color:#8d8a82;font-size:clamp(17px,2.4vw,22px);font-style:italic}.hc-footer-copy{font-family:var(--font-mono);letter-spacing:.22em;color:#5b5953;text-transform:uppercase;font-size:12px}@keyframes hc-modal-back{0%{opacity:0}to{opacity:1}}@keyframes hc-modal-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.hc-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);background:#08080abd;justify-content:center;align-items:center;padding:clamp(20px,5vw,48px);animation:.4s both hc-modal-back;display:flex;position:fixed;inset:0}.hc-modal{background:#201e24;border:1px solid #ece9df21;width:100%;max-width:460px;padding:clamp(32px,5vw,52px) clamp(26px,5vw,48px) clamp(28px,4vw,44px);animation:.55s cubic-bezier(.16,1,.3,1) both hc-modal-rise;position:relative;box-shadow:0 40px 90px #0009}.hc-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--accent,#d8bd63) 50%, transparent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.hc-modal-x{cursor:pointer;color:#8d8a82;width:32px;height:32px;font-family:var(--font-mono);background:0 0;border:none;font-size:14px;line-height:1;transition:color .25s;position:absolute;top:14px;right:16px}.hc-modal-x:hover{color:#ece9df}.hc-modal-eyebrow{font-family:var(--font-mono);letter-spacing:.32em;color:var(--accent,#d8bd63);text-transform:uppercase;margin-bottom:clamp(16px,3vw,22px);font-size:10px;display:block}.hc-modal-title{letter-spacing:-.015em;color:#f1eee4;text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,5vw,40px);font-weight:500;line-height:1.1}.hc-modal-body{color:#a5a299;text-wrap:pretty;margin:0 0 clamp(22px,4vw,30px);font-size:clamp(16px,2.4vw,19px);line-height:1.55}.hc-modal-form{flex-direction:column;display:flex}.hc-hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.hc-modal-input{color:#f1eee4;width:100%;font-family:var(--font-mono);letter-spacing:.04em;background:0 0;border:none;border-bottom:1px solid #ece9df47;padding:12px 2px;font-size:15px;transition:border-color .3s}.hc-modal-input::placeholder{color:#6c6a64}.hc-modal-input:focus{border-bottom-color:var(--accent,#d8bd63);outline:none}.hc-modal-input[aria-invalid=true]{border-bottom-color:#c66a4a}.hc-modal-error{min-height:18px;font-family:var(--font-mono);letter-spacing:.06em;color:#c66a4a;margin:10px 0 clamp(18px,3vw,26px);font-size:11px}.hc-modal-submit{align-self:flex-start}.hc-modal-done{flex-direction:column;display:flex}.hc-modal-done .hc-notify{align-self:flex-start;margin-top:clamp(8px,2vw,14px)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{transition-duration:.001ms!important}}