:root{--ink:#d9d3ee;--ink-soft:#8a82a8;--cyan:#7df1ff;--pink:#ff9ed8;--violet:#b38cff;--glass:#16122aa8;--font-display:"Cormorant Garamond", serif;--font-body:"Zen Kaku Gothic New", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;font-family:var(--font-body);color:var(--ink);background:linear-gradient(#04040c 0%,#0e0a1c 70%,#171129 100%);overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{opacity:0!important;pointer-events:none!important}.loader{z-index:40;background:linear-gradient(#04040c 0%,#0e0a1c 70%,#171129 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}.loader-core{background:linear-gradient(135deg,#fff,#d8c8ff 60%,#9d8ade);width:18px;height:18px;margin-bottom:30px;animation:2.2s ease-in-out infinite core-breathe;transform:rotate(45deg);box-shadow:0 0 26px 6px #beaaff8c}@keyframes core-breathe{0%,to{transform:rotate(45deg)scale(1);box-shadow:0 0 20px 4px #beaaff73}50%{transform:rotate(45deg)scale(1.22);box-shadow:0 0 36px 10px #beaaffbf}}.loader-name{font-family:var(--font-display);letter-spacing:.35em;text-indent:.35em;color:#efeaff;font-size:28px;font-weight:400}.loader-sub{letter-spacing:.3em;text-indent:.3em;color:var(--ink-soft);text-transform:uppercase;margin-top:10px;font-size:11px}.dots span{animation:1.4s infinite dot-blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,60%,to{opacity:.15}30%{opacity:1}}.intro{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 60%,#140e2c2e,#0604108c);justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}.intro-inner{text-align:center;animation:.9s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-title{font-family:var(--font-display);letter-spacing:.22em;text-indent:.22em;color:#f4f0ff;text-shadow:0 0 30px #b38cffa6,0 0 70px #7df1ff59;font-size:clamp(42px,8vw,76px);font-weight:400}.intro-role{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:#cfc6ea;opacity:.9;text-shadow:0 1px 12px #5a468ccc;margin-top:16px;font-size:11px}.enter-btn{cursor:pointer;font-family:var(--font-display);letter-spacing:.3em;text-indent:.3em;color:#eee9ff;background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #c8b4ff66;border-radius:999px;margin-top:44px;padding:15px 52px;font-size:17px;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 4px 30px #785ac84d,inset 0 0 18px #a082f02e}.enter-btn:hover{border-color:#dccdffbf;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 44px #8c6ee680,inset 0 0 24px #b496ff4d}.intro-temple{width:fit-content;font-family:var(--font-display);letter-spacing:.28em;text-indent:.28em;color:#cfc6ea;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16122a4d;border:1px solid #c8b4ff38;border-radius:999px;margin:0 auto;padding:10px 34px;font-size:14px;text-decoration:none;transition:background .3s,border-color .3s,color .3s;position:absolute;bottom:66px;left:0;right:0}.intro-temple:hover{color:#efeaff;background:#1e18388c;border-color:#dccdff80}.intro-hint{letter-spacing:.18em;color:#cfc6ea;opacity:.75;text-shadow:0 1px 10px #3c2d64cc;margin-top:26px;font-size:11px}.intro-hint b{font-weight:500}body:not(.is-touch) [data-mobile],body.is-touch [data-desktop]{display:none}@media (width<=480px){.intro-role{letter-spacing:.26em;text-indent:.26em;white-space:nowrap;font-size:9.5px}.intro-temple{bottom:46px}}.hud{transition:opacity .6s}.crosshair{z-index:20;background:#eee9ffe6;border-radius:50%;width:5px;height:5px;transition:transform .2s,background .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 2px #beaaff99}.crosshair.on-gate{background:var(--cyan);transform:translate(-50%,-50%)scale(2.1)}body.is-touch .crosshair{display:none}.gate-label{z-index:20;font-family:var(--font-display);letter-spacing:.34em;text-indent:.34em;color:#e8e2fa;text-shadow:0 0 18px #a082f0cc;opacity:0;white-space:nowrap;font-size:19px;transition:opacity .8s;position:fixed;top:42px;left:50%;transform:translate(-50%)}.gate-label.show{opacity:1}.hud-hint{z-index:20;letter-spacing:.18em;white-space:nowrap;color:#cfc6ea;opacity:.5;text-shadow:0 1px 10px #281e46cc;font-size:10.5px;transition:opacity .4s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.hud-hint b{font-weight:500}.joystick{z-index:22;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.45;background:#b4a0f00d;border:1px solid #c8b4ff2e;border-radius:50%;width:108px;height:108px;transition:opacity .25s;position:fixed;bottom:34px;left:34px}.joystick.active{opacity:1}.joystick-knob{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#dccdff1f;border:1px solid #dccdff4d;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body:not(.is-touch) .joystick{display:none}