*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:#304d43;color:#f6e8bf}[hidden]{display:none!important}#game{position:fixed;inset:0;outline:none;overflow:hidden;container-type:size}#world{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:22px 28px auto;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;pointer-events:none}#hud button{pointer-events:auto}.brand{display:grid;gap:7px;text-shadow:0 2px 5px #243a2d}.brand small{font-size:10px;letter-spacing:3px}.brand strong{font-size:22px}.brand span{font-size:12px}.vitals{display:flex;gap:18px;padding:13px 20px;border:1px solid #fff4;border-radius:16px;background:#233c36dc;min-width:255px}.vitals>div{min-width:80px}.vitals span{font-size:10px;display:block;color:#d1d8bf}.vitals b{font-size:21px}.vitals .compact{min-width:35px}i{display:block;height:4px;background:#ffffff30;border-radius:9px;overflow:hidden;margin-top:4px}em{height:100%;display:block;width:100%;background:#d9bb60}#energy-bar{background:#80c9b0}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar .tb-btn{font-size:11px;padding:8px 12px;min-height:36px}#status{position:absolute;left:28px;top:125px;display:grid;gap:5px;padding:12px 17px;border-left:2px solid #dfbc64;background:#233c36c4;font-size:11px}#status b{font-size:14px}#boss-hud{position:absolute;left:35%;right:35%;top:112px;text-align:center;font-size:13px;background:#233c36dd;padding:10px;border-radius:10px}#boss-bar{background:#e07c55}#panel{position:absolute;left:5%;top:50%;transform:translateY(-45%);width:min(520px,90%);max-height:82%;overflow:auto;padding:30px 34px;border:1px solid #e7ce8a55;border-radius:22px;background:#203c35ef;box-shadow:0 22px 80px #182e3460;backdrop-filter:blur(10px)}#panel-tag{font-size:10px;letter-spacing:2px;color:#dbbc6d}#panel h1{font-family:Georgia,"Microsoft YaHei",serif;font-size:42px;line-height:1.2;margin:14px 0;color:#f0ddad}#panel p{font-size:13px;line-height:1.8;color:#d9dfce}details{margin:18px 0}summary{cursor:pointer;font-size:13px;color:#efcd80}details p{font-size:11px!important}.options{margin-top:18px;gap:8px}.options .tb-btn{font-size:10px;padding:7px 10px}#touch{position:absolute;inset:0;pointer-events:none}#touch>*{pointer-events:auto}#stick{position:absolute;left:4px;bottom:max(25px,env(safe-area-inset-bottom));width:116px;height:116px;border-radius:50%;border:2px solid #fff9;background:#ffffff25;touch-action:none;user-select:none}#knob{position:absolute;width:44px;height:44px;left:34px;top:34px;border-radius:50%;background:#f4e6bac4;border:2px solid #fff;pointer-events:none}#stick small{position:absolute;bottom:9px;width:100%;text-align:center;font-size:9px;letter-spacing:2px}.touch-actions{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;gap:12px}.touch-actions button{width:58px;height:58px;padding:0;display:grid;place-content:center;gap:2px;touch-action:none;user-select:none}.touch-actions b{font-size:20px}.touch-actions span{font-size:9px}.touch-actions .secondary button{width:58px;height:46px}.touch-actions .secondary b{font-size:15px}.held{filter:brightness(1.3);transform:scale(.95)}#help{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);background:#233c36dc;border-radius:20px;padding:9px 15px;font-size:11px;white-space:nowrap}#toast{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#203c35ed;border:1px solid #dfbf6b77;color:#ffe6a2;padding:12px 22px;border-radius:22px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#304d43;z-index:10}body:not(.playing) #touch,body:not(.playing) #status{visibility:hidden}body.touch-mode #help,body.touch-mode #camera{display:none}body.rotated #game{inset:auto;top:0;transform-origin:0 0;transform:rotate(90deg)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2d084;outline-offset:3px}
@container(max-height:550px){#hud{inset:12px 18px auto;gap:12px}.brand strong{font-size:16px}.brand small{font-size:8px}.brand span{font-size:10px}.vitals{padding:8px 13px;gap:12px;min-width:210px}.vitals>div{min-width:65px}.vitals b{font-size:17px}.toolbar{gap:8px}.toolbar .tb-btn{font-size:10px;min-height:34px;padding:6px 10px}#status{top:85px;left:18px;font-size:10px;padding:8px 12px}#boss-hud{top:80px;left:38%;right:30%;font-size:11px}#panel{padding:20px 25px;max-height:88%;transform:translateY(-47%);width:490px}#panel h1{font-size:30px;margin:10px 0}#panel p{font-size:12px}#stick{width:102px;height:102px;bottom:18px}#knob{left:27px;top:27px}.touch-actions{bottom:16px;right:18px;gap:10px}.touch-actions button{width:54px;height:54px}.touch-actions .secondary button{width:54px;height:44px}}
@media(orientation:portrait){body:not(.rotated) #hud{display:none}body:not(.rotated) #panel{left:5%;width:90%;max-height:88%;transform:translateY(-50%);padding:24px}body:not(.rotated) #panel h1{font-size:32px}}

body.mobile-device #full{display:none!important}