body{color:#e5e7eb;background:#0b1220;margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:16px}.hud{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card{background:#111a2e;border:1px solid #24314f;border-radius:12px;padding:10px 12px}canvas{background:#0f172a;border:1px solid #24314f;border-radius:16px;width:100%;height:auto;display:block}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:10px 12px}button:active{transform:translateY(1px)}kbd{background:#0b1220;border:1px solid #24314f;border-radius:6px;padding:2px 6px}.hint{opacity:.85;flex:520px;font-size:14px}.touch-joystick{display:none}@media (hover:none) and (pointer:coarse),(width<=760px){body{overscroll-behavior:none}.wrap{padding:10px 10px 140px}.hud{gap:8px;margin-bottom:8px}.card{border-radius:8px;padding:8px 10px}canvas{touch-action:none;border-radius:10px}.touch-joystick{left:24px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:fixed}.joystick-base{touch-action:none;background:radial-gradient(circle,#2563eb33 0 30%,#0f172ab8 31% 100%);border:1px solid #94a3b86b;border-radius:50%;width:128px;height:128px;padding:0;position:relative;box-shadow:0 14px 32px #00000057,inset 0 0 0 12px #94a3b814}.joystick-base:before,.joystick-base:after{content:"";background:#e2e8f033;width:86px;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.joystick-base:after{transform:translate(-50%,-50%)rotate(90deg)}.joystick-thumb{--stick-x:0px;--stick-y:0px;width:58px;height:58px;transform:translate(calc(-50% + var(--stick-x)), calc(-50% + var(--stick-y)));background:linear-gradient(145deg,#3b82f6fa,#1d4ed8fa);border:1px solid #ffffff61;border-radius:50%;transition:transform 90ms ease-out,box-shadow 90ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 8px 18px #00000052}.touch-joystick.is-active .joystick-thumb{transition:none;box-shadow:0 10px 24px #2563eb57,0 8px 18px #00000052}}