:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Microsoft JhengHei,Noto Sans TC,sans-serif}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#8ec8ef;height:100%;margin:0;overflow:hidden}body.selecting #game,body.selecting #hud,body.selecting #help,body.selecting #touch-ui{visibility:hidden}#server-select{z-index:20;background:#d7ecf8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}body:not(.selecting) #server-select{display:none}.server-card{color:#17324a;background:#fff;border-radius:18px;width:min(420px,100%);padding:28px 24px;box-shadow:0 12px 40px #17324a29}.server-card h1,.server-card p{margin:0}.server-card h1{font-size:28px}.server-card p{color:#46627a;margin-top:8px;line-height:1.5}#server-list{gap:12px;margin-top:22px;display:grid}.server-button{color:#fff;width:100%;min-height:64px;font:inherit;text-align:left;touch-action:manipulation;cursor:pointer;background:#1f7a3a;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:18px;display:flex}.server-button:disabled{cursor:default;background:#8d98a3}.server-meta{font-size:14px}#server-message{min-height:1.5em}#game{touch-action:none;cursor:default;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:5;pointer-events:none;max-width:min(460px,100vw - 24px);position:fixed}#brand{color:#fff;text-shadow:0 1px 2px #00000073;margin:0 0 8px;font-size:18px;font-weight:700}#status{color:#fff;background:#8a6a12;border-radius:999px;padding:6px 12px;font-size:14px;display:inline-block}#status[data-state=connected]{background:#1f7a3a}#status[data-state=error]{background:#8d2b2b}#player-count,#status-detail,#help{color:#fff;text-shadow:0 1px 2px #0009;margin:8px 0 0;font-size:13px;line-height:1.45}#help{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:4;text-align:center;pointer-events:none;max-width:min(640px,100vw - 32px);position:fixed;transform:translate(-50%)}body.touch #help{top:calc(92px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));text-align:right;max-width:min(280px,42vw);bottom:auto;left:auto;transform:none}#touch-ui[hidden]{display:none}#look-zone{z-index:2;touch-action:none;width:52%;height:100%;position:fixed;top:0;right:0}#look-hint{right:calc(18px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));color:#ffffffd1;text-shadow:0 1px 2px #0000008c;pointer-events:none;font-size:14px;position:absolute}#joystick{left:calc(20px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:3;touch-action:none;background:#14201847;border:2px solid #ffffffb8;border-radius:50%;width:128px;height:128px;position:fixed}#joystick-knob{background:#ffffffeb;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000040}