*{box-sizing:border-box}body{margin:0;background:#18252e;color:#fff;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #eacda5;outline-offset:4px}[hidden]{display:none!important}#world{display:block;width:100vw;height:100dvh;touch-action:none;cursor:grab}#world:active{cursor:grabbing}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:linear-gradient(#1116,transparent);pointer-events:none;gap:15px}.back,header button{pointer-events:auto;font-size:11px;min-height:44px;display:flex;align-items:center;text-shadow:0 1px 8px #0008}.title{position:absolute;left:50%;transform:translateX(-50%);font-family:'Times New Roman',serif;font-size:23px;letter-spacing:.035em;text-align:center}.title small{display:block;font-family:Arial,sans-serif;font-size:6px;letter-spacing:.17em;margin-top:7px}button{background:transparent;border:0;border-radius:2px;padding:10px 14px;font-size:11px}button:hover{background:#17212955}button[aria-pressed=true]{background:#eee9dd;color:#232d33}.tools{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}.tools button{min-height:44px;background:#17212955;backdrop-filter:blur(10px);padding:12px 24px;border:1px solid #fff3}.tools button:hover{background:#17212999}body.waiting .tools{visibility:hidden}#loading{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#283d49,#111b24);text-align:center;padding:30px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#d0c4af}#loading h1{font-size:29px;font-weight:400;margin:25px 0}#loading p{font-size:11px;color:#bac6cd;line-height:2}.load-line{width:min(300px,70vw);height:1px;background:#ffffff20;margin:20px}.load-line i{display:block;background:#dbd0bb;height:1px;width:5%;transition:width .3s}#fallback{font-size:12px;margin-top:20px;border-bottom:1px solid #fff6;padding-bottom:10px}#welcome{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);background:#172129c9;backdrop-filter:blur(16px);border:1px solid #fff4;padding:32px 38px;text-align:center;width:min(370px,88vw);max-height:85dvh;overflow:auto;box-shadow:0 20px 70px #0003}#welcome p{font-size:21px;line-height:1.8;margin:0 0 20px}#welcome span{font-size:11px;line-height:2;display:block;color:#d0d8da}#welcome small{display:block;margin-top:10px;color:#b9c5c9}#welcome button{margin-top:24px;background:#eee9dd;color:#283139;width:100%;padding:14px;min-height:48px}#welcome #guidedBegin{margin-top:9px;background:transparent;color:#f5f0e7;border:1px solid #fff6}#joystick{position:fixed;width:128px;height:128px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);background:#17212933;box-shadow:0 0 0 8px #fff1;pointer-events:none;z-index:5;user-select:none}#joystick i{position:absolute;width:30px;height:30px;border-radius:50%;background:#f4efe4bb;left:48px;top:48px;box-shadow:0 2px 12px #0004}@media(max-width:650px){header{padding:12px}.title{font-size:18px}.title small{font-size:5px}.back,header button{font-size:10px}header button{padding:10px 6px}#welcome{padding:25px}#welcome p{font-size:20px;margin-bottom:12px}.tools{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(max-height:500px){header{padding:8px 20px}#welcome{padding:15px;max-height:92dvh}#welcome p{font-size:16px;line-height:1.4;margin-bottom:7px}#welcome span{font-size:10px;line-height:1.5}#welcome button{margin-top:12px}}