:root{color-scheme:dark;font-family:'Songti SC','Noto Serif SC',serif;color:#eeeade;background:#172b24}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#758477,#283b2c 70%)}#world canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;inset:max(22px,env(safe-area-inset-top)) 24px auto;display:flex;justify-content:space-between;pointer-events:none}.brand{font-size:34px;letter-spacing:.15em;text-decoration:none;pointer-events:auto;text-shadow:0 2px 14px #000}.brand small{display:block;font:9px sans-serif;letter-spacing:.34em;margin-top:7px}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;border:1px solid #eeeade55;background:#172c24ad;border-radius:28px;padding:12px 18px;cursor:pointer;backdrop-filter:blur(12px)}a{color:inherit}#menu{pointer-events:auto;width:46px;height:46px;padding:0;font-size:20px}#caption{position:fixed;left:90px;right:90px;bottom:max(30px,env(safe-area-inset-bottom));text-align:center;pointer-events:none;text-shadow:0 2px 10px #000}#caption span{font-size:15px;letter-spacing:.12em}#status{font:11px/1.7 sans-serif;opacity:.85}#joystick{position:fixed;left:22px;bottom:110px;width:110px;height:110px;border-radius:50%;border:1px solid #fff7;background:#1b302756;touch-action:none;backdrop-filter:blur(8px)}#stick{position:absolute;left:37px;top:37px;width:36px;height:36px;border-radius:50%;background:#f5f0dba6;pointer-events:none}#readWords{position:fixed;right:20px;bottom:135px;font-size:13px}#reset{position:fixed;right:24px;top:100px;font:11px sans-serif;padding:9px 13px}#drawer{position:fixed;right:15px;top:80px;width:min(350px,calc(100vw - 30px));max-height:calc(100dvh - 100px);overflow:auto;background:#142e26f5;border:1px solid #e9e4d333;border-radius:24px;padding:28px;backdrop-filter:blur(20px)}#drawer h2{font-size:20px;font-weight:400;margin:0 0 25px}#drawer>button:not(#closeMenu){display:block;width:100%;text-align:left;margin:14px 0}#closeMenu,#closeReading{position:absolute;right:13px;top:13px;padding:6px 11px;border:0;background:transparent;font-size:24px}#drawer label{font:12px sans-serif;display:flex;align-items:center;gap:15px}#drawer input{min-width:0;flex:1;accent-color:#d7cc9c}#drawer p{font-size:12px;line-height:1.9;color:#d3d5c9}#drawer a{display:block;margin:16px 0;font-size:13px}button:disabled{opacity:.4;cursor:default}dialog{border:1px solid #e8e3d34a;border-radius:24px;background:#f0ecdf;color:#243e31;padding:36px;width:min(500px,calc(100vw - 36px));max-height:80dvh}dialog::backdrop{background:#00120db3;backdrop-filter:blur(6px)}dialog h2{font-size:24px;font-weight:400}dialog p{white-space:pre-line;line-height:2;font-size:16px}dialog button{color:#243e31;background:#dce1d2}#closeReading{color:#243e31}#drawer[hidden]{display:none}@media(max-width:600px){#caption{left:30px;right:30px;bottom:25px}#caption span{font-size:13px}#status{font-size:10px}#joystick{width:96px;height:96px}#stick{left:31px;top:31px;width:34px;height:34px}}