:root{--ink:#d9d3ee;--ink-soft:#8a82a8;--cyan:#7df1ff;--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}.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}.index{z-index:40;flex-direction:column;align-items:center;padding:clamp(56px,12vh,130px) 24px 80px;display:flex;position:fixed;inset:0;overflow-y:auto}.index[hidden]{display:none}.index-head{text-align:center;margin-bottom:clamp(40px,8vh,76px)}.index-title{font-family:var(--font-display);letter-spacing:.22em;text-indent:.22em;color:#f4f0ff;text-shadow:0 0 30px #b38cff8c,0 0 70px #7df1ff47;font-size:clamp(38px,7vw,64px);font-weight:400}.index-sub{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px;font-size:11px}.world-list{flex-direction:column;width:100%;max-width:520px;display:flex}.world-link{color:var(--ink);border-top:1px solid #c8b4ff1f;align-items:baseline;gap:18px;padding:20px 8px;text-decoration:none;transition:color .3s,padding-left .3s;display:flex}.world-list .world-link:last-child{border-bottom:1px solid #c8b4ff1f}a.world-link:hover{color:#f4f0ff;padding-left:16px}.world-no{font-family:var(--font-display);letter-spacing:.2em;color:var(--ink-soft);min-width:2.6em;font-size:15px}a.world-link:hover .world-no{color:var(--cyan)}.world-name{font-family:var(--font-display);letter-spacing:.04em;flex:1;font-size:22px}.world-state{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;font-size:10px}.world-link.is-locked{color:var(--ink-soft);opacity:.5;cursor:default}
