:root{color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#383448;color:#f4e6d6;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:40% 0 auto;z-index:2;display:grid;gap:12px;margin:0;text-align:center;font-size:clamp(15px,2vw,18px);line-height:1.7;letter-spacing:.2em;-webkit-text-stroke:.35px #000;text-shadow:0 1px 8px #171a29;opacity:1;transition:opacity 3s ease;pointer-events:none}#loading span:last-child{font-size:.86em;color:#f4e6d6cc}#loading.leaving{opacity:0}@media(pointer:coarse),(max-width:700px){#loading{inset:28% 20px auto}}#joystick{display:none;position:fixed;left:max(26px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));width:120px;height:120px;border:1px solid #f5ead644;border-radius:50%;background:#1e23352a;touch-action:none;-webkit-user-select:none;user-select:none}#stick{position:absolute;width:32px;height:32px;left:43px;top:43px;border-radius:50%;border:1px solid #f7edde99;background:#f7eddd35;pointer-events:none}@media(pointer:coarse),(max-width:700px){#joystick{display:block}}#subtitle{position:fixed;bottom:max(44px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:14px 28px;border-radius:3px;background:#171a29d9;color:#f6e7d1;font-size:clamp(16px,2vw,19px);line-height:1.9;letter-spacing:.12em;text-align:center;white-space:pre-line;opacity:0;pointer-events:none}@media(pointer:coarse),(max-width:700px){#subtitle{bottom:max(178px,calc(env(safe-area-inset-bottom) + 150px));font-size:16px}}